victory-core 36.8.4 → 36.8.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/victory-core.js +684 -1046
- package/dist/victory-core.min.js +1 -1
- package/es/victory-clip-container/victory-clip-container.js +3 -6
- package/es/victory-container/victory-container.js +5 -13
- package/es/victory-label/victory-label.js +6 -7
- package/es/victory-primitives/arc.js +2 -4
- package/es/victory-primitives/background.js +1 -3
- package/es/victory-primitives/border.js +2 -4
- package/es/victory-primitives/line-segment.js +2 -4
- package/es/victory-primitives/point.js +1 -3
- package/es/victory-primitives/whisker.js +3 -5
- package/es/victory-theme/grayscale.js +24 -27
- package/es/victory-theme/material.js +27 -30
- package/es/victory-util/add-events.js +1 -2
- package/es/victory-util/axis.js +3 -6
- package/es/victory-util/data.js +5 -10
- package/es/victory-util/events.js +13 -14
- package/es/victory-util/helpers.d.ts +11 -0
- package/es/victory-util/helpers.js +34 -5
- package/es/victory-util/point-path-helpers.js +3 -3
- package/es/victory-util/textsize.js +1 -2
- package/es/victory-util/transitions.js +14 -20
- package/es/victory-util/wrapper.js +7 -10
- package/lib/victory-clip-container/victory-clip-container.js +3 -5
- package/lib/victory-container/victory-container.js +5 -7
- package/lib/victory-label/victory-label.js +6 -8
- package/lib/victory-primitives/arc.js +2 -4
- package/lib/victory-primitives/background.js +1 -3
- package/lib/victory-primitives/border.js +2 -4
- package/lib/victory-primitives/line-segment.js +2 -4
- package/lib/victory-primitives/point.js +1 -3
- package/lib/victory-primitives/whisker.js +3 -5
- package/lib/victory-theme/grayscale.js +24 -29
- package/lib/victory-theme/material.js +27 -32
- package/lib/victory-util/add-events.js +1 -3
- package/lib/victory-util/axis.js +3 -7
- package/lib/victory-util/data.js +5 -9
- package/lib/victory-util/events.js +13 -15
- package/lib/victory-util/helpers.d.ts +11 -0
- package/lib/victory-util/helpers.js +36 -4
- package/lib/victory-util/point-path-helpers.js +6 -3
- package/lib/victory-util/textsize.js +1 -3
- package/lib/victory-util/transitions.js +14 -16
- package/lib/victory-util/wrapper.js +7 -9
- package/package.json +2 -2
- package/src/victory-clip-container/victory-clip-container.tsx +4 -4
- package/src/victory-container/victory-container.tsx +6 -6
- package/src/victory-label/victory-label.tsx +7 -7
- package/src/victory-primitives/arc.tsx +2 -3
- package/src/victory-primitives/background.tsx +1 -2
- package/src/victory-primitives/border.tsx +2 -3
- package/src/victory-primitives/line-segment.tsx +2 -3
- package/src/victory-primitives/point.tsx +1 -2
- package/src/victory-primitives/whisker.tsx +3 -4
- package/src/victory-theme/grayscale.tsx +30 -25
- package/src/victory-theme/material.tsx +33 -28
- package/src/victory-util/add-events.tsx +1 -2
- package/src/victory-util/axis.tsx +3 -5
- package/src/victory-util/data.ts +7 -7
- package/src/victory-util/events.ts +23 -16
- package/src/victory-util/helpers.ts +34 -3
- package/src/victory-util/point-path-helpers.ts +3 -2
- package/src/victory-util/textsize.ts +2 -2
- package/src/victory-util/transitions.ts +22 -15
- package/src/victory-util/wrapper.tsx +11 -8
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import _uniqueId from "lodash/uniqueId";
|
|
2
2
|
import _isObject from "lodash/isObject";
|
|
3
3
|
import _defaults from "lodash/defaults";
|
|
4
|
-
import _assign from "lodash/assign";
|
|
5
4
|
|
|
6
5
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
7
6
|
|
|
@@ -101,15 +100,13 @@ export var VictoryClipContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
101
100
|
groupComponent = props.groupComponent,
|
|
102
101
|
tabIndex = props.tabIndex;
|
|
103
102
|
var clipComponent = this.renderClipComponent(props, clipId);
|
|
104
|
-
|
|
105
|
-
var groupProps = _assign({
|
|
103
|
+
var groupProps = Object.assign({
|
|
106
104
|
className: className,
|
|
107
105
|
style: style,
|
|
108
106
|
transform: transform,
|
|
109
107
|
key: "clipped-group-".concat(clipId),
|
|
110
108
|
clipPath: "url(#".concat(clipId, ")")
|
|
111
109
|
}, events);
|
|
112
|
-
|
|
113
110
|
return /*#__PURE__*/React.cloneElement(groupComponent, _objectSpread(_objectSpread({}, groupProps), {}, {
|
|
114
111
|
tabIndex: tabIndex
|
|
115
112
|
}, userProps), [clipComponent].concat(_toConsumableArray(React.Children.toArray(children))));
|
|
@@ -124,7 +121,7 @@ export var VictoryClipContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
124
121
|
className = props.className,
|
|
125
122
|
groupComponent = props.groupComponent,
|
|
126
123
|
tabIndex = props.tabIndex;
|
|
127
|
-
return /*#__PURE__*/React.cloneElement(groupComponent,
|
|
124
|
+
return /*#__PURE__*/React.cloneElement(groupComponent, Object.assign({
|
|
128
125
|
className: className,
|
|
129
126
|
style: style,
|
|
130
127
|
transform: transform,
|
|
@@ -177,7 +174,7 @@ export var VictoryClipContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
177
174
|
child = /*#__PURE__*/React.cloneElement(rectComponent, rectProps);
|
|
178
175
|
}
|
|
179
176
|
|
|
180
|
-
return /*#__PURE__*/React.cloneElement(clipPathComponent,
|
|
177
|
+
return /*#__PURE__*/React.cloneElement(clipPathComponent, Object.assign({
|
|
181
178
|
key: "clip-path-".concat(clipId)
|
|
182
179
|
}, props, {
|
|
183
180
|
clipId: clipId
|
|
@@ -2,7 +2,6 @@ import _isFunction from "lodash/isFunction";
|
|
|
2
2
|
import _isObject from "lodash/isObject";
|
|
3
3
|
import _uniqueId from "lodash/uniqueId";
|
|
4
4
|
import _defaults from "lodash/defaults";
|
|
5
|
-
import _assign from "lodash/assign";
|
|
6
5
|
|
|
7
6
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
8
7
|
|
|
@@ -153,28 +152,23 @@ export var VictoryContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
153
152
|
width: width,
|
|
154
153
|
height: height
|
|
155
154
|
};
|
|
156
|
-
|
|
157
|
-
var divStyle = _assign({
|
|
155
|
+
var divStyle = Object.assign({
|
|
158
156
|
pointerEvents: "none",
|
|
159
157
|
touchAction: "none",
|
|
160
158
|
position: "relative"
|
|
161
159
|
}, dimensions);
|
|
162
|
-
|
|
163
|
-
var portalDivStyle = _assign({
|
|
160
|
+
var portalDivStyle = Object.assign({
|
|
164
161
|
zIndex: portalZIndex,
|
|
165
162
|
position: "absolute",
|
|
166
163
|
top: 0,
|
|
167
164
|
left: 0
|
|
168
165
|
}, dimensions);
|
|
169
|
-
|
|
170
|
-
var svgStyle = _assign({
|
|
166
|
+
var svgStyle = Object.assign({
|
|
171
167
|
pointerEvents: "all"
|
|
172
168
|
}, dimensions);
|
|
173
|
-
|
|
174
|
-
var portalSvgStyle = _assign({
|
|
169
|
+
var portalSvgStyle = Object.assign({
|
|
175
170
|
overflow: "visible"
|
|
176
171
|
}, dimensions);
|
|
177
|
-
|
|
178
172
|
var portalProps = {
|
|
179
173
|
width: width,
|
|
180
174
|
height: height,
|
|
@@ -219,8 +213,7 @@ export var VictoryContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
219
213
|
role = _this$props.role;
|
|
220
214
|
var style = responsive ? this.props.style : Helpers.omit(this.props.style, ["height", "width"]);
|
|
221
215
|
var userProps = UserProps.getSafeUserProps(this.props);
|
|
222
|
-
|
|
223
|
-
var svgProps = _assign(_objectSpread({
|
|
216
|
+
var svgProps = Object.assign(_objectSpread({
|
|
224
217
|
width: width,
|
|
225
218
|
height: height,
|
|
226
219
|
tabIndex: tabIndex,
|
|
@@ -230,7 +223,6 @@ export var VictoryContainer = /*#__PURE__*/function (_React$Component) {
|
|
|
230
223
|
viewBox: responsive ? "0 0 ".concat(width, " ").concat(height) : undefined,
|
|
231
224
|
preserveAspectRatio: responsive ? preserveAspectRatio : undefined
|
|
232
225
|
}, userProps), events);
|
|
233
|
-
|
|
234
226
|
return this.renderContainer(this.props, svgProps, style);
|
|
235
227
|
}
|
|
236
228
|
}]);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _isEmpty from "lodash/isEmpty";
|
|
2
2
|
import _defaults from "lodash/defaults";
|
|
3
|
-
import _assign from "lodash/assign";
|
|
4
3
|
|
|
5
4
|
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; }
|
|
6
5
|
|
|
@@ -92,7 +91,7 @@ var getStyles = function (style, props) {
|
|
|
92
91
|
|
|
93
92
|
var getSingleStyle = function (s) {
|
|
94
93
|
var baseStyles = Helpers.evaluateStyle(s ? _defaults({}, s, defaultStyles) : defaultStyles, props);
|
|
95
|
-
return
|
|
94
|
+
return Object.assign({}, baseStyles, {
|
|
96
95
|
fontSize: getFontSize(baseStyles)
|
|
97
96
|
});
|
|
98
97
|
};
|
|
@@ -397,20 +396,20 @@ var evaluateProps = function (props) {
|
|
|
397
396
|
3) everything else
|
|
398
397
|
*/
|
|
399
398
|
var text = getContent(props.text, props);
|
|
400
|
-
var style = getStyles(props.style,
|
|
399
|
+
var style = getStyles(props.style, Object.assign({}, props, {
|
|
401
400
|
text: text
|
|
402
401
|
}));
|
|
403
|
-
var backgroundStyle = getBackgroundStyles(props.backgroundStyle,
|
|
402
|
+
var backgroundStyle = getBackgroundStyles(props.backgroundStyle, Object.assign({}, props, {
|
|
404
403
|
text: text,
|
|
405
404
|
style: style
|
|
406
405
|
}));
|
|
407
|
-
var backgroundPadding = getBackgroundPadding(
|
|
406
|
+
var backgroundPadding = getBackgroundPadding(Object.assign({}, props, {
|
|
408
407
|
text: text,
|
|
409
408
|
style: style,
|
|
410
409
|
backgroundStyle: backgroundStyle
|
|
411
410
|
}));
|
|
412
411
|
var id = Helpers.evaluateProp(props.id, props);
|
|
413
|
-
return
|
|
412
|
+
return Object.assign({}, props, {
|
|
414
413
|
backgroundStyle: backgroundStyle,
|
|
415
414
|
backgroundPadding: backgroundPadding,
|
|
416
415
|
style: style,
|
|
@@ -431,7 +430,7 @@ var getCalculatedProps = function (props) {
|
|
|
431
430
|
var x = props.x !== undefined ? props.x : getPosition(props, "x");
|
|
432
431
|
var y = props.y !== undefined ? props.y : getPosition(props, "y");
|
|
433
432
|
var transform = getTransform(props, x, y);
|
|
434
|
-
return
|
|
433
|
+
return Object.assign({}, props, {
|
|
435
434
|
ariaLabel: ariaLabel,
|
|
436
435
|
lineHeight: lineHeight,
|
|
437
436
|
direction: direction,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _assign from "lodash/assign";
|
|
2
|
-
|
|
3
1
|
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; }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -49,12 +47,12 @@ var evaluateProps = function (props) {
|
|
|
49
47
|
var ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
|
|
50
48
|
var desc = Helpers.evaluateProp(props.desc, props);
|
|
51
49
|
var id = Helpers.evaluateProp(props.id, props);
|
|
52
|
-
var style = Helpers.evaluateStyle(
|
|
50
|
+
var style = Helpers.evaluateStyle(Object.assign({
|
|
53
51
|
stroke: "black",
|
|
54
52
|
fill: "none"
|
|
55
53
|
}, props.style), props);
|
|
56
54
|
var tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
57
|
-
return
|
|
55
|
+
return Object.assign({}, props, {
|
|
58
56
|
ariaLabel: ariaLabel,
|
|
59
57
|
desc: desc,
|
|
60
58
|
id: id,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _assign from "lodash/assign";
|
|
2
|
-
|
|
3
1
|
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; }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -19,7 +17,7 @@ var evaluateProps = function (props) {
|
|
|
19
17
|
* `id`
|
|
20
18
|
*/
|
|
21
19
|
var id = Helpers.evaluateProp(props.id, props);
|
|
22
|
-
return
|
|
20
|
+
return Object.assign({}, props, {
|
|
23
21
|
id: id
|
|
24
22
|
});
|
|
25
23
|
};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _assign from "lodash/assign";
|
|
2
|
-
|
|
3
1
|
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; }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -24,11 +22,11 @@ var evaluateProps = function (props) {
|
|
|
24
22
|
var ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
|
|
25
23
|
var desc = Helpers.evaluateProp(props.desc, props);
|
|
26
24
|
var id = Helpers.evaluateProp(props.id, props);
|
|
27
|
-
var style = Helpers.evaluateStyle(
|
|
25
|
+
var style = Helpers.evaluateStyle(Object.assign({
|
|
28
26
|
fill: "none"
|
|
29
27
|
}, props.style), props);
|
|
30
28
|
var tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
31
|
-
return
|
|
29
|
+
return Object.assign({}, props, {
|
|
32
30
|
ariaLabel: ariaLabel,
|
|
33
31
|
desc: desc,
|
|
34
32
|
id: id,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _assign from "lodash/assign";
|
|
2
|
-
|
|
3
1
|
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; }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -24,11 +22,11 @@ var evaluateProps = function (props) {
|
|
|
24
22
|
var ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
|
|
25
23
|
var desc = Helpers.evaluateProp(props.desc, props);
|
|
26
24
|
var id = Helpers.evaluateProp(props.id, props);
|
|
27
|
-
var style = Helpers.evaluateStyle(
|
|
25
|
+
var style = Helpers.evaluateStyle(Object.assign({
|
|
28
26
|
stroke: "black"
|
|
29
27
|
}, props.style), props);
|
|
30
28
|
var tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
31
|
-
return
|
|
29
|
+
return Object.assign({}, props, {
|
|
32
30
|
ariaLabel: ariaLabel,
|
|
33
31
|
desc: desc,
|
|
34
32
|
id: id,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _assign from "lodash/assign";
|
|
2
|
-
|
|
3
1
|
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; }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -47,7 +45,7 @@ var evaluateProps = function (props) {
|
|
|
47
45
|
var style = Helpers.evaluateStyle(props.style, props);
|
|
48
46
|
var symbol = Helpers.evaluateProp(props.symbol, props);
|
|
49
47
|
var tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
50
|
-
return
|
|
48
|
+
return Object.assign({}, props, {
|
|
51
49
|
ariaLabel: ariaLabel,
|
|
52
50
|
desc: desc,
|
|
53
51
|
id: id,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _assign from "lodash/assign";
|
|
2
|
-
|
|
3
1
|
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; }
|
|
4
2
|
|
|
5
3
|
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; }
|
|
@@ -26,7 +24,7 @@ var evaluateProps = function (props) {
|
|
|
26
24
|
var id = Helpers.evaluateProp(props.id, props);
|
|
27
25
|
var style = Helpers.evaluateStyle(props.style, props);
|
|
28
26
|
var tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
29
|
-
return
|
|
27
|
+
return Object.assign({}, props, {
|
|
30
28
|
ariaLabel: ariaLabel,
|
|
31
29
|
desc: desc,
|
|
32
30
|
id: id,
|
|
@@ -69,10 +67,10 @@ export var Whisker = function (initialProps) {
|
|
|
69
67
|
shapeRendering: shapeRendering
|
|
70
68
|
});
|
|
71
69
|
|
|
72
|
-
return /*#__PURE__*/React.cloneElement(groupComponent, {}, [/*#__PURE__*/React.cloneElement(lineComponent,
|
|
70
|
+
return /*#__PURE__*/React.cloneElement(groupComponent, {}, [/*#__PURE__*/React.cloneElement(lineComponent, Object.assign({
|
|
73
71
|
key: "major-whisker",
|
|
74
72
|
"aria-label": ariaLabel
|
|
75
|
-
}, baseProps, majorWhisker)), /*#__PURE__*/React.cloneElement(lineComponent,
|
|
73
|
+
}, baseProps, majorWhisker)), /*#__PURE__*/React.cloneElement(lineComponent, Object.assign({
|
|
76
74
|
key: "minor-whisker",
|
|
77
75
|
"aria-label": ariaLabel
|
|
78
76
|
}, baseProps, minorWhisker))]);
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import _assign from "lodash/assign";
|
|
2
1
|
// *
|
|
3
2
|
// * Colors
|
|
4
3
|
// *
|
|
@@ -31,18 +30,16 @@ var baseLabelStyles = {
|
|
|
31
30
|
fill: charcoal,
|
|
32
31
|
stroke: "transparent"
|
|
33
32
|
};
|
|
34
|
-
|
|
35
|
-
var centeredLabelStyles = _assign({
|
|
33
|
+
var centeredLabelStyles = Object.assign({
|
|
36
34
|
textAnchor: "middle"
|
|
37
35
|
}, baseLabelStyles); // *
|
|
38
36
|
// * Strokes
|
|
39
37
|
// *
|
|
40
38
|
|
|
41
|
-
|
|
42
39
|
var strokeLinecap = "round";
|
|
43
40
|
var strokeLinejoin = "round";
|
|
44
41
|
export var grayscale = {
|
|
45
|
-
area:
|
|
42
|
+
area: Object.assign({
|
|
46
43
|
style: {
|
|
47
44
|
data: {
|
|
48
45
|
fill: charcoal
|
|
@@ -50,7 +47,7 @@ export var grayscale = {
|
|
|
50
47
|
labels: baseLabelStyles
|
|
51
48
|
}
|
|
52
49
|
}, baseProps),
|
|
53
|
-
axis:
|
|
50
|
+
axis: Object.assign({
|
|
54
51
|
style: {
|
|
55
52
|
axis: {
|
|
56
53
|
fill: "transparent",
|
|
@@ -59,7 +56,7 @@ export var grayscale = {
|
|
|
59
56
|
strokeLinecap: strokeLinecap,
|
|
60
57
|
strokeLinejoin: strokeLinejoin
|
|
61
58
|
},
|
|
62
|
-
axisLabel:
|
|
59
|
+
axisLabel: Object.assign({}, centeredLabelStyles, {
|
|
63
60
|
padding: 25
|
|
64
61
|
}),
|
|
65
62
|
grid: {
|
|
@@ -75,7 +72,7 @@ export var grayscale = {
|
|
|
75
72
|
tickLabels: baseLabelStyles
|
|
76
73
|
}
|
|
77
74
|
}, baseProps),
|
|
78
|
-
bar:
|
|
75
|
+
bar: Object.assign({
|
|
79
76
|
style: {
|
|
80
77
|
data: {
|
|
81
78
|
fill: charcoal,
|
|
@@ -85,14 +82,14 @@ export var grayscale = {
|
|
|
85
82
|
labels: baseLabelStyles
|
|
86
83
|
}
|
|
87
84
|
}, baseProps),
|
|
88
|
-
boxplot:
|
|
85
|
+
boxplot: Object.assign({
|
|
89
86
|
style: {
|
|
90
87
|
max: {
|
|
91
88
|
padding: 8,
|
|
92
89
|
stroke: charcoal,
|
|
93
90
|
strokeWidth: 1
|
|
94
91
|
},
|
|
95
|
-
maxLabels:
|
|
92
|
+
maxLabels: Object.assign({}, baseLabelStyles, {
|
|
96
93
|
padding: 3
|
|
97
94
|
}),
|
|
98
95
|
median: {
|
|
@@ -100,7 +97,7 @@ export var grayscale = {
|
|
|
100
97
|
stroke: charcoal,
|
|
101
98
|
strokeWidth: 1
|
|
102
99
|
},
|
|
103
|
-
medianLabels:
|
|
100
|
+
medianLabels: Object.assign({}, baseLabelStyles, {
|
|
104
101
|
padding: 3
|
|
105
102
|
}),
|
|
106
103
|
min: {
|
|
@@ -108,33 +105,33 @@ export var grayscale = {
|
|
|
108
105
|
stroke: charcoal,
|
|
109
106
|
strokeWidth: 1
|
|
110
107
|
},
|
|
111
|
-
minLabels:
|
|
108
|
+
minLabels: Object.assign({}, baseLabelStyles, {
|
|
112
109
|
padding: 3
|
|
113
110
|
}),
|
|
114
111
|
q1: {
|
|
115
112
|
padding: 8,
|
|
116
113
|
fill: grey
|
|
117
114
|
},
|
|
118
|
-
q1Labels:
|
|
115
|
+
q1Labels: Object.assign({}, baseLabelStyles, {
|
|
119
116
|
padding: 3
|
|
120
117
|
}),
|
|
121
118
|
q3: {
|
|
122
119
|
padding: 8,
|
|
123
120
|
fill: grey
|
|
124
121
|
},
|
|
125
|
-
q3Labels:
|
|
122
|
+
q3Labels: Object.assign({}, baseLabelStyles, {
|
|
126
123
|
padding: 3
|
|
127
124
|
})
|
|
128
125
|
},
|
|
129
126
|
boxWidth: 20
|
|
130
127
|
}, baseProps),
|
|
131
|
-
candlestick:
|
|
128
|
+
candlestick: Object.assign({
|
|
132
129
|
style: {
|
|
133
130
|
data: {
|
|
134
131
|
stroke: charcoal,
|
|
135
132
|
strokeWidth: 1
|
|
136
133
|
},
|
|
137
|
-
labels:
|
|
134
|
+
labels: Object.assign({}, baseLabelStyles, {
|
|
138
135
|
padding: 5
|
|
139
136
|
})
|
|
140
137
|
},
|
|
@@ -144,7 +141,7 @@ export var grayscale = {
|
|
|
144
141
|
}
|
|
145
142
|
}, baseProps),
|
|
146
143
|
chart: baseProps,
|
|
147
|
-
errorbar:
|
|
144
|
+
errorbar: Object.assign({
|
|
148
145
|
borderWidth: 8,
|
|
149
146
|
style: {
|
|
150
147
|
data: {
|
|
@@ -155,10 +152,10 @@ export var grayscale = {
|
|
|
155
152
|
labels: baseLabelStyles
|
|
156
153
|
}
|
|
157
154
|
}, baseProps),
|
|
158
|
-
group:
|
|
155
|
+
group: Object.assign({
|
|
159
156
|
colorScale: colors
|
|
160
157
|
}, baseProps),
|
|
161
|
-
histogram:
|
|
158
|
+
histogram: Object.assign({
|
|
162
159
|
style: {
|
|
163
160
|
data: {
|
|
164
161
|
fill: grey,
|
|
@@ -178,12 +175,12 @@ export var grayscale = {
|
|
|
178
175
|
type: "circle"
|
|
179
176
|
},
|
|
180
177
|
labels: baseLabelStyles,
|
|
181
|
-
title:
|
|
178
|
+
title: Object.assign({}, baseLabelStyles, {
|
|
182
179
|
padding: 5
|
|
183
180
|
})
|
|
184
181
|
}
|
|
185
182
|
},
|
|
186
|
-
line:
|
|
183
|
+
line: Object.assign({
|
|
187
184
|
style: {
|
|
188
185
|
data: {
|
|
189
186
|
fill: "transparent",
|
|
@@ -200,7 +197,7 @@ export var grayscale = {
|
|
|
200
197
|
stroke: "transparent",
|
|
201
198
|
strokeWidth: 1
|
|
202
199
|
},
|
|
203
|
-
labels:
|
|
200
|
+
labels: Object.assign({}, baseLabelStyles, {
|
|
204
201
|
padding: 20
|
|
205
202
|
})
|
|
206
203
|
},
|
|
@@ -209,7 +206,7 @@ export var grayscale = {
|
|
|
209
206
|
height: 400,
|
|
210
207
|
padding: 50
|
|
211
208
|
},
|
|
212
|
-
scatter:
|
|
209
|
+
scatter: Object.assign({
|
|
213
210
|
style: {
|
|
214
211
|
data: {
|
|
215
212
|
fill: charcoal,
|
|
@@ -219,11 +216,11 @@ export var grayscale = {
|
|
|
219
216
|
labels: baseLabelStyles
|
|
220
217
|
}
|
|
221
218
|
}, baseProps),
|
|
222
|
-
stack:
|
|
219
|
+
stack: Object.assign({
|
|
223
220
|
colorScale: colors
|
|
224
221
|
}, baseProps),
|
|
225
222
|
tooltip: {
|
|
226
|
-
style:
|
|
223
|
+
style: Object.assign({}, baseLabelStyles, {
|
|
227
224
|
padding: 0,
|
|
228
225
|
pointerEvents: "none"
|
|
229
226
|
}),
|
|
@@ -237,14 +234,14 @@ export var grayscale = {
|
|
|
237
234
|
cornerRadius: 5,
|
|
238
235
|
pointerLength: 10
|
|
239
236
|
},
|
|
240
|
-
voronoi:
|
|
237
|
+
voronoi: Object.assign({
|
|
241
238
|
style: {
|
|
242
239
|
data: {
|
|
243
240
|
fill: "transparent",
|
|
244
241
|
stroke: "transparent",
|
|
245
242
|
strokeWidth: 0
|
|
246
243
|
},
|
|
247
|
-
labels:
|
|
244
|
+
labels: Object.assign({}, baseLabelStyles, {
|
|
248
245
|
padding: 5,
|
|
249
246
|
pointerEvents: "none"
|
|
250
247
|
}),
|