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,8 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
2
|
/**
|
|
4
3
|
* The React context object consumers may use to access the context of the
|
|
5
4
|
* portal.
|
|
6
5
|
*/
|
|
7
|
-
export
|
|
6
|
+
export const PortalContext = /*#__PURE__*/React.createContext({});
|
|
8
7
|
PortalContext.displayName = "PortalContext";
|
|
@@ -1,79 +1,33 @@
|
|
|
1
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
2
|
-
|
|
3
|
-
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); } }
|
|
4
|
-
|
|
5
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
6
|
-
|
|
7
|
-
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); }
|
|
8
|
-
|
|
9
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
10
|
-
|
|
11
|
-
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); }; }
|
|
12
|
-
|
|
13
|
-
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); }
|
|
14
|
-
|
|
15
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
16
|
-
|
|
17
|
-
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; } }
|
|
18
|
-
|
|
19
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
20
|
-
|
|
21
1
|
import React from "react";
|
|
22
|
-
export
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
delete _this.map[key];
|
|
48
|
-
|
|
49
|
-
_this.forceUpdate();
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
_this.map = {};
|
|
53
|
-
_this.index = 1;
|
|
54
|
-
return _this;
|
|
2
|
+
export class Portal extends React.Component {
|
|
3
|
+
static displayName = "Portal";
|
|
4
|
+
constructor(props) {
|
|
5
|
+
super(props);
|
|
6
|
+
this.map = {};
|
|
7
|
+
this.index = 1;
|
|
8
|
+
}
|
|
9
|
+
portalRegister = () => {
|
|
10
|
+
return ++this.index;
|
|
11
|
+
};
|
|
12
|
+
portalUpdate = (key, element) => {
|
|
13
|
+
this.map[key] = element;
|
|
14
|
+
this.forceUpdate();
|
|
15
|
+
};
|
|
16
|
+
portalDeregister = key => {
|
|
17
|
+
delete this.map[key];
|
|
18
|
+
this.forceUpdate();
|
|
19
|
+
};
|
|
20
|
+
getChildren() {
|
|
21
|
+
return Object.keys(this.map).map(key => {
|
|
22
|
+
const el = this.map[key];
|
|
23
|
+
return el ? /*#__PURE__*/React.cloneElement(el, {
|
|
24
|
+
key
|
|
25
|
+
}) : el;
|
|
26
|
+
});
|
|
55
27
|
}
|
|
56
28
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
return Object.keys(this.map).map(function (key) {
|
|
63
|
-
var el = _this2.map[key];
|
|
64
|
-
return el ? /*#__PURE__*/React.cloneElement(el, {
|
|
65
|
-
key: key
|
|
66
|
-
}) : el;
|
|
67
|
-
});
|
|
68
|
-
} // Overridden in victory-core-native
|
|
69
|
-
|
|
70
|
-
}, {
|
|
71
|
-
key: "render",
|
|
72
|
-
value: function render() {
|
|
73
|
-
return /*#__PURE__*/React.createElement("svg", this.props, this.getChildren());
|
|
74
|
-
}
|
|
75
|
-
}]);
|
|
76
|
-
|
|
77
|
-
return Portal;
|
|
78
|
-
}(React.Component);
|
|
79
|
-
Portal.displayName = "Portal";
|
|
29
|
+
// Overridden in victory-core-native
|
|
30
|
+
render() {
|
|
31
|
+
return /*#__PURE__*/React.createElement("svg", this.props, this.getChildren());
|
|
32
|
+
}
|
|
33
|
+
}
|
|
@@ -1,115 +1,58 @@
|
|
|
1
1
|
import _defaults from "lodash/defaults";
|
|
2
|
-
|
|
3
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
4
|
-
|
|
5
|
-
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); } }
|
|
6
|
-
|
|
7
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
8
|
-
|
|
9
|
-
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); }
|
|
10
|
-
|
|
11
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
12
|
-
|
|
13
|
-
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); }; }
|
|
14
|
-
|
|
15
|
-
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); }
|
|
16
|
-
|
|
17
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
18
|
-
|
|
19
|
-
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; } }
|
|
20
|
-
|
|
21
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
22
|
-
|
|
23
2
|
import React from "react";
|
|
24
3
|
import * as Log from "../victory-util/log";
|
|
25
4
|
import * as Helpers from "../victory-util/helpers";
|
|
26
5
|
import { PortalContext } from "./portal-context";
|
|
27
|
-
export
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
42
|
-
_this.checkedContext = void 0;
|
|
43
|
-
_this.portalKey = void 0;
|
|
44
|
-
_this.renderInPlace = void 0;
|
|
45
|
-
_this.element = void 0;
|
|
46
|
-
return _this;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
_createClass(VictoryPortal, [{
|
|
50
|
-
key: "componentDidMount",
|
|
51
|
-
value: function componentDidMount() {
|
|
52
|
-
if (!this.checkedContext) {
|
|
53
|
-
if (typeof this.context.portalUpdate !== "function") {
|
|
54
|
-
var msg = "`renderInPortal` is not supported outside of `VictoryContainer`. " + "Component will be rendered in place";
|
|
55
|
-
Log.warn(msg);
|
|
56
|
-
this.renderInPlace = true;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
this.checkedContext = true;
|
|
6
|
+
export class VictoryPortal extends React.Component {
|
|
7
|
+
static displayName = "VictoryPortal";
|
|
8
|
+
static role = "portal";
|
|
9
|
+
static defaultProps = {
|
|
10
|
+
groupComponent: /*#__PURE__*/React.createElement("g", null)
|
|
11
|
+
};
|
|
12
|
+
static contextType = PortalContext;
|
|
13
|
+
componentDidMount() {
|
|
14
|
+
if (!this.checkedContext) {
|
|
15
|
+
if (typeof this.context.portalUpdate !== "function") {
|
|
16
|
+
const msg = "`renderInPortal` is not supported outside of `VictoryContainer`. " + "Component will be rendered in place";
|
|
17
|
+
Log.warn(msg);
|
|
18
|
+
this.renderInPlace = true;
|
|
60
19
|
}
|
|
61
|
-
|
|
62
|
-
this.forceUpdate();
|
|
20
|
+
this.checkedContext = true;
|
|
63
21
|
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
22
|
+
this.forceUpdate();
|
|
23
|
+
}
|
|
24
|
+
componentDidUpdate() {
|
|
25
|
+
if (!this.renderInPlace) {
|
|
26
|
+
this.portalKey = this.portalKey || this.context.portalRegister();
|
|
27
|
+
this.context.portalUpdate(this.portalKey, this.element);
|
|
71
28
|
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
this.context.portalDeregister(this.portalKey);
|
|
77
|
-
}
|
|
78
|
-
} // Overridden in victory-core-native
|
|
79
|
-
|
|
80
|
-
}, {
|
|
81
|
-
key: "renderPortal",
|
|
82
|
-
value: function renderPortal(child) {
|
|
83
|
-
if (this.renderInPlace) {
|
|
84
|
-
return child;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
this.element = child;
|
|
88
|
-
return null;
|
|
29
|
+
}
|
|
30
|
+
componentWillUnmount() {
|
|
31
|
+
if (this.context && this.context.portalDeregister) {
|
|
32
|
+
this.context.portalDeregister(this.portalKey);
|
|
89
33
|
}
|
|
90
|
-
}
|
|
91
|
-
key: "render",
|
|
92
|
-
value: function render() {
|
|
93
|
-
var children = Array.isArray(this.props.children) ? this.props.children[0] : this.props.children;
|
|
94
|
-
var groupComponent = this.props.groupComponent;
|
|
95
|
-
var childProps = children && children.props || {};
|
|
96
|
-
var standardProps = childProps.groupComponent ? {
|
|
97
|
-
groupComponent: groupComponent,
|
|
98
|
-
standalone: false
|
|
99
|
-
} : {};
|
|
100
|
-
|
|
101
|
-
var newProps = _defaults(standardProps, childProps, Helpers.omit(this.props, ["children", "groupComponent"]));
|
|
34
|
+
}
|
|
102
35
|
|
|
103
|
-
|
|
104
|
-
|
|
36
|
+
// Overridden in victory-core-native
|
|
37
|
+
renderPortal(child) {
|
|
38
|
+
if (this.renderInPlace) {
|
|
39
|
+
return child;
|
|
105
40
|
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
};
|
|
115
|
-
|
|
41
|
+
this.element = child;
|
|
42
|
+
return null;
|
|
43
|
+
}
|
|
44
|
+
render() {
|
|
45
|
+
const children = Array.isArray(this.props.children) ? this.props.children[0] : this.props.children;
|
|
46
|
+
const {
|
|
47
|
+
groupComponent
|
|
48
|
+
} = this.props;
|
|
49
|
+
const childProps = children && children.props || {};
|
|
50
|
+
const standardProps = childProps.groupComponent ? {
|
|
51
|
+
groupComponent,
|
|
52
|
+
standalone: false
|
|
53
|
+
} : {};
|
|
54
|
+
const newProps = _defaults(standardProps, childProps, Helpers.omit(this.props, ["children", "groupComponent"]));
|
|
55
|
+
const child = children && /*#__PURE__*/React.cloneElement(children, newProps);
|
|
56
|
+
return this.renderPortal(child);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
@@ -1,39 +1,33 @@
|
|
|
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
|
/* eslint no-magic-numbers: ["error", { "ignore": [0, 1, 2, 180] }]*/
|
|
8
2
|
import React from "react";
|
|
9
3
|
import * as Helpers from "../victory-util/helpers";
|
|
10
4
|
import { Path } from "./path";
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
5
|
+
const getArcPath = props => {
|
|
6
|
+
const {
|
|
7
|
+
cx,
|
|
8
|
+
cy,
|
|
9
|
+
r,
|
|
10
|
+
startAngle,
|
|
11
|
+
endAngle,
|
|
12
|
+
closedPath
|
|
13
|
+
} = props;
|
|
14
|
+
// Always draw the path as two arcs so that complete circles may be rendered.
|
|
15
|
+
const halfAngle = Math.abs(endAngle - startAngle) / 2 + startAngle;
|
|
16
|
+
const x1 = cx + r * Math.cos(Helpers.degreesToRadians(startAngle));
|
|
17
|
+
const y1 = cy - r * Math.sin(Helpers.degreesToRadians(startAngle));
|
|
18
|
+
const x2 = cx + r * Math.cos(Helpers.degreesToRadians(halfAngle));
|
|
19
|
+
const y2 = cy - r * Math.sin(Helpers.degreesToRadians(halfAngle));
|
|
20
|
+
const x3 = cx + r * Math.cos(Helpers.degreesToRadians(endAngle));
|
|
21
|
+
const y3 = cy - r * Math.sin(Helpers.degreesToRadians(endAngle));
|
|
22
|
+
const largerArcFlag1 = halfAngle - startAngle <= 180 ? 0 : 1;
|
|
23
|
+
const largerArcFlag2 = endAngle - halfAngle <= 180 ? 0 : 1;
|
|
24
|
+
const arcStart = closedPath ? ` M ${cx}, ${cy} L ${x1}, ${y1}` : `M ${x1}, ${y1}`;
|
|
25
|
+
const arc1 = `A ${r}, ${r}, 0, ${largerArcFlag1}, 0, ${x2}, ${y2}`;
|
|
26
|
+
const arc2 = `A ${r}, ${r}, 0, ${largerArcFlag2}, 0, ${x3}, ${y3}`;
|
|
27
|
+
const arcEnd = closedPath ? "Z" : "";
|
|
28
|
+
return `${arcStart} ${arc1} ${arc2} ${arcEnd}`;
|
|
34
29
|
};
|
|
35
|
-
|
|
36
|
-
var evaluateProps = function (props) {
|
|
30
|
+
const evaluateProps = props => {
|
|
37
31
|
/**
|
|
38
32
|
* Potential evaluated props are:
|
|
39
33
|
* `ariaLabel`
|
|
@@ -42,31 +36,34 @@ var evaluateProps = function (props) {
|
|
|
42
36
|
* `style`
|
|
43
37
|
* `tabIndex`
|
|
44
38
|
*/
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
39
|
+
const ariaLabel = Helpers.evaluateProp(props.ariaLabel, props);
|
|
40
|
+
const desc = Helpers.evaluateProp(props.desc, props);
|
|
41
|
+
const id = Helpers.evaluateProp(props.id, props);
|
|
42
|
+
const style = Helpers.evaluateStyle(Object.assign({
|
|
49
43
|
stroke: "black",
|
|
50
44
|
fill: "none"
|
|
51
45
|
}, props.style), props);
|
|
52
|
-
|
|
46
|
+
const tabIndex = Helpers.evaluateProp(props.tabIndex, props);
|
|
53
47
|
return Object.assign({}, props, {
|
|
54
|
-
ariaLabel
|
|
55
|
-
desc
|
|
56
|
-
id
|
|
57
|
-
style
|
|
58
|
-
tabIndex
|
|
48
|
+
ariaLabel,
|
|
49
|
+
desc,
|
|
50
|
+
id,
|
|
51
|
+
style,
|
|
52
|
+
tabIndex
|
|
59
53
|
});
|
|
60
54
|
};
|
|
61
|
-
|
|
62
|
-
var defaultProps = {
|
|
55
|
+
const defaultProps = {
|
|
63
56
|
pathComponent: /*#__PURE__*/React.createElement(Path, null),
|
|
64
57
|
role: "presentation",
|
|
65
58
|
shapeRendering: "auto"
|
|
66
59
|
};
|
|
67
|
-
export
|
|
68
|
-
|
|
69
|
-
|
|
60
|
+
export const Arc = initialProps => {
|
|
61
|
+
const props = evaluateProps({
|
|
62
|
+
...defaultProps,
|
|
63
|
+
...initialProps
|
|
64
|
+
});
|
|
65
|
+
return /*#__PURE__*/React.cloneElement(props.pathComponent, {
|
|
66
|
+
...props.events,
|
|
70
67
|
"aria-label": props.ariaLabel,
|
|
71
68
|
d: getArcPath(props),
|
|
72
69
|
style: props.style,
|
|
@@ -77,5 +74,5 @@ export var Arc = function (initialProps) {
|
|
|
77
74
|
shapeRendering: props.shapeRendering,
|
|
78
75
|
transform: props.transform,
|
|
79
76
|
clipPath: props.clipPath
|
|
80
|
-
})
|
|
77
|
+
});
|
|
81
78
|
};
|
|
@@ -1,34 +1,30 @@
|
|
|
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 { Rect } from "./rect";
|
|
10
4
|
import { Circle } from "./circle";
|
|
11
|
-
|
|
12
|
-
var evaluateProps = function (props) {
|
|
5
|
+
const evaluateProps = props => {
|
|
13
6
|
/**
|
|
14
7
|
* Potential evaluated prop is:
|
|
15
8
|
* `id`
|
|
16
9
|
*/
|
|
17
|
-
|
|
10
|
+
const id = Helpers.evaluateProp(props.id, props);
|
|
18
11
|
return Object.assign({}, props, {
|
|
19
|
-
id
|
|
12
|
+
id
|
|
20
13
|
});
|
|
21
14
|
};
|
|
22
|
-
|
|
23
|
-
var defaultProps = {
|
|
15
|
+
const defaultProps = {
|
|
24
16
|
circleComponent: /*#__PURE__*/React.createElement(Circle, null),
|
|
25
17
|
rectComponent: /*#__PURE__*/React.createElement(Rect, null),
|
|
26
18
|
role: "presentation",
|
|
27
19
|
shapeRendering: "auto"
|
|
28
20
|
};
|
|
29
|
-
export
|
|
30
|
-
|
|
31
|
-
|
|
21
|
+
export const Background = initialProps => {
|
|
22
|
+
const props = evaluateProps({
|
|
23
|
+
...defaultProps,
|
|
24
|
+
...initialProps
|
|
25
|
+
});
|
|
26
|
+
return props.polar ? /*#__PURE__*/React.cloneElement(props.circleComponent, {
|
|
27
|
+
...props.events,
|
|
32
28
|
style: props.style,
|
|
33
29
|
role: props.role,
|
|
34
30
|
shapeRendering: props.shapeRendering,
|
|
@@ -36,7 +32,8 @@ export var Background = function (initialProps) {
|
|
|
36
32
|
cy: props.y,
|
|
37
33
|
r: props.height,
|
|
38
34
|
className: props.className
|
|
39
|
-
})
|
|
35
|
+
}) : /*#__PURE__*/React.cloneElement(props.rectComponent, {
|
|
36
|
+
...props.events,
|
|
40
37
|
style: props.style,
|
|
41
38
|
role: props.role,
|
|
42
39
|
shapeRendering: props.shapeRendering,
|
|
@@ -47,5 +44,5 @@ export var Background = function (initialProps) {
|
|
|
47
44
|
width: props.width,
|
|
48
45
|
height: props.height,
|
|
49
46
|
className: props.className
|
|
50
|
-
})
|
|
47
|
+
});
|
|
51
48
|
};
|
|
@@ -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 { Rect } from "./rect";
|
|
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
|
fill: "none"
|
|
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
|
rectComponent: /*#__PURE__*/React.createElement(Rect, null),
|
|
38
30
|
role: "presentation",
|
|
39
31
|
shapeRendering: "auto"
|
|
40
32
|
};
|
|
41
|
-
export
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
export const Border = initialProps => {
|
|
34
|
+
const props = evaluateProps({
|
|
35
|
+
...defaultProps,
|
|
36
|
+
...initialProps
|
|
37
|
+
});
|
|
38
|
+
return /*#__PURE__*/React.cloneElement(props.rectComponent, {
|
|
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 Border = function (initialProps) {
|
|
|
54
50
|
width: props.width,
|
|
55
51
|
height: props.height,
|
|
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 Circle = /*#__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("circle", _extends({}, svgProps, {
|
|
36
22
|
ref: ref
|
|
37
23
|
}), /*#__PURE__*/React.createElement("desc", null, desc)) : /*#__PURE__*/React.createElement("circle", _extends({}, svgProps, {
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
return /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
6
|
-
id: (_props$clipId = props.clipId) === null || _props$clipId === void 0 ? void 0 : _props$clipId.toString()
|
|
7
|
-
}, props.children));
|
|
8
|
-
};
|
|
2
|
+
export const ClipPath = props => /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
3
|
+
id: props.clipId?.toString()
|
|
4
|
+
}, props.children));
|