victory-core 36.9.2 → 37.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/dist/victory-core.js +4371 -5749
- package/dist/victory-core.min.js +1 -1
- package/es/victory-accessible-group/victory-accessible-group.js +9 -15
- package/es/victory-animation/util.js +28 -47
- package/es/victory-animation/victory-animation.js +51 -67
- package/es/victory-clip-container/victory-clip-container.js +153 -229
- package/es/victory-container/victory-container.js +157 -216
- package/es/victory-label/victory-label.js +246 -323
- package/es/victory-portal/portal-context.js +1 -2
- package/es/victory-portal/portal.js +30 -76
- package/es/victory-portal/victory-portal.js +47 -104
- package/es/victory-primitives/arc.js +44 -47
- package/es/victory-primitives/background.js +14 -17
- package/es/victory-primitives/border.js +20 -24
- package/es/victory-primitives/circle.js +13 -27
- package/es/victory-primitives/clip-path.js +3 -7
- package/es/victory-primitives/line-segment.js +20 -24
- package/es/victory-primitives/line.js +13 -27
- package/es/victory-primitives/path.js +13 -27
- package/es/victory-primitives/point.js +36 -40
- package/es/victory-primitives/rect.js +13 -27
- package/es/victory-primitives/text.js +15 -28
- package/es/victory-primitives/tspan.js +13 -26
- package/es/victory-primitives/whisker.js +43 -47
- package/es/victory-theme/grayscale.js +22 -22
- package/es/victory-theme/material.js +46 -46
- package/es/victory-theme/victory-theme.js +3 -3
- package/es/victory-transition/victory-transition.js +126 -206
- package/es/victory-util/add-events.js +263 -374
- package/es/victory-util/axis.js +126 -222
- package/es/victory-util/collection.js +13 -41
- package/es/victory-util/data.js +159 -214
- package/es/victory-util/default-transitions.js +33 -51
- package/es/victory-util/domain.js +122 -171
- package/es/victory-util/events.js +168 -258
- package/es/victory-util/helpers.js +153 -178
- package/es/victory-util/hooks/use-animation-state.js +61 -99
- package/es/victory-util/hooks/use-previous-props.js +2 -2
- package/es/victory-util/immutable.js +6 -8
- package/es/victory-util/label-helpers.js +128 -130
- package/es/victory-util/line-helpers.js +29 -41
- package/es/victory-util/log.js +1 -1
- package/es/victory-util/point-path-helpers.js +89 -49
- package/es/victory-util/scale.js +24 -42
- package/es/victory-util/selection.js +39 -40
- package/es/victory-util/style.js +8 -13
- package/es/victory-util/textsize.js +80 -154
- package/es/victory-util/timer-context.js +2 -2
- package/es/victory-util/timer.js +40 -76
- package/es/victory-util/transitions.js +110 -150
- package/es/victory-util/type-helpers.js +2 -3
- package/es/victory-util/user-props.js +24 -49
- package/es/victory-util/wrapper.js +184 -247
- package/lib/index.js +0 -30
- package/lib/victory-accessible-group/victory-accessible-group.js +9 -19
- package/lib/victory-animation/util.js +28 -63
- package/lib/victory-animation/victory-animation.js +54 -83
- package/lib/victory-clip-container/victory-clip-container.js +156 -243
- package/lib/victory-container/victory-container.js +160 -232
- package/lib/victory-label/victory-label.js +248 -344
- package/lib/victory-portal/portal-context.js +1 -6
- package/lib/victory-portal/portal.js +31 -81
- package/lib/victory-portal/victory-portal.js +50 -116
- package/lib/victory-primitives/arc.js +48 -57
- package/lib/victory-primitives/background.js +16 -28
- package/lib/victory-primitives/border.js +22 -34
- package/lib/victory-primitives/circle.js +16 -36
- package/lib/victory-primitives/clip-path.js +3 -11
- package/lib/victory-primitives/index.js +0 -28
- package/lib/victory-primitives/line-segment.js +22 -34
- package/lib/victory-primitives/line.js +16 -36
- package/lib/victory-primitives/path.js +16 -36
- package/lib/victory-primitives/point.js +38 -52
- package/lib/victory-primitives/rect.js +16 -36
- package/lib/victory-primitives/text.js +15 -33
- package/lib/victory-primitives/tspan.js +13 -31
- package/lib/victory-primitives/whisker.js +45 -57
- package/lib/victory-theme/grayscale.js +23 -24
- package/lib/victory-theme/material.js +47 -48
- package/lib/victory-theme/victory-theme.js +2 -7
- package/lib/victory-transition/victory-transition.js +129 -224
- package/lib/victory-util/add-events.js +263 -380
- package/lib/victory-util/axis.js +128 -241
- package/lib/victory-util/collection.js +13 -50
- package/lib/victory-util/data.js +160 -239
- package/lib/victory-util/default-transitions.js +33 -54
- package/lib/victory-util/domain.js +123 -193
- package/lib/victory-util/events.js +167 -274
- package/lib/victory-util/helpers.js +156 -207
- package/lib/victory-util/hooks/index.js +0 -2
- package/lib/victory-util/hooks/use-animation-state.js +63 -113
- package/lib/victory-util/hooks/use-previous-props.js +2 -7
- package/lib/victory-util/immutable.js +6 -18
- package/lib/victory-util/index.js +2 -51
- package/lib/victory-util/label-helpers.js +130 -141
- package/lib/victory-util/line-helpers.js +31 -49
- package/lib/victory-util/log.js +1 -2
- package/lib/victory-util/point-path-helpers.js +91 -63
- package/lib/victory-util/scale.js +26 -57
- package/lib/victory-util/selection.js +41 -49
- package/lib/victory-util/style.js +8 -16
- package/lib/victory-util/textsize.js +80 -157
- package/lib/victory-util/timer-context.js +2 -8
- package/lib/victory-util/timer.js +40 -76
- package/lib/victory-util/transitions.js +110 -152
- package/lib/victory-util/type-helpers.js +2 -9
- package/lib/victory-util/user-props.js +25 -59
- package/lib/victory-util/wrapper.js +186 -281
- package/package.json +2 -2
|
@@ -1,14 +1,7 @@
|
|
|
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; }
|
|
2
|
-
|
|
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; }
|
|
4
|
-
|
|
5
|
-
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; }
|
|
6
|
-
|
|
7
1
|
import React from "react";
|
|
8
2
|
import * as Helpers from "../victory-util/helpers";
|
|
9
3
|
import { Line } from "./line";
|
|
10
|
-
|
|
11
|
-
var evaluateProps = function (props) {
|
|
4
|
+
const evaluateProps = props => {
|
|
12
5
|
/**
|
|
13
6
|
* Potential evaluated props are:
|
|
14
7
|
* `ariaLabel`
|
|
@@ -17,30 +10,33 @@ var evaluateProps = function (props) {
|
|
|
17
10
|
* `style`
|
|
18
11
|
* `tabIndex`
|
|
19
12
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
const ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
|
|
14
|
+
const desc = Helpers.evaluateProp(props.desc, props);
|
|
15
|
+
const id = Helpers.evaluateProp(props.id, props);
|
|
16
|
+
const style = Helpers.evaluateStyle(Object.assign({
|
|
24
17
|
stroke: "black"
|
|
25
18
|
}, props.style), props);
|
|
26
|
-
|
|
19
|
+
const tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
27
20
|
return Object.assign({}, props, {
|
|
28
|
-
ariaLabel
|
|
29
|
-
desc
|
|
30
|
-
id
|
|
31
|
-
style
|
|
32
|
-
tabIndex
|
|
21
|
+
ariaLabel,
|
|
22
|
+
desc,
|
|
23
|
+
id,
|
|
24
|
+
style,
|
|
25
|
+
tabIndex
|
|
33
26
|
});
|
|
34
27
|
};
|
|
35
|
-
|
|
36
|
-
var defaultProps = {
|
|
28
|
+
const defaultProps = {
|
|
37
29
|
lineComponent: /*#__PURE__*/React.createElement(Line, null),
|
|
38
30
|
role: "presentation",
|
|
39
31
|
shapeRendering: "auto"
|
|
40
32
|
};
|
|
41
|
-
export
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
export const LineSegment = initialProps => {
|
|
34
|
+
const props = evaluateProps({
|
|
35
|
+
...defaultProps,
|
|
36
|
+
...initialProps
|
|
37
|
+
});
|
|
38
|
+
return /*#__PURE__*/React.cloneElement(props.lineComponent, {
|
|
39
|
+
...props.events,
|
|
44
40
|
"aria-label": props.ariaLabel,
|
|
45
41
|
style: props.style,
|
|
46
42
|
desc: props.desc,
|
|
@@ -54,5 +50,5 @@ export var LineSegment = function (initialProps) {
|
|
|
54
50
|
y2: props.y2,
|
|
55
51
|
transform: props.transform,
|
|
56
52
|
clipPath: props.clipPath
|
|
57
|
-
})
|
|
53
|
+
});
|
|
58
54
|
};
|
|
@@ -1,37 +1,23 @@
|
|
|
1
|
-
var _excluded = ["desc", "id", "tabIndex", "origin"];
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
|
-
|
|
5
|
-
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
|
-
|
|
7
|
-
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; }
|
|
8
|
-
|
|
9
|
-
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; }
|
|
10
|
-
|
|
11
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
2
|
import React, { forwardRef } from "react";
|
|
16
3
|
import { evaluateProp } from "../victory-util/helpers";
|
|
17
|
-
export
|
|
18
|
-
var _evaluateProp;
|
|
19
|
-
|
|
4
|
+
export const Line = /*#__PURE__*/forwardRef((props, ref) => {
|
|
20
5
|
/* eslint-disable-next-line @typescript-eslint/no-unused-vars --
|
|
21
6
|
* origin conflicts with the SVG element's origin attribute
|
|
22
7
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
8
|
+
const {
|
|
9
|
+
desc,
|
|
10
|
+
id,
|
|
11
|
+
tabIndex,
|
|
12
|
+
origin,
|
|
13
|
+
...rest
|
|
14
|
+
} = props;
|
|
15
|
+
const svgProps = {
|
|
30
16
|
vectorEffect: "non-scaling-stroke",
|
|
31
|
-
id:
|
|
32
|
-
tabIndex: evaluateProp(tabIndex, props)
|
|
33
|
-
|
|
34
|
-
|
|
17
|
+
id: evaluateProp(id, props)?.toString(),
|
|
18
|
+
tabIndex: evaluateProp(tabIndex, props),
|
|
19
|
+
...rest
|
|
20
|
+
};
|
|
35
21
|
return desc ? /*#__PURE__*/React.createElement("line", _extends({}, svgProps, {
|
|
36
22
|
ref: ref
|
|
37
23
|
}), /*#__PURE__*/React.createElement("desc", null, desc)) : /*#__PURE__*/React.createElement("line", _extends({}, svgProps, {
|
|
@@ -1,36 +1,22 @@
|
|
|
1
|
-
var _excluded = ["desc", "id", "tabIndex", "origin"];
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
|
-
|
|
5
|
-
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
|
-
|
|
7
|
-
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; }
|
|
8
|
-
|
|
9
|
-
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; }
|
|
10
|
-
|
|
11
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
2
|
import React, { forwardRef } from "react";
|
|
16
3
|
import { evaluateProp } from "../victory-util/helpers";
|
|
17
|
-
export
|
|
18
|
-
var _evaluateProp;
|
|
19
|
-
|
|
4
|
+
export const Path = /*#__PURE__*/forwardRef((props, ref) => {
|
|
20
5
|
/* eslint-disable-next-line @typescript-eslint/no-unused-vars --
|
|
21
6
|
* origin conflicts with the SVG element's origin attribute
|
|
22
7
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
8
|
+
const {
|
|
9
|
+
desc,
|
|
10
|
+
id,
|
|
11
|
+
tabIndex,
|
|
12
|
+
origin,
|
|
13
|
+
...rest
|
|
14
|
+
} = props;
|
|
15
|
+
const svgProps = {
|
|
16
|
+
id: evaluateProp(id, props)?.toString(),
|
|
17
|
+
tabIndex: evaluateProp(tabIndex, props),
|
|
18
|
+
...rest
|
|
19
|
+
};
|
|
34
20
|
return desc ? /*#__PURE__*/React.createElement("path", _extends({}, svgProps, {
|
|
35
21
|
ref: ref
|
|
36
22
|
}), /*#__PURE__*/React.createElement("desc", null, desc)) : /*#__PURE__*/React.createElement("path", _extends({}, svgProps, {
|
|
@@ -1,31 +1,23 @@
|
|
|
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; }
|
|
2
|
-
|
|
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; }
|
|
4
|
-
|
|
5
|
-
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; }
|
|
6
|
-
|
|
7
1
|
import React from "react";
|
|
8
2
|
import * as Helpers from "../victory-util/helpers";
|
|
9
3
|
import * as pathHelpers from "../victory-util/point-path-helpers";
|
|
10
4
|
import * as UserProps from "../victory-util/user-props";
|
|
11
5
|
import { Path } from "./path";
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
6
|
+
const getPath = props => {
|
|
7
|
+
const {
|
|
8
|
+
x,
|
|
9
|
+
y,
|
|
10
|
+
size,
|
|
11
|
+
symbol
|
|
12
|
+
} = props;
|
|
19
13
|
if (props.getPath) {
|
|
20
14
|
return props.getPath(x, y, size);
|
|
21
15
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
var symbolFunction = typeof pathFunctions[symbol] === "function" ? pathFunctions[symbol] : pathFunctions.circle;
|
|
16
|
+
const pathFunctions = pathHelpers;
|
|
17
|
+
const symbolFunction = typeof pathFunctions[symbol] === "function" ? pathFunctions[symbol] : pathFunctions.circle;
|
|
25
18
|
return symbolFunction(x, y, size);
|
|
26
19
|
};
|
|
27
|
-
|
|
28
|
-
var evaluateProps = function (props) {
|
|
20
|
+
const evaluateProps = props => {
|
|
29
21
|
/**
|
|
30
22
|
* Potential evaluated props are:
|
|
31
23
|
* `ariaLabel`
|
|
@@ -36,33 +28,36 @@ var evaluateProps = function (props) {
|
|
|
36
28
|
* `symbol`
|
|
37
29
|
* `tabIndex`
|
|
38
30
|
*/
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
31
|
+
const ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
|
|
32
|
+
const desc = Helpers.evaluateProp(props.desc, props);
|
|
33
|
+
const id = Helpers.evaluateProp(props.id, props);
|
|
34
|
+
const size = Helpers.evaluateProp(props.size, props);
|
|
35
|
+
const style = Helpers.evaluateStyle(props.style, props);
|
|
36
|
+
const symbol = Helpers.evaluateProp(props.symbol, props);
|
|
37
|
+
const tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
46
38
|
return Object.assign({}, props, {
|
|
47
|
-
ariaLabel
|
|
48
|
-
desc
|
|
49
|
-
id
|
|
50
|
-
size
|
|
51
|
-
style
|
|
52
|
-
symbol
|
|
53
|
-
tabIndex
|
|
39
|
+
ariaLabel,
|
|
40
|
+
desc,
|
|
41
|
+
id,
|
|
42
|
+
size,
|
|
43
|
+
style,
|
|
44
|
+
symbol,
|
|
45
|
+
tabIndex
|
|
54
46
|
});
|
|
55
47
|
};
|
|
56
|
-
|
|
57
|
-
var defaultProps = {
|
|
48
|
+
const defaultProps = {
|
|
58
49
|
pathComponent: /*#__PURE__*/React.createElement(Path, null),
|
|
59
50
|
role: "presentation",
|
|
60
51
|
shapeRendering: "auto"
|
|
61
52
|
};
|
|
62
|
-
export
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
53
|
+
export const Point = initialProps => {
|
|
54
|
+
const props = evaluateProps({
|
|
55
|
+
...defaultProps,
|
|
56
|
+
...initialProps
|
|
57
|
+
});
|
|
58
|
+
const userProps = UserProps.getSafeUserProps(props);
|
|
59
|
+
return /*#__PURE__*/React.cloneElement(props.pathComponent, {
|
|
60
|
+
...props.events,
|
|
66
61
|
"aria-label": props.ariaLabel,
|
|
67
62
|
d: getPath(props),
|
|
68
63
|
style: props.style,
|
|
@@ -72,6 +67,7 @@ export var Point = function (initialProps) {
|
|
|
72
67
|
shapeRendering: props.shapeRendering,
|
|
73
68
|
className: props.className,
|
|
74
69
|
transform: props.transform,
|
|
75
|
-
clipPath: props.clipPath
|
|
76
|
-
|
|
70
|
+
clipPath: props.clipPath,
|
|
71
|
+
...userProps
|
|
72
|
+
});
|
|
77
73
|
};
|
|
@@ -1,37 +1,23 @@
|
|
|
1
|
-
var _excluded = ["desc", "id", "tabIndex", "origin"];
|
|
2
|
-
|
|
3
1
|
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); }
|
|
4
|
-
|
|
5
|
-
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
|
-
|
|
7
|
-
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; }
|
|
8
|
-
|
|
9
|
-
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; }
|
|
10
|
-
|
|
11
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
15
2
|
import React, { forwardRef } from "react";
|
|
16
3
|
import { evaluateProp } from "../victory-util/helpers";
|
|
17
|
-
export
|
|
18
|
-
var _evaluateProp;
|
|
19
|
-
|
|
4
|
+
export const Rect = /*#__PURE__*/forwardRef((props, ref) => {
|
|
20
5
|
/* eslint-disable-next-line @typescript-eslint/no-unused-vars --
|
|
21
6
|
* origin conflicts with the SVG element's origin attribute
|
|
22
7
|
*/
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
8
|
+
const {
|
|
9
|
+
desc,
|
|
10
|
+
id,
|
|
11
|
+
tabIndex,
|
|
12
|
+
origin,
|
|
13
|
+
...rest
|
|
14
|
+
} = props;
|
|
15
|
+
const svgProps = {
|
|
30
16
|
vectorEffect: "non-scaling-stroke",
|
|
31
|
-
id:
|
|
32
|
-
tabIndex: evaluateProp(tabIndex, props)
|
|
33
|
-
|
|
34
|
-
|
|
17
|
+
id: evaluateProp(id, props)?.toString(),
|
|
18
|
+
tabIndex: evaluateProp(tabIndex, props),
|
|
19
|
+
...rest
|
|
20
|
+
};
|
|
35
21
|
return desc ? /*#__PURE__*/React.createElement("rect", _extends({}, svgProps, {
|
|
36
22
|
ref: ref
|
|
37
23
|
}), /*#__PURE__*/React.createElement("desc", null, desc)) : /*#__PURE__*/React.createElement("rect", _extends({}, svgProps, {
|
|
@@ -1,35 +1,22 @@
|
|
|
1
|
-
var _excluded = ["children", "desc", "id", "origin", "tabIndex", "title"];
|
|
2
|
-
|
|
3
|
-
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
|
-
|
|
5
|
-
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; }
|
|
6
|
-
|
|
7
|
-
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; }
|
|
8
|
-
|
|
9
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
13
1
|
import React from "react";
|
|
14
2
|
import { evaluateProp } from "../victory-util/helpers";
|
|
15
|
-
export
|
|
16
|
-
var _evaluateProp;
|
|
17
|
-
|
|
3
|
+
export const Text = props => {
|
|
18
4
|
/* eslint-disable-next-line @typescript-eslint/no-unused-vars --
|
|
19
5
|
* origin conflicts with the SVG element's origin attribute
|
|
20
6
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
7
|
+
const {
|
|
8
|
+
children,
|
|
9
|
+
desc,
|
|
10
|
+
id,
|
|
11
|
+
origin,
|
|
12
|
+
tabIndex,
|
|
13
|
+
title,
|
|
14
|
+
...rest
|
|
15
|
+
} = props;
|
|
16
|
+
const svgProps = {
|
|
17
|
+
id: evaluateProp(id, props)?.toString(),
|
|
18
|
+
tabIndex: evaluateProp(tabIndex, props),
|
|
19
|
+
...rest
|
|
20
|
+
};
|
|
34
21
|
return /*#__PURE__*/React.createElement("text", svgProps, title && /*#__PURE__*/React.createElement("title", null, title), desc && /*#__PURE__*/React.createElement("desc", null, desc), children);
|
|
35
22
|
};
|
|
@@ -1,33 +1,20 @@
|
|
|
1
|
-
var _excluded = ["desc", "id", "tabIndex", "origin"];
|
|
2
|
-
|
|
3
|
-
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
|
-
|
|
5
|
-
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; }
|
|
6
|
-
|
|
7
|
-
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; }
|
|
8
|
-
|
|
9
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
13
1
|
import React from "react";
|
|
14
2
|
import { evaluateProp } from "../victory-util/helpers";
|
|
15
|
-
export
|
|
16
|
-
var _evaluateProp;
|
|
17
|
-
|
|
3
|
+
export const TSpan = props => {
|
|
18
4
|
/* eslint-disable-next-line @typescript-eslint/no-unused-vars --
|
|
19
5
|
* origin conflicts with the SVG element's origin attribute
|
|
20
6
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
7
|
+
const {
|
|
8
|
+
desc,
|
|
9
|
+
id,
|
|
10
|
+
tabIndex,
|
|
11
|
+
origin,
|
|
12
|
+
...rest
|
|
13
|
+
} = props;
|
|
14
|
+
const svgProps = {
|
|
15
|
+
id: evaluateProp(id, props)?.toString(),
|
|
16
|
+
tabIndex: evaluateProp(tabIndex, props),
|
|
17
|
+
...rest
|
|
18
|
+
};
|
|
32
19
|
return /*#__PURE__*/React.createElement("tspan", svgProps);
|
|
33
20
|
};
|
|
@@ -1,14 +1,7 @@
|
|
|
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; }
|
|
2
|
-
|
|
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; }
|
|
4
|
-
|
|
5
|
-
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; }
|
|
6
|
-
|
|
7
1
|
import React from "react";
|
|
8
2
|
import * as Helpers from "../victory-util/helpers";
|
|
9
3
|
import { Line } from "./line";
|
|
10
|
-
|
|
11
|
-
var evaluateProps = function (props) {
|
|
4
|
+
const evaluateProps = props => {
|
|
12
5
|
/**
|
|
13
6
|
* Potential evaluated props are:
|
|
14
7
|
* `ariaLabel`
|
|
@@ -17,54 +10,57 @@ var evaluateProps = function (props) {
|
|
|
17
10
|
* `style`
|
|
18
11
|
* `tabIndex`
|
|
19
12
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
const ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
|
|
14
|
+
const desc = Helpers.evaluateProp(props.desc, props);
|
|
15
|
+
const id = Helpers.evaluateProp(props.id, props);
|
|
16
|
+
const style = Helpers.evaluateStyle(props.style, props);
|
|
17
|
+
const tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
25
18
|
return Object.assign({}, props, {
|
|
26
|
-
ariaLabel
|
|
27
|
-
desc
|
|
28
|
-
id
|
|
29
|
-
style
|
|
30
|
-
tabIndex
|
|
19
|
+
ariaLabel,
|
|
20
|
+
desc,
|
|
21
|
+
id,
|
|
22
|
+
style,
|
|
23
|
+
tabIndex
|
|
31
24
|
});
|
|
32
25
|
};
|
|
33
|
-
|
|
34
|
-
var defaultProps = {
|
|
26
|
+
const defaultProps = {
|
|
35
27
|
groupComponent: /*#__PURE__*/React.createElement("g", null),
|
|
36
28
|
lineComponent: /*#__PURE__*/React.createElement(Line, null),
|
|
37
29
|
role: "presentation",
|
|
38
30
|
shapeRendering: "auto"
|
|
39
31
|
};
|
|
40
|
-
export
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
lineComponent = props.lineComponent,
|
|
45
|
-
events = props.events,
|
|
46
|
-
className = props.className,
|
|
47
|
-
majorWhisker = props.majorWhisker,
|
|
48
|
-
minorWhisker = props.minorWhisker,
|
|
49
|
-
transform = props.transform,
|
|
50
|
-
clipPath = props.clipPath,
|
|
51
|
-
role = props.role,
|
|
52
|
-
shapeRendering = props.shapeRendering,
|
|
53
|
-
style = props.style,
|
|
54
|
-
desc = props.desc,
|
|
55
|
-
tabIndex = props.tabIndex;
|
|
56
|
-
|
|
57
|
-
var baseProps = _objectSpread(_objectSpread({}, events), {}, {
|
|
58
|
-
style: style,
|
|
59
|
-
desc: desc,
|
|
60
|
-
tabIndex: tabIndex,
|
|
61
|
-
className: className,
|
|
62
|
-
transform: transform,
|
|
63
|
-
clipPath: clipPath,
|
|
64
|
-
role: role,
|
|
65
|
-
shapeRendering: shapeRendering
|
|
32
|
+
export const Whisker = initialProps => {
|
|
33
|
+
const props = evaluateProps({
|
|
34
|
+
...defaultProps,
|
|
35
|
+
...initialProps
|
|
66
36
|
});
|
|
67
|
-
|
|
37
|
+
const {
|
|
38
|
+
ariaLabel,
|
|
39
|
+
groupComponent,
|
|
40
|
+
lineComponent,
|
|
41
|
+
events,
|
|
42
|
+
className,
|
|
43
|
+
majorWhisker,
|
|
44
|
+
minorWhisker,
|
|
45
|
+
transform,
|
|
46
|
+
clipPath,
|
|
47
|
+
role,
|
|
48
|
+
shapeRendering,
|
|
49
|
+
style,
|
|
50
|
+
desc,
|
|
51
|
+
tabIndex
|
|
52
|
+
} = props;
|
|
53
|
+
const baseProps = {
|
|
54
|
+
...events,
|
|
55
|
+
style,
|
|
56
|
+
desc,
|
|
57
|
+
tabIndex,
|
|
58
|
+
className,
|
|
59
|
+
transform,
|
|
60
|
+
clipPath,
|
|
61
|
+
role,
|
|
62
|
+
shapeRendering
|
|
63
|
+
};
|
|
68
64
|
return /*#__PURE__*/React.cloneElement(groupComponent, {}, [/*#__PURE__*/React.cloneElement(lineComponent, Object.assign({
|
|
69
65
|
key: "major-whisker",
|
|
70
66
|
"aria-label": ariaLabel
|
|
@@ -1,44 +1,44 @@
|
|
|
1
1
|
// *
|
|
2
2
|
// * Colors
|
|
3
3
|
// *
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
const colors = ["#252525", "#525252", "#737373", "#969696", "#bdbdbd", "#d9d9d9", "#f0f0f0"];
|
|
5
|
+
const charcoal = "#252525";
|
|
6
|
+
const grey = "#969696";
|
|
7
|
+
// *
|
|
7
8
|
// * Typography
|
|
8
9
|
// *
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
const sansSerif = "'Gill Sans', 'Seravek', 'Trebuchet MS', sans-serif";
|
|
11
|
+
const letterSpacing = "normal";
|
|
12
|
+
const fontSize = 14;
|
|
13
|
+
// *
|
|
13
14
|
// * Layout
|
|
14
15
|
// *
|
|
15
|
-
|
|
16
|
-
var baseProps = {
|
|
16
|
+
const baseProps = {
|
|
17
17
|
width: 450,
|
|
18
18
|
height: 300,
|
|
19
19
|
padding: 50,
|
|
20
20
|
colorScale: colors
|
|
21
|
-
};
|
|
21
|
+
};
|
|
22
|
+
// *
|
|
22
23
|
// * Labels
|
|
23
24
|
// *
|
|
24
|
-
|
|
25
|
-
var baseLabelStyles = {
|
|
25
|
+
const baseLabelStyles = {
|
|
26
26
|
fontFamily: sansSerif,
|
|
27
|
-
fontSize
|
|
28
|
-
letterSpacing
|
|
27
|
+
fontSize,
|
|
28
|
+
letterSpacing,
|
|
29
29
|
padding: 10,
|
|
30
30
|
fill: charcoal,
|
|
31
31
|
stroke: "transparent"
|
|
32
32
|
};
|
|
33
|
-
|
|
33
|
+
const centeredLabelStyles = Object.assign({
|
|
34
34
|
textAnchor: "middle"
|
|
35
|
-
}, baseLabelStyles);
|
|
35
|
+
}, baseLabelStyles);
|
|
36
|
+
// *
|
|
36
37
|
// * Strokes
|
|
37
38
|
// *
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
export var grayscale = {
|
|
39
|
+
const strokeLinecap = "round";
|
|
40
|
+
const strokeLinejoin = "round";
|
|
41
|
+
export const grayscale = {
|
|
42
42
|
area: Object.assign({
|
|
43
43
|
style: {
|
|
44
44
|
data: {
|
|
@@ -53,8 +53,8 @@ export var grayscale = {
|
|
|
53
53
|
fill: "transparent",
|
|
54
54
|
stroke: charcoal,
|
|
55
55
|
strokeWidth: 1,
|
|
56
|
-
strokeLinecap
|
|
57
|
-
strokeLinejoin
|
|
56
|
+
strokeLinecap,
|
|
57
|
+
strokeLinejoin
|
|
58
58
|
},
|
|
59
59
|
axisLabel: Object.assign({}, centeredLabelStyles, {
|
|
60
60
|
padding: 25
|