@pie-lib/charting 4.5.13 → 4.5.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +15 -15
- package/CHANGELOG.md +30 -0
- package/lib/axes.js +125 -60
- package/lib/axes.js.map +1 -1
- package/lib/bars/bar.js +17 -13
- package/lib/bars/bar.js.map +1 -1
- package/lib/bars/common/bars.js +27 -21
- package/lib/bars/common/bars.js.map +1 -1
- package/lib/bars/histogram.js +17 -13
- package/lib/bars/histogram.js.map +1 -1
- package/lib/chart.js +43 -34
- package/lib/chart.js.map +1 -1
- package/lib/common/drag-handle.js +24 -18
- package/lib/common/drag-handle.js.map +1 -1
- package/lib/common/styles.js +1 -1
- package/lib/grid.js +17 -13
- package/lib/grid.js.map +1 -1
- package/lib/line/common/drag-handle.js +20 -14
- package/lib/line/common/drag-handle.js.map +1 -1
- package/lib/line/common/line.js +37 -29
- package/lib/line/common/line.js.map +1 -1
- package/lib/line/line-cross.js +23 -17
- package/lib/line/line-cross.js.map +1 -1
- package/lib/line/line-dot.js +21 -15
- package/lib/line/line-dot.js.map +1 -1
- package/lib/mark-label.js +15 -7
- package/lib/mark-label.js.map +1 -1
- package/lib/plot/common/plot.js +27 -21
- package/lib/plot/common/plot.js.map +1 -1
- package/lib/plot/dot.js +18 -14
- package/lib/plot/dot.js.map +1 -1
- package/lib/plot/line.js +19 -15
- package/lib/plot/line.js.map +1 -1
- package/lib/tool-menu.js +19 -15
- package/lib/tool-menu.js.map +1 -1
- package/lib/utils.js +20 -9
- package/lib/utils.js.map +1 -1
- package/package.json +3 -3
- package/src/axes.jsx +62 -1
- package/src/chart.jsx +5 -2
- package/src/utils.js +16 -1
package/CHANGELOG.json
CHANGED
|
@@ -534,6 +534,21 @@
|
|
|
534
534
|
"isTagged": true,
|
|
535
535
|
"tag": "@pie-lib/charting@4.5.10"
|
|
536
536
|
},
|
|
537
|
+
{
|
|
538
|
+
"type": "fix",
|
|
539
|
+
"scope": "charting",
|
|
540
|
+
"subject": "Displayed the entire rightmost category label when space available PD-531",
|
|
541
|
+
"merge": null,
|
|
542
|
+
"header": "fix(charting): Displayed the entire rightmost category label when space available PD-531",
|
|
543
|
+
"body": null,
|
|
544
|
+
"footer": null,
|
|
545
|
+
"notes": [],
|
|
546
|
+
"hash": "4c96415952e13e789f5b67cf99e6a17d957a06e7",
|
|
547
|
+
"gitTags": " (origin/fix/PD-531)",
|
|
548
|
+
"committerDate": "2021-09-10 14:19:05 +0300",
|
|
549
|
+
"isTagged": true,
|
|
550
|
+
"tag": "@pie-lib/charting@4.5.13"
|
|
551
|
+
},
|
|
537
552
|
{
|
|
538
553
|
"type": "fix",
|
|
539
554
|
"scope": "charting",
|
|
@@ -563,20 +578,5 @@
|
|
|
563
578
|
"committerDate": "2021-03-19 19:13:17 +0200",
|
|
564
579
|
"isTagged": true,
|
|
565
580
|
"tag": "@pie-lib/charting@4.5.11"
|
|
566
|
-
},
|
|
567
|
-
{
|
|
568
|
-
"type": "fix",
|
|
569
|
-
"scope": "charting",
|
|
570
|
-
"subject": "Displayed the entire rightmost category label when space available PD-531",
|
|
571
|
-
"merge": null,
|
|
572
|
-
"header": "fix(charting): Displayed the entire rightmost category label when space available PD-531",
|
|
573
|
-
"body": null,
|
|
574
|
-
"footer": null,
|
|
575
|
-
"notes": [],
|
|
576
|
-
"hash": "4c96415952e13e789f5b67cf99e6a17d957a06e7",
|
|
577
|
-
"gitTags": " (origin/fix/PD-531)",
|
|
578
|
-
"committerDate": "2021-09-10 14:19:05 +0300",
|
|
579
|
-
"isTagged": true,
|
|
580
|
-
"tag": "@pie-lib/charting@4.5.13"
|
|
581
581
|
}
|
|
582
582
|
]
|
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,36 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [4.5.16](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.15...@pie-lib/charting@4.5.16) (2022-05-30)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* unable to load items locally ([17ab686](https://github.com/pie-framework/pie-lib/commit/17ab6864557288aef6ec1d9a130cb508e2591562))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
## [4.5.15](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.14...@pie-lib/charting@4.5.15) (2022-05-10)
|
|
18
|
+
|
|
19
|
+
**Note:** Version bump only for package @pie-lib/charting
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## [4.5.14](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.13...@pie-lib/charting@4.5.14) (2022-03-21)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Bug Fixes
|
|
29
|
+
|
|
30
|
+
* **charting:** Added custom modulo function to work with decimals PD-1645 ([70951ef](https://github.com/pie-framework/pie-lib/commit/70951ef055630f217094a42ec2d15282cf680c6b))
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
|
|
6
36
|
## [4.5.13](https://github.com/pie-framework/pie-lib/compare/@pie-lib/charting@4.5.12...@pie-lib/charting@4.5.13) (2021-09-10)
|
|
7
37
|
|
|
8
38
|
|
package/lib/axes.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
|
-
exports["default"] = exports.
|
|
8
|
+
exports["default"] = exports.TickComponent = exports.RawChartAxes = void 0;
|
|
7
9
|
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
9
11
|
|
|
@@ -21,48 +23,54 @@ var _utils = require("./utils");
|
|
|
21
23
|
|
|
22
24
|
var _markLabel = _interopRequireDefault(require("./mark-label"));
|
|
23
25
|
|
|
26
|
+
var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
|
|
27
|
+
|
|
24
28
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
29
|
|
|
26
|
-
function
|
|
30
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
27
31
|
|
|
28
|
-
function
|
|
32
|
+
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."); }
|
|
29
33
|
|
|
30
|
-
function
|
|
34
|
+
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); }
|
|
31
35
|
|
|
32
|
-
function _iterableToArray(iter) { if (Symbol.iterator
|
|
36
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
33
37
|
|
|
34
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr))
|
|
38
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
35
39
|
|
|
36
|
-
function
|
|
40
|
+
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; }
|
|
37
41
|
|
|
38
|
-
function
|
|
42
|
+
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; }
|
|
43
|
+
|
|
44
|
+
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) { _defineProperty(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; }
|
|
39
45
|
|
|
40
46
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
41
47
|
|
|
42
48
|
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); } }
|
|
43
49
|
|
|
44
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
50
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
45
51
|
|
|
46
|
-
function
|
|
52
|
+
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); }
|
|
47
53
|
|
|
48
|
-
function
|
|
54
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
55
|
+
|
|
56
|
+
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); }; }
|
|
57
|
+
|
|
58
|
+
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); }
|
|
49
59
|
|
|
50
60
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
51
61
|
|
|
52
|
-
function
|
|
62
|
+
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; } }
|
|
53
63
|
|
|
54
|
-
function
|
|
64
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
55
65
|
|
|
56
66
|
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; }
|
|
57
67
|
|
|
58
|
-
var TickComponent =
|
|
59
|
-
/*#__PURE__*/
|
|
60
|
-
function (_React$Component) {
|
|
68
|
+
var TickComponent = /*#__PURE__*/function (_React$Component) {
|
|
61
69
|
_inherits(TickComponent, _React$Component);
|
|
62
70
|
|
|
63
|
-
|
|
64
|
-
var _getPrototypeOf2;
|
|
71
|
+
var _super = _createSuper(TickComponent);
|
|
65
72
|
|
|
73
|
+
function TickComponent() {
|
|
66
74
|
var _this;
|
|
67
75
|
|
|
68
76
|
_classCallCheck(this, TickComponent);
|
|
@@ -71,14 +79,14 @@ function (_React$Component) {
|
|
|
71
79
|
args[_key] = arguments[_key];
|
|
72
80
|
}
|
|
73
81
|
|
|
74
|
-
_this =
|
|
82
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
75
83
|
|
|
76
84
|
_defineProperty(_assertThisInitialized(_this), "changeCategory", function (index, newLabel) {
|
|
77
85
|
var _this$props = _this.props,
|
|
78
86
|
categories = _this$props.categories,
|
|
79
87
|
onChangeCategory = _this$props.onChangeCategory;
|
|
80
88
|
var category = categories[index];
|
|
81
|
-
onChangeCategory(index, _objectSpread({}, category, {
|
|
89
|
+
onChangeCategory(index, _objectSpread(_objectSpread({}, category), {}, {
|
|
82
90
|
label: newLabel
|
|
83
91
|
}));
|
|
84
92
|
});
|
|
@@ -93,6 +101,16 @@ function (_React$Component) {
|
|
|
93
101
|
}
|
|
94
102
|
});
|
|
95
103
|
|
|
104
|
+
_defineProperty(_assertThisInitialized(_this), "changeInteractive", function (index, value) {
|
|
105
|
+
var _this$props3 = _this.props,
|
|
106
|
+
categories = _this$props3.categories,
|
|
107
|
+
onChangeCategory = _this$props3.onChangeCategory;
|
|
108
|
+
var category = categories[index];
|
|
109
|
+
onChangeCategory(index, _objectSpread(_objectSpread({}, category), {}, {
|
|
110
|
+
interactive: !category.interactive
|
|
111
|
+
}));
|
|
112
|
+
});
|
|
113
|
+
|
|
96
114
|
return _this;
|
|
97
115
|
}
|
|
98
116
|
|
|
@@ -101,18 +119,19 @@ function (_React$Component) {
|
|
|
101
119
|
value: function render() {
|
|
102
120
|
var _this2 = this;
|
|
103
121
|
|
|
104
|
-
var _this$
|
|
105
|
-
classes = _this$
|
|
106
|
-
categories = _this$
|
|
107
|
-
xBand = _this$
|
|
108
|
-
bandWidth = _this$
|
|
109
|
-
barWidth = _this$
|
|
110
|
-
rotate = _this$
|
|
111
|
-
top = _this$
|
|
112
|
-
graphProps = _this$
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
122
|
+
var _this$props4 = this.props,
|
|
123
|
+
classes = _this$props4.classes,
|
|
124
|
+
categories = _this$props4.categories,
|
|
125
|
+
xBand = _this$props4.xBand,
|
|
126
|
+
bandWidth = _this$props4.bandWidth,
|
|
127
|
+
barWidth = _this$props4.barWidth,
|
|
128
|
+
rotate = _this$props4.rotate,
|
|
129
|
+
top = _this$props4.top,
|
|
130
|
+
graphProps = _this$props4.graphProps,
|
|
131
|
+
defineChart = _this$props4.defineChart,
|
|
132
|
+
x = _this$props4.x,
|
|
133
|
+
y = _this$props4.y,
|
|
134
|
+
formattedValue = _this$props4.formattedValue;
|
|
116
135
|
|
|
117
136
|
if (!formattedValue) {
|
|
118
137
|
return null;
|
|
@@ -137,16 +156,16 @@ function (_React$Component) {
|
|
|
137
156
|
return lengthA > lengthB ? a : b;
|
|
138
157
|
});
|
|
139
158
|
var longestLabel = longestCategory && longestCategory.label || '';
|
|
140
|
-
return _react["default"].createElement("g", null, _react["default"].createElement("foreignObject", {
|
|
159
|
+
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("foreignObject", {
|
|
141
160
|
x: bandWidth ? barX : x - barWidth / 2,
|
|
142
161
|
y: 6,
|
|
143
162
|
width: barWidth,
|
|
144
|
-
height:
|
|
163
|
+
height: 4,
|
|
145
164
|
style: {
|
|
146
165
|
pointerEvents: 'none',
|
|
147
166
|
overflow: 'visible'
|
|
148
167
|
}
|
|
149
|
-
}, index === 0 && _react["default"].createElement("div", {
|
|
168
|
+
}, index === 0 && /*#__PURE__*/_react["default"].createElement("div", {
|
|
150
169
|
id: "hiddenLabel",
|
|
151
170
|
style: {
|
|
152
171
|
position: 'absolute',
|
|
@@ -156,7 +175,20 @@ function (_React$Component) {
|
|
|
156
175
|
maxWidth: barWidth,
|
|
157
176
|
display: 'block'
|
|
158
177
|
}
|
|
159
|
-
}, longestLabel), _react["default"].createElement(_markLabel["default"], {
|
|
178
|
+
}, longestLabel), /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
|
|
179
|
+
inputRef: function inputRef(r) {
|
|
180
|
+
return _this2.input = r;
|
|
181
|
+
},
|
|
182
|
+
disabled: !(editable && interactive),
|
|
183
|
+
mark: category,
|
|
184
|
+
graphProps: graphProps,
|
|
185
|
+
onChange: function onChange(newLabel) {
|
|
186
|
+
return _this2.changeCategory(index, newLabel);
|
|
187
|
+
},
|
|
188
|
+
barWidth: barWidth,
|
|
189
|
+
rotate: rotate,
|
|
190
|
+
correctness: correctness
|
|
191
|
+
}), /*#__PURE__*/_react["default"].createElement(_markLabel["default"], {
|
|
160
192
|
inputRef: function inputRef(r) {
|
|
161
193
|
return _this2.input = r;
|
|
162
194
|
},
|
|
@@ -169,14 +201,14 @@ function (_React$Component) {
|
|
|
169
201
|
barWidth: barWidth,
|
|
170
202
|
rotate: rotate,
|
|
171
203
|
correctness: correctness
|
|
172
|
-
})), deletable && !correctness && _react["default"].createElement("line", {
|
|
204
|
+
})), deletable && !correctness && /*#__PURE__*/_react["default"].createElement("line", {
|
|
173
205
|
x1: x,
|
|
174
206
|
y1: 0,
|
|
175
207
|
x2: x,
|
|
176
208
|
y2: y + 4 + top,
|
|
177
209
|
className: classes.dottedLine,
|
|
178
210
|
strokeDasharray: "4 2"
|
|
179
|
-
}), deletable && !correctness && _react["default"].createElement("svg", {
|
|
211
|
+
}), deletable && !correctness && /*#__PURE__*/_react["default"].createElement("svg", {
|
|
180
212
|
xmlns: "http://www.w3.org/2000/svg",
|
|
181
213
|
x: x - 8,
|
|
182
214
|
y: y + 10 + top,
|
|
@@ -186,8 +218,41 @@ function (_React$Component) {
|
|
|
186
218
|
onClick: function onClick() {
|
|
187
219
|
return _this2.deleteCategory(index);
|
|
188
220
|
}
|
|
189
|
-
}, _react["default"].createElement("path", {
|
|
221
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
190
222
|
d: "M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z"
|
|
223
|
+
})), defineChart && index === 0 && /*#__PURE__*/_react["default"].createElement("text", {
|
|
224
|
+
x: x - 80,
|
|
225
|
+
y: y + 40 + top,
|
|
226
|
+
width: barWidth,
|
|
227
|
+
height: 4,
|
|
228
|
+
style: {
|
|
229
|
+
position: 'absolute',
|
|
230
|
+
pointerEvents: 'none',
|
|
231
|
+
wordBreak: 'break-word',
|
|
232
|
+
overflow: 'visible',
|
|
233
|
+
maxWidth: barWidth,
|
|
234
|
+
display: 'inline-block'
|
|
235
|
+
}
|
|
236
|
+
}, /*#__PURE__*/_react["default"].createElement("tspan", {
|
|
237
|
+
x: "0",
|
|
238
|
+
dy: ".6em"
|
|
239
|
+
}, ' ', "Student can", ' '), /*#__PURE__*/_react["default"].createElement("tspan", {
|
|
240
|
+
x: "0",
|
|
241
|
+
dy: "1.2em"
|
|
242
|
+
}, ' ', "set value")), defineChart && /*#__PURE__*/_react["default"].createElement("foreignObject", {
|
|
243
|
+
x: x - 24,
|
|
244
|
+
y: y + 20 + top,
|
|
245
|
+
width: barWidth,
|
|
246
|
+
height: 4,
|
|
247
|
+
style: {
|
|
248
|
+
pointerEvents: 'visible',
|
|
249
|
+
overflow: 'visible'
|
|
250
|
+
}
|
|
251
|
+
}, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
|
|
252
|
+
checked: interactive,
|
|
253
|
+
onChange: function onChange(e) {
|
|
254
|
+
return _this2.changeInteractive(index, e.target.checked);
|
|
255
|
+
}
|
|
191
256
|
})));
|
|
192
257
|
}
|
|
193
258
|
}]);
|
|
@@ -212,14 +277,12 @@ TickComponent.propTypes = {
|
|
|
212
277
|
classes: _propTypes["default"].object
|
|
213
278
|
};
|
|
214
279
|
|
|
215
|
-
var RawChartAxes =
|
|
216
|
-
/*#__PURE__*/
|
|
217
|
-
function (_React$Component2) {
|
|
280
|
+
var RawChartAxes = /*#__PURE__*/function (_React$Component2) {
|
|
218
281
|
_inherits(RawChartAxes, _React$Component2);
|
|
219
282
|
|
|
220
|
-
|
|
221
|
-
var _getPrototypeOf3;
|
|
283
|
+
var _super2 = _createSuper(RawChartAxes);
|
|
222
284
|
|
|
285
|
+
function RawChartAxes() {
|
|
223
286
|
var _this3;
|
|
224
287
|
|
|
225
288
|
_classCallCheck(this, RawChartAxes);
|
|
@@ -228,7 +291,7 @@ function (_React$Component2) {
|
|
|
228
291
|
args[_key2] = arguments[_key2];
|
|
229
292
|
}
|
|
230
293
|
|
|
231
|
-
_this3 =
|
|
294
|
+
_this3 = _super2.call.apply(_super2, [this].concat(args));
|
|
232
295
|
|
|
233
296
|
_defineProperty(_assertThisInitialized(_this3), "state", {
|
|
234
297
|
height: 0
|
|
@@ -248,17 +311,18 @@ function (_React$Component2) {
|
|
|
248
311
|
}, {
|
|
249
312
|
key: "render",
|
|
250
313
|
value: function render() {
|
|
251
|
-
var _this$
|
|
252
|
-
classes = _this$
|
|
253
|
-
graphProps = _this$
|
|
254
|
-
xBand = _this$
|
|
255
|
-
leftAxis = _this$
|
|
256
|
-
onChange = _this$
|
|
257
|
-
onChangeCategory = _this$
|
|
258
|
-
_this$
|
|
259
|
-
categories = _this$
|
|
260
|
-
top = _this$
|
|
261
|
-
|
|
314
|
+
var _this$props5 = this.props,
|
|
315
|
+
classes = _this$props5.classes,
|
|
316
|
+
graphProps = _this$props5.graphProps,
|
|
317
|
+
xBand = _this$props5.xBand,
|
|
318
|
+
leftAxis = _this$props5.leftAxis,
|
|
319
|
+
onChange = _this$props5.onChange,
|
|
320
|
+
onChangeCategory = _this$props5.onChangeCategory,
|
|
321
|
+
_this$props5$categori = _this$props5.categories,
|
|
322
|
+
categories = _this$props5$categori === void 0 ? [] : _this$props5$categori,
|
|
323
|
+
top = _this$props5.top,
|
|
324
|
+
defineChart = _this$props5.defineChart,
|
|
325
|
+
theme = _this$props5.theme;
|
|
262
326
|
var axis = classes.axis,
|
|
263
327
|
axisLine = classes.axisLine,
|
|
264
328
|
tick = classes.tick,
|
|
@@ -279,7 +343,7 @@ function (_React$Component2) {
|
|
|
279
343
|
var bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth(); // for chartType "line", bandWidth will be 0, so we have to calculate it
|
|
280
344
|
|
|
281
345
|
var barWidth = bandWidth || scale.x && scale.x(domain.max) / categories.length;
|
|
282
|
-
var rowTickValues = (0, _utils.getTickValues)(_objectSpread({}, range, {
|
|
346
|
+
var rowTickValues = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, range), {}, {
|
|
283
347
|
step: range.labelStep
|
|
284
348
|
}));
|
|
285
349
|
var fontSize = theme && theme.typography ? theme.typography.fontSize : 14;
|
|
@@ -301,6 +365,7 @@ function (_React$Component2) {
|
|
|
301
365
|
barWidth: barWidth,
|
|
302
366
|
rotate: rotate,
|
|
303
367
|
top: top,
|
|
368
|
+
defineChart: defineChart,
|
|
304
369
|
onChangeCategory: onChangeCategory,
|
|
305
370
|
onChange: onChange,
|
|
306
371
|
graphProps: graphProps,
|
|
@@ -308,10 +373,10 @@ function (_React$Component2) {
|
|
|
308
373
|
y: props.y,
|
|
309
374
|
formattedValue: props.formattedValue
|
|
310
375
|
};
|
|
311
|
-
return _react["default"].createElement(TickComponent, properties);
|
|
376
|
+
return /*#__PURE__*/_react["default"].createElement(TickComponent, properties);
|
|
312
377
|
};
|
|
313
378
|
|
|
314
|
-
return _react["default"].createElement(_react["default"].Fragment, null, leftAxis && _react["default"].createElement(_axis.AxisLeft, {
|
|
379
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, leftAxis && /*#__PURE__*/_react["default"].createElement(_axis.AxisLeft, {
|
|
315
380
|
scale: scale.y,
|
|
316
381
|
className: axis,
|
|
317
382
|
axisLineClassName: axisLine,
|
|
@@ -324,7 +389,7 @@ function (_React$Component2) {
|
|
|
324
389
|
labelClassName: axisLabel,
|
|
325
390
|
tickValues: rowTickValues,
|
|
326
391
|
tickLabelProps: getTickLabelProps
|
|
327
|
-
}), _react["default"].createElement(_axis.AxisBottom, {
|
|
392
|
+
}), /*#__PURE__*/_react["default"].createElement(_axis.AxisBottom, {
|
|
328
393
|
axisLineClassName: axisLine,
|
|
329
394
|
labelClassName: axisLabel,
|
|
330
395
|
tickClassName: tick,
|
package/lib/axes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/axes.jsx"],"names":["TickComponent","index","newLabel","props","categories","onChangeCategory","category","label","onChange","slice","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","x","y","formattedValue","parseInt","split","deletable","editable","interactive","correctness","barX","longestCategory","reduce","a","b","lengthA","length","lengthB","longestLabel","pointerEvents","overflow","position","visibility","wordBreak","maxWidth","display","r","input","changeCategory","dottedLine","deleteCategory","React","Component","propTypes","PropTypes","array","func","number","object","string","RawChartAxes","height","document","getElementById","offsetHeight","setState","leftAxis","theme","axis","axisLine","tick","axisLabel","scale","range","domain","size","state","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","getTickLabelProps","value","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","bool","ChartAxes","fontFamily","body1","fill","color","secondary","stroke","primaryDark","strokeWidth","primaryLight","opacity","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\n\nexport class TickComponent extends React.Component {\n changeCategory = (index, newLabel) => {\n const { categories, onChangeCategory } = this.props;\n const category = categories[index];\n\n onChangeCategory(index, { ...category, label: newLabel });\n };\n\n deleteCategory = index => {\n const { categories, onChange } = this.props;\n\n if (index >= 0 && categories[index]) {\n onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);\n }\n };\n\n render() {\n const {\n classes,\n categories,\n xBand,\n bandWidth,\n barWidth,\n rotate,\n top,\n graphProps,\n x,\n y,\n formattedValue\n } = this.props;\n\n if (!formattedValue) {\n return null;\n }\n\n const index = parseInt(formattedValue.split('-')[0], 10);\n const category = categories[index];\n const { deletable, editable, interactive, label, correctness } = category || {};\n const barX = xBand(bandKey({ label }, index));\n const longestCategory = (categories || []).reduce((a, b) => {\n const lengthA = a && a.label ? a.label.length : 0;\n const lengthB = b && b.label ? b.label.length : 0;\n\n return lengthA > lengthB ? a : b;\n });\n\n const longestLabel = (longestCategory && longestCategory.label) || '';\n\n return (\n <g>\n <foreignObject\n x={bandWidth ? barX : x - barWidth / 2}\n y={6}\n width={barWidth}\n height={24}\n style={{ pointerEvents: 'none', overflow: 'visible' }}\n >\n {index === 0 && (\n <div\n id=\"hiddenLabel\"\n style={{\n position: 'absolute',\n visibility: 'hidden',\n wordBreak: 'break-word',\n overflow: 'visible',\n maxWidth: barWidth,\n display: 'block'\n }}\n >\n {longestLabel}\n </div>\n )}\n <MarkLabel\n inputRef={r => (this.input = r)}\n disabled={!(editable && interactive)}\n mark={category}\n graphProps={graphProps}\n onChange={newLabel => this.changeCategory(index, newLabel)}\n barWidth={barWidth}\n rotate={rotate}\n correctness={correctness}\n />\n </foreignObject>\n {deletable && !correctness && (\n <line\n x1={x}\n y1={0}\n x2={x}\n y2={y + 4 + top}\n className={classes.dottedLine}\n strokeDasharray=\"4 2\"\n />\n )}\n {deletable && !correctness && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n x={x - 8}\n y={y + 10 + top}\n width={16}\n height={16}\n viewBox=\"0 0 512 512\"\n onClick={() => this.deleteCategory(index)}\n >\n <path d=\"M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z\" />\n </svg>\n )}\n </g>\n );\n }\n}\n\nTickComponent.propTypes = {\n categories: PropTypes.array,\n xBand: PropTypes.func,\n bandWidth: PropTypes.number,\n barWidth: PropTypes.number,\n rotate: PropTypes.number,\n top: PropTypes.number,\n x: PropTypes.number,\n y: PropTypes.number,\n graphProps: PropTypes.object,\n formattedValue: PropTypes.string,\n onChangeCategory: PropTypes.func,\n onChange: PropTypes.func,\n classes: PropTypes.object\n};\n\nexport class RawChartAxes extends React.Component {\n static propTypes = {\n bottomScale: PropTypes.func,\n classes: PropTypes.object.isRequired,\n categories: PropTypes.array,\n graphProps: types.GraphPropsType.isRequired,\n xBand: PropTypes.func,\n leftAxis: PropTypes.bool,\n onChange: PropTypes.func,\n onChangeCategory: PropTypes.func,\n top: PropTypes.number,\n theme: PropTypes.object\n };\n\n state = { height: 0 };\n\n componentDidMount() {\n const height = document.getElementById('hiddenLabel')\n ? document.getElementById('hiddenLabel').offsetHeight\n : 0;\n\n this.setState({ height });\n }\n\n render() {\n const {\n classes,\n graphProps,\n xBand,\n leftAxis,\n onChange,\n onChangeCategory,\n categories = [],\n top,\n theme\n } = this.props;\n\n const { axis, axisLine, tick, axisLabel } = classes;\n const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n const { height } = this.state;\n\n const bottomScale =\n xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);\n const bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();\n // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n const barWidth = bandWidth || (scale.x && scale.x(domain.max) / categories.length);\n\n const rowTickValues = getTickValues({ ...range, step: range.labelStep });\n const fontSize = theme && theme.typography ? theme.typography.fontSize : 14;\n const rotate = getRotateAngle(fontSize, height);\n\n const getTickLabelProps = value => ({\n dy: 4,\n dx: -10 - (value.toLocaleString().length || 1) * 5\n });\n\n const getTickComponent = props => {\n const properties = {\n classes,\n categories,\n xBand,\n bandWidth,\n barWidth,\n rotate,\n top,\n onChangeCategory,\n onChange,\n graphProps,\n x: props.x,\n y: props.y,\n formattedValue: props.formattedValue\n };\n\n return <TickComponent {...properties} />;\n };\n\n return (\n <React.Fragment>\n {leftAxis && (\n <AxisLeft\n scale={scale.y}\n className={axis}\n axisLineClassName={axisLine}\n tickLength={10}\n tickClassName={tick}\n tickFormat={value => value}\n label={range.label}\n labelClassName={axisLabel}\n tickValues={rowTickValues}\n tickLabelProps={getTickLabelProps}\n />\n )}\n <AxisBottom\n axisLineClassName={axisLine}\n labelClassName={axisLabel}\n tickClassName={tick}\n scale={bottomScale}\n label={domain.label}\n labelProps={{ y: 60 + top }}\n top={scale.y && scale.y(range.min)}\n textLabelProps={() => ({ textAnchor: 'middle' })}\n tickFormat={count => count}\n tickComponent={getTickComponent}\n />\n </React.Fragment>\n );\n }\n}\n\nconst ChartAxes = withStyles(\n theme => ({\n axisLabel: {\n fontFamily: theme.typography.body1.fontFamily,\n fontSize: theme.typography.fontSize,\n fill: color.secondary()\n },\n axis: {\n stroke: color.primaryDark(),\n strokeWidth: 2\n },\n axisLine: {\n stroke: color.primaryDark(),\n strokeWidth: 2\n },\n tick: {\n '& > line': {\n stroke: color.primaryDark(),\n strokeWidth: 2\n },\n fill: color.primaryDark(),\n fontFamily: theme.typography.body1.fontFamily,\n fontSize: theme.typography.fontSize,\n textAnchor: 'middle'\n },\n dottedLine: {\n stroke: color.primaryLight(),\n opacity: 0.2\n }\n }),\n { withTheme: true }\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}
|
|
1
|
+
{"version":3,"sources":["../src/axes.jsx"],"names":["TickComponent","index","newLabel","props","categories","onChangeCategory","category","label","onChange","slice","value","interactive","classes","xBand","bandWidth","barWidth","rotate","top","graphProps","defineChart","x","y","formattedValue","parseInt","split","deletable","editable","correctness","barX","longestCategory","reduce","a","b","lengthA","length","lengthB","longestLabel","pointerEvents","overflow","position","visibility","wordBreak","maxWidth","display","r","input","changeCategory","dottedLine","deleteCategory","e","changeInteractive","target","checked","React","Component","propTypes","PropTypes","array","func","number","object","string","RawChartAxes","height","document","getElementById","offsetHeight","setState","leftAxis","theme","axis","axisLine","tick","axisLabel","scale","range","domain","size","state","bottomScale","rangeRound","width","bandwidth","max","rowTickValues","step","labelStep","fontSize","typography","getTickLabelProps","dy","dx","toLocaleString","getTickComponent","properties","min","textAnchor","count","isRequired","types","GraphPropsType","bool","ChartAxes","fontFamily","body1","fill","color","secondary","stroke","primaryDark","strokeWidth","primaryLight","opacity","withTheme"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { types } from '@pie-lib/plot';\nimport { color } from '@pie-lib/render-ui';\nimport { AxisLeft, AxisBottom } from '@vx/axis';\nimport { bandKey, getTickValues, getRotateAngle } from './utils';\nimport MarkLabel from './mark-label';\nimport Checkbox from '@material-ui/core/Checkbox';\n\nexport class TickComponent extends React.Component {\n changeCategory = (index, newLabel) => {\n const { categories, onChangeCategory } = this.props;\n const category = categories[index];\n\n onChangeCategory(index, { ...category, label: newLabel });\n };\n\n deleteCategory = index => {\n const { categories, onChange } = this.props;\n\n if (index >= 0 && categories[index]) {\n onChange([...categories.slice(0, index), ...categories.slice(index + 1)]);\n }\n };\n\n changeInteractive = (index, value) => {\n const { categories, onChangeCategory } = this.props;\n const category = categories[index];\n\n onChangeCategory(index, { ...category, interactive: !category.interactive });\n };\n\n render() {\n const {\n classes,\n categories,\n xBand,\n bandWidth,\n barWidth,\n rotate,\n top,\n graphProps,\n defineChart,\n x,\n y,\n formattedValue\n } = this.props;\n\n if (!formattedValue) {\n return null;\n }\n\n const index = parseInt(formattedValue.split('-')[0], 10);\n const category = categories[index];\n const { deletable, editable, interactive, label, correctness } = category || {};\n const barX = xBand(bandKey({ label }, index));\n const longestCategory = (categories || []).reduce((a, b) => {\n const lengthA = a && a.label ? a.label.length : 0;\n const lengthB = b && b.label ? b.label.length : 0;\n\n return lengthA > lengthB ? a : b;\n });\n\n const longestLabel = (longestCategory && longestCategory.label) || '';\n\n return (\n <g>\n <foreignObject\n x={bandWidth ? barX : x - barWidth / 2}\n y={6}\n width={barWidth}\n height={4}\n style={{ pointerEvents: 'none', overflow: 'visible' }}\n >\n {index === 0 && (\n <div\n id=\"hiddenLabel\"\n style={{\n position: 'absolute',\n visibility: 'hidden',\n wordBreak: 'break-word',\n overflow: 'visible',\n maxWidth: barWidth,\n display: 'block'\n }}\n >\n {longestLabel}\n </div>\n )}\n <MarkLabel\n inputRef={r => (this.input = r)}\n disabled={!(editable && interactive)}\n mark={category}\n graphProps={graphProps}\n onChange={newLabel => this.changeCategory(index, newLabel)}\n barWidth={barWidth}\n rotate={rotate}\n correctness={correctness}\n />\n <MarkLabel\n inputRef={r => (this.input = r)}\n disabled={!(editable && interactive)}\n mark={category}\n graphProps={graphProps}\n onChange={newLabel => this.changeCategory(index, newLabel)}\n barWidth={barWidth}\n rotate={rotate}\n correctness={correctness}\n />\n </foreignObject>\n {deletable && !correctness && (\n <line\n x1={x}\n y1={0}\n x2={x}\n y2={y + 4 + top}\n className={classes.dottedLine}\n strokeDasharray=\"4 2\"\n />\n )}\n {deletable && !correctness && (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n x={x - 8}\n y={y + 10 + top}\n width={16}\n height={16}\n viewBox=\"0 0 512 512\"\n onClick={() => this.deleteCategory(index)}\n >\n <path d=\"M128 405.429C128 428.846 147.198 448 170.667 448h170.667C364.802 448 384 428.846 384 405.429V160H128v245.429zM416 96h-80l-26.785-32H202.786L176 96H96v32h320V96z\" />\n </svg>\n )}\n {defineChart && index === 0 && (\n <text\n x={x - 80}\n y={y + 40 + top}\n width={barWidth}\n height={4}\n style={{\n position: 'absolute',\n pointerEvents: 'none',\n wordBreak: 'break-word',\n overflow: 'visible',\n maxWidth: barWidth,\n display: 'inline-block'\n }}\n >\n <tspan x=\"0\" dy=\".6em\">\n {' '}\n Student can{' '}\n </tspan>\n <tspan x=\"0\" dy=\"1.2em\">\n {' '}\n set value\n </tspan>\n </text>\n )}\n {defineChart && (\n <foreignObject\n x={x - 24}\n y={y + 20 + top}\n width={barWidth}\n height={4}\n style={{ pointerEvents: 'visible', overflow: 'visible' }}\n >\n <Checkbox\n checked={interactive}\n onChange={e => this.changeInteractive(index, e.target.checked)}\n />\n </foreignObject>\n )}\n </g>\n );\n }\n}\n\nTickComponent.propTypes = {\n categories: PropTypes.array,\n xBand: PropTypes.func,\n bandWidth: PropTypes.number,\n barWidth: PropTypes.number,\n rotate: PropTypes.number,\n top: PropTypes.number,\n x: PropTypes.number,\n y: PropTypes.number,\n graphProps: PropTypes.object,\n formattedValue: PropTypes.string,\n onChangeCategory: PropTypes.func,\n onChange: PropTypes.func,\n classes: PropTypes.object\n};\n\nexport class RawChartAxes extends React.Component {\n static propTypes = {\n bottomScale: PropTypes.func,\n classes: PropTypes.object.isRequired,\n categories: PropTypes.array,\n graphProps: types.GraphPropsType.isRequired,\n xBand: PropTypes.func,\n leftAxis: PropTypes.bool,\n onChange: PropTypes.func,\n onChangeCategory: PropTypes.func,\n top: PropTypes.number,\n theme: PropTypes.object\n };\n\n state = { height: 0 };\n\n componentDidMount() {\n const height = document.getElementById('hiddenLabel')\n ? document.getElementById('hiddenLabel').offsetHeight\n : 0;\n\n this.setState({ height });\n }\n\n render() {\n const {\n classes,\n graphProps,\n xBand,\n leftAxis,\n onChange,\n onChangeCategory,\n categories = [],\n top,\n defineChart,\n theme\n } = this.props;\n\n const { axis, axisLine, tick, axisLabel } = classes;\n const { scale = {}, range = {}, domain = {}, size = {} } = graphProps || {};\n const { height } = this.state;\n\n const bottomScale =\n xBand && typeof xBand.rangeRound === 'function' && xBand.rangeRound([0, size.width]);\n\n const bandWidth = xBand && typeof xBand.bandwidth === 'function' && xBand.bandwidth();\n // for chartType \"line\", bandWidth will be 0, so we have to calculate it\n const barWidth = bandWidth || (scale.x && scale.x(domain.max) / categories.length);\n\n const rowTickValues = getTickValues({ ...range, step: range.labelStep });\n const fontSize = theme && theme.typography ? theme.typography.fontSize : 14;\n const rotate = getRotateAngle(fontSize, height);\n\n const getTickLabelProps = value => ({\n dy: 4,\n dx: -10 - (value.toLocaleString().length || 1) * 5\n });\n\n const getTickComponent = props => {\n const properties = {\n classes,\n categories,\n xBand,\n bandWidth,\n barWidth,\n rotate,\n top,\n defineChart,\n onChangeCategory,\n onChange,\n graphProps,\n x: props.x,\n y: props.y,\n formattedValue: props.formattedValue\n };\n\n return <TickComponent {...properties} />;\n };\n\n return (\n <React.Fragment>\n {leftAxis && (\n <AxisLeft\n scale={scale.y}\n className={axis}\n axisLineClassName={axisLine}\n tickLength={10}\n tickClassName={tick}\n tickFormat={value => value}\n label={range.label}\n labelClassName={axisLabel}\n tickValues={rowTickValues}\n tickLabelProps={getTickLabelProps}\n />\n )}\n <AxisBottom\n axisLineClassName={axisLine}\n labelClassName={axisLabel}\n tickClassName={tick}\n scale={bottomScale}\n label={domain.label}\n labelProps={{ y: 60 + top }}\n top={scale.y && scale.y(range.min)}\n textLabelProps={() => ({ textAnchor: 'middle' })}\n tickFormat={count => count}\n tickComponent={getTickComponent}\n />\n </React.Fragment>\n );\n }\n}\n\nconst ChartAxes = withStyles(\n theme => ({\n axisLabel: {\n fontFamily: theme.typography.body1.fontFamily,\n fontSize: theme.typography.fontSize,\n fill: color.secondary()\n },\n axis: {\n stroke: color.primaryDark(),\n strokeWidth: 2\n },\n axisLine: {\n stroke: color.primaryDark(),\n strokeWidth: 2\n },\n tick: {\n '& > line': {\n stroke: color.primaryDark(),\n strokeWidth: 2\n },\n fill: color.primaryDark(),\n fontFamily: theme.typography.body1.fontFamily,\n fontSize: theme.typography.fontSize,\n textAnchor: 'middle'\n },\n dottedLine: {\n stroke: color.primaryLight(),\n opacity: 0.2\n }\n }),\n { withTheme: true }\n)(RawChartAxes);\n\nexport default ChartAxes;\n"],"file":"axes.js"}
|
package/lib/bars/bar.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -17,37 +19,39 @@ var _bars = _interopRequireDefault(require("./common/bars"));
|
|
|
17
19
|
|
|
18
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
21
|
|
|
20
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
21
|
-
|
|
22
22
|
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); }
|
|
23
23
|
|
|
24
24
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
25
|
|
|
26
26
|
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); } }
|
|
27
27
|
|
|
28
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
28
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
29
29
|
|
|
30
|
-
function
|
|
30
|
+
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); }
|
|
31
31
|
|
|
32
|
-
function
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
33
|
|
|
34
|
-
function
|
|
34
|
+
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); }; }
|
|
35
35
|
|
|
36
|
-
function
|
|
36
|
+
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); }
|
|
37
37
|
|
|
38
|
-
function
|
|
38
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
|
+
|
|
40
|
+
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; } }
|
|
41
|
+
|
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
39
43
|
|
|
40
44
|
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; }
|
|
41
45
|
|
|
42
|
-
var Bar =
|
|
43
|
-
/*#__PURE__*/
|
|
44
|
-
function (_React$Component) {
|
|
46
|
+
var Bar = /*#__PURE__*/function (_React$Component) {
|
|
45
47
|
_inherits(Bar, _React$Component);
|
|
46
48
|
|
|
49
|
+
var _super = _createSuper(Bar);
|
|
50
|
+
|
|
47
51
|
function Bar() {
|
|
48
52
|
_classCallCheck(this, Bar);
|
|
49
53
|
|
|
50
|
-
return
|
|
54
|
+
return _super.apply(this, arguments);
|
|
51
55
|
}
|
|
52
56
|
|
|
53
57
|
_createClass(Bar, [{
|
|
@@ -64,7 +68,7 @@ function (_React$Component) {
|
|
|
64
68
|
size = _ref$size === void 0 ? {} : _ref$size;
|
|
65
69
|
|
|
66
70
|
var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'bar');
|
|
67
|
-
return _react["default"].createElement(_bars["default"], _extends({}, props, {
|
|
71
|
+
return /*#__PURE__*/_react["default"].createElement(_bars["default"], _extends({}, props, {
|
|
68
72
|
xBand: xBand
|
|
69
73
|
}));
|
|
70
74
|
}
|
package/lib/bars/bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/bars/bar.js"],"names":["Bar","props","data","graphProps","scale","size","xBand","x","width","React","Component","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/bars/bar.js"],"names":["Bar","props","data","graphProps","scale","size","xBand","x","width","React","Component","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","type","name"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,G;;;;;;;;;;;;;WAOX,kBAAS;AACP,UAAMC,KAAK,GAAG,KAAKA,KAAnB;AACA,UAAQC,IAAR,GAA6BD,KAA7B,CAAQC,IAAR;AAAA,UAAcC,UAAd,GAA6BF,KAA7B,CAAcE,UAAd;;AACA,iBAAkCA,UAAU,IAAI,EAAhD;AAAA,4BAAQC,KAAR;AAAA,UAAQA,KAAR,2BAAgB,EAAhB;AAAA,2BAAoBC,IAApB;AAAA,UAAoBA,IAApB,0BAA2B,EAA3B;;AACA,UAAMC,KAAK,GAAG,wBAAYF,KAAK,CAACG,CAAlB,EAAqBL,IAArB,EAA2BG,IAAI,CAACG,KAAhC,EAAuC,KAAvC,CAAd;AAEA,0BAAO,gCAAC,gBAAD,eAAUP,KAAV;AAAiB,QAAA,KAAK,EAAEK;AAAxB,SAAP;AACD;;;;EAdsBG,kBAAMC,S;;;;gBAAlBV,G,eACQ;AACjBE,EAAAA,IAAI,EAAES,sBAAUC,KADC;AAEjBC,EAAAA,QAAQ,EAAEF,sBAAUG,IAFH;AAGjBX,EAAAA,UAAU,EAAEY,YAAMC,cAAN,CAAqBC;AAHhB,C;;eAgBN;AAAA,SAAO;AACpBC,IAAAA,IAAI,EAAE,KADc;AAEpBR,IAAAA,SAAS,EAAEV,GAFS;AAGpBmB,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 Bars from './common/bars';\n\nexport class Bar 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, 'bar');\n\n return <Bars {...props} xBand={xBand} />;\n }\n}\n\nexport default () => ({\n type: 'bar',\n Component: Bar,\n name: 'Bar'\n});\n"],"file":"bar.js"}
|