victory-bar 36.7.0 → 36.8.2
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 +18 -0
- package/dist/victory-bar.js +278 -415
- package/dist/victory-bar.min.js +1 -1
- package/es/bar-helper-methods.d.ts +7 -0
- package/es/bar-helper-methods.js +7 -3
- package/es/bar.d.ts +20 -0
- package/es/bar.js +15 -34
- package/es/geometry-helper-methods.d.ts +91 -0
- package/es/geometry-helper-methods.js +4 -13
- package/es/helper-methods.d.ts +8 -0
- package/es/index.d.ts +6 -73
- package/es/index.js +2 -2
- package/es/path-helper-methods.d.ts +7 -0
- package/es/path-helper-methods.js +2 -2
- package/es/victory-bar.d.ts +129 -0
- package/es/victory-bar.js +24 -42
- package/lib/bar-helper-methods.d.ts +7 -0
- package/lib/bar-helper-methods.js +8 -3
- package/lib/bar.d.ts +20 -0
- package/lib/bar.js +14 -34
- package/lib/geometry-helper-methods.d.ts +91 -0
- package/lib/geometry-helper-methods.js +3 -10
- package/lib/helper-methods.d.ts +8 -0
- package/lib/index.d.ts +6 -73
- package/lib/index.js +39 -17
- package/lib/path-helper-methods.d.ts +7 -0
- package/lib/path-helper-methods.js +2 -2
- package/lib/victory-bar.d.ts +129 -0
- package/lib/victory-bar.js +26 -47
- package/package.json +3 -3
- package/src/{bar-helper-methods.js → bar-helper-methods.ts} +36 -11
- package/src/{bar.js → bar.tsx} +44 -41
- package/src/geometry-helper-methods.ts +103 -0
- package/src/{helper-methods.js → helper-methods.ts} +2 -2
- package/src/{index.js → index.ts} +2 -2
- package/src/{path-helper-methods.js → path-helper-methods.ts} +11 -8
- package/src/{victory-bar.js → victory-bar.tsx} +57 -32
- package/es/v37/victory-bar-v1.d.ts +0 -24
- package/es/v37/victory-bar-v1.js +0 -102
- package/es/v37/victory-bar-v2.d.ts +0 -24
- package/es/v37/victory-bar-v2.js +0 -97
- package/es/v37/victory-bar.stories.d.ts +0 -19
- package/es/v37/victory-bar.stories.js +0 -22
- package/lib/v37/victory-bar-v1.d.ts +0 -24
- package/lib/v37/victory-bar-v1.js +0 -123
- package/lib/v37/victory-bar-v2.d.ts +0 -24
- package/lib/v37/victory-bar-v2.js +0 -114
- package/lib/v37/victory-bar.stories.d.ts +0 -19
- package/lib/v37/victory-bar.stories.js +0 -45
- package/src/geometry-helper-methods.js +0 -113
- package/src/index.d.ts +0 -73
- package/src/v37/victory-bar-v1.tsx +0 -129
- package/src/v37/victory-bar-v2.tsx +0 -96
- package/src/v37/victory-bar.stories.tsx +0 -28
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { NumberOrCallback, VictoryCommonProps, VictoryDatableProps } from "victory-core";
|
|
3
|
-
import { VictoryProviderProps } from "victory-core/es/v37";
|
|
4
|
-
export declare type VictoryBarAlignmentType = "start" | "middle" | "end";
|
|
5
|
-
export interface VictoryBarProps extends VictoryCommonProps, VictoryDatableProps {
|
|
6
|
-
alignment?: VictoryBarAlignmentType;
|
|
7
|
-
barRatio?: number;
|
|
8
|
-
barWidth?: NumberOrCallback;
|
|
9
|
-
cornerRadius?: NumberOrCallback | {
|
|
10
|
-
top?: NumberOrCallback;
|
|
11
|
-
topLeft?: NumberOrCallback;
|
|
12
|
-
topRight?: NumberOrCallback;
|
|
13
|
-
bottom?: NumberOrCallback;
|
|
14
|
-
bottomLeft?: NumberOrCallback;
|
|
15
|
-
bottomRight?: NumberOrCallback;
|
|
16
|
-
};
|
|
17
|
-
dataComponent?: React.ReactElement;
|
|
18
|
-
groupComponent?: React.ReactElement;
|
|
19
|
-
horizontal?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export declare function withContainer<Props extends VictoryCommonProps>(WrappedComponent: (props: Props) => React.ReactElement, initialProviderProps?: Partial<VictoryProviderProps>): (props: Props) => JSX.Element;
|
|
22
|
-
declare const _default: (props: VictoryBarProps) => JSX.Element;
|
|
23
|
-
export default _default;
|
|
24
|
-
//# sourceMappingURL=victory-bar-v1.d.ts.map
|
package/es/v37/victory-bar-v1.js
DELETED
|
@@ -1,102 +0,0 @@
|
|
|
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
|
-
/* eslint-disable react/no-multi-comp */
|
|
8
|
-
import * as React from "react";
|
|
9
|
-
import { VictoryContainer } from "victory-core";
|
|
10
|
-
import { useData, useDomain, useScale, VictoryProvider } from "victory-core/es/v37";
|
|
11
|
-
import Bar from "../bar";
|
|
12
|
-
import { getBarPosition } from "../helper-methods"; // This is a demo component that uses VictoryProvider to access calculated props and state.
|
|
13
|
-
// This component does not include events, animations, or styling.
|
|
14
|
-
// To test out, swap out the VictoryBar export in ./index.js and run `pnpm run storybook:server`.
|
|
15
|
-
|
|
16
|
-
var defaultProps = {
|
|
17
|
-
data: [{
|
|
18
|
-
x: 1,
|
|
19
|
-
y: 1
|
|
20
|
-
}, {
|
|
21
|
-
x: 2,
|
|
22
|
-
y: 2
|
|
23
|
-
}, {
|
|
24
|
-
x: 3,
|
|
25
|
-
y: 3
|
|
26
|
-
}, {
|
|
27
|
-
x: 4,
|
|
28
|
-
y: 4
|
|
29
|
-
}],
|
|
30
|
-
height: 300,
|
|
31
|
-
includeZero: true,
|
|
32
|
-
padding: 50,
|
|
33
|
-
sortOrder: "ascending",
|
|
34
|
-
width: 450
|
|
35
|
-
};
|
|
36
|
-
// TODO: This would be a shared helper that allows us to access context values in the base component
|
|
37
|
-
export function withContainer(WrappedComponent) {
|
|
38
|
-
var initialProviderProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
39
|
-
return function (props) {
|
|
40
|
-
var providerProps = _objectSpread(_objectSpread({}, initialProviderProps), props);
|
|
41
|
-
|
|
42
|
-
var _props$standalone = props.standalone,
|
|
43
|
-
standalone = _props$standalone === void 0 ? true : _props$standalone,
|
|
44
|
-
_props$containerCompo = props.containerComponent,
|
|
45
|
-
containerComponent = _props$containerCompo === void 0 ? /*#__PURE__*/React.createElement(VictoryContainer, null) : _props$containerCompo;
|
|
46
|
-
|
|
47
|
-
if (standalone) {
|
|
48
|
-
return /*#__PURE__*/React.createElement(VictoryProvider, providerProps, /*#__PURE__*/React.cloneElement(containerComponent, providerProps, /*#__PURE__*/React.createElement(WrappedComponent, props)));
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
return /*#__PURE__*/React.createElement(VictoryProvider, providerProps, /*#__PURE__*/React.createElement(WrappedComponent, props));
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
function VictoryBar(_ref) {
|
|
56
|
-
var _ref$dataComponent = _ref.dataComponent,
|
|
57
|
-
dataComponent = _ref$dataComponent === void 0 ? /*#__PURE__*/React.createElement(Bar, null) : _ref$dataComponent,
|
|
58
|
-
_ref$groupComponent = _ref.groupComponent,
|
|
59
|
-
groupComponent = _ref$groupComponent === void 0 ? /*#__PURE__*/React.createElement("g", {
|
|
60
|
-
role: "presentation"
|
|
61
|
-
}) : _ref$groupComponent,
|
|
62
|
-
alignment = _ref.alignment,
|
|
63
|
-
barRatio = _ref.barRatio,
|
|
64
|
-
barWidth = _ref.barWidth,
|
|
65
|
-
cornerRadius = _ref.cornerRadius,
|
|
66
|
-
_ref$horizontal = _ref.horizontal,
|
|
67
|
-
horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal;
|
|
68
|
-
var scale = useScale();
|
|
69
|
-
var data = useData();
|
|
70
|
-
var domain = useDomain();
|
|
71
|
-
var children = data.map(function (datum, i) {
|
|
72
|
-
var _getBarPosition = getBarPosition({
|
|
73
|
-
domain: domain,
|
|
74
|
-
scale: scale,
|
|
75
|
-
horizontal: horizontal
|
|
76
|
-
}, datum),
|
|
77
|
-
x = _getBarPosition.x,
|
|
78
|
-
y = _getBarPosition.y,
|
|
79
|
-
x0 = _getBarPosition.x0,
|
|
80
|
-
y0 = _getBarPosition.y0;
|
|
81
|
-
|
|
82
|
-
var dataProps = {
|
|
83
|
-
index: i,
|
|
84
|
-
key: "bar-".concat(i),
|
|
85
|
-
alignment: alignment,
|
|
86
|
-
barRatio: barRatio,
|
|
87
|
-
barWidth: barWidth,
|
|
88
|
-
cornerRadius: cornerRadius,
|
|
89
|
-
scale: scale,
|
|
90
|
-
data: data,
|
|
91
|
-
x: x,
|
|
92
|
-
y: y,
|
|
93
|
-
x0: x0,
|
|
94
|
-
y0: y0,
|
|
95
|
-
datum: datum
|
|
96
|
-
};
|
|
97
|
-
return /*#__PURE__*/React.cloneElement(dataComponent, dataProps);
|
|
98
|
-
});
|
|
99
|
-
return /*#__PURE__*/React.cloneElement(groupComponent, {}, children);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
export default withContainer(VictoryBar, defaultProps);
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Datum, NumberOrCallback } from "victory-core";
|
|
3
|
-
import { VictoryCalculatedStateProps } from "victory-core/es/v37";
|
|
4
|
-
export declare type VictoryBarAlignmentType = "start" | "middle" | "end";
|
|
5
|
-
export interface VictoryBarProps extends VictoryCalculatedStateProps {
|
|
6
|
-
alignment?: VictoryBarAlignmentType;
|
|
7
|
-
barRatio?: number;
|
|
8
|
-
barWidth?: NumberOrCallback;
|
|
9
|
-
cornerRadius?: NumberOrCallback | {
|
|
10
|
-
top?: NumberOrCallback;
|
|
11
|
-
topLeft?: NumberOrCallback;
|
|
12
|
-
topRight?: NumberOrCallback;
|
|
13
|
-
bottom?: NumberOrCallback;
|
|
14
|
-
bottomLeft?: NumberOrCallback;
|
|
15
|
-
bottomRight?: NumberOrCallback;
|
|
16
|
-
};
|
|
17
|
-
data?: Datum[];
|
|
18
|
-
dataComponent?: React.ReactElement;
|
|
19
|
-
groupComponent?: React.ReactElement;
|
|
20
|
-
horizontal?: boolean;
|
|
21
|
-
}
|
|
22
|
-
declare const _default: React.FC<VictoryBarProps>;
|
|
23
|
-
export default _default;
|
|
24
|
-
//# sourceMappingURL=victory-bar-v2.d.ts.map
|
package/es/v37/victory-bar-v2.js
DELETED
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
var _excluded = ["alignment", "barRatio", "barWidth", "cornerRadius", "data", "dataComponent", "groupComponent", "includeZero", "horizontal", "sortOrder"];
|
|
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
|
-
/* eslint-disable react/no-multi-comp */
|
|
14
|
-
import * as React from "react";
|
|
15
|
-
import { useData, useDomain, useScale, useVictoryProviderSync, withContainer } from "victory-core/es/v37";
|
|
16
|
-
import Bar from "../bar";
|
|
17
|
-
import { getBarPosition } from "../helper-methods";
|
|
18
|
-
|
|
19
|
-
function VictoryBar(_ref) {
|
|
20
|
-
var _ref$alignment = _ref.alignment,
|
|
21
|
-
alignment = _ref$alignment === void 0 ? "middle" : _ref$alignment,
|
|
22
|
-
barRatio = _ref.barRatio,
|
|
23
|
-
barWidth = _ref.barWidth,
|
|
24
|
-
cornerRadius = _ref.cornerRadius,
|
|
25
|
-
_ref$data = _ref.data,
|
|
26
|
-
data = _ref$data === void 0 ? [{
|
|
27
|
-
x: 1,
|
|
28
|
-
y: 1
|
|
29
|
-
}, {
|
|
30
|
-
x: 2,
|
|
31
|
-
y: 2
|
|
32
|
-
}, {
|
|
33
|
-
x: 3,
|
|
34
|
-
y: 3
|
|
35
|
-
}, {
|
|
36
|
-
x: 4,
|
|
37
|
-
y: 4
|
|
38
|
-
}] : _ref$data,
|
|
39
|
-
_ref$dataComponent = _ref.dataComponent,
|
|
40
|
-
dataComponent = _ref$dataComponent === void 0 ? /*#__PURE__*/React.createElement(Bar, null) : _ref$dataComponent,
|
|
41
|
-
_ref$groupComponent = _ref.groupComponent,
|
|
42
|
-
groupComponent = _ref$groupComponent === void 0 ? /*#__PURE__*/React.createElement("g", {
|
|
43
|
-
role: "presentation"
|
|
44
|
-
}) : _ref$groupComponent,
|
|
45
|
-
_ref$includeZero = _ref.includeZero,
|
|
46
|
-
includeZero = _ref$includeZero === void 0 ? true : _ref$includeZero,
|
|
47
|
-
_ref$horizontal = _ref.horizontal,
|
|
48
|
-
horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
|
|
49
|
-
_ref$sortOrder = _ref.sortOrder,
|
|
50
|
-
sortOrder = _ref$sortOrder === void 0 ? "ascending" : _ref$sortOrder,
|
|
51
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
52
|
-
|
|
53
|
-
// Typescript works best when we provide defaults in the destructured
|
|
54
|
-
// component props. However, I am anticipating confusion about which props
|
|
55
|
-
// we will need to pass back up to the provider vs. the props that are only
|
|
56
|
-
// used in this component.
|
|
57
|
-
useVictoryProviderSync(_objectSpread({
|
|
58
|
-
data: data,
|
|
59
|
-
includeZero: includeZero,
|
|
60
|
-
sortOrder: sortOrder
|
|
61
|
-
}, props));
|
|
62
|
-
var scale = useScale();
|
|
63
|
-
var domain = useDomain(); // TODO: Do we need to get this from context?
|
|
64
|
-
|
|
65
|
-
var formattedData = useData();
|
|
66
|
-
var barPositionProps = {
|
|
67
|
-
domain: domain,
|
|
68
|
-
scale: scale,
|
|
69
|
-
horizontal: horizontal
|
|
70
|
-
};
|
|
71
|
-
var children = formattedData.map(function (datum, i) {
|
|
72
|
-
var _getBarPosition = getBarPosition(barPositionProps, datum),
|
|
73
|
-
x = _getBarPosition.x,
|
|
74
|
-
y = _getBarPosition.y,
|
|
75
|
-
y0 = _getBarPosition.y0;
|
|
76
|
-
|
|
77
|
-
var dataProps = {
|
|
78
|
-
index: i,
|
|
79
|
-
key: "bar-".concat(i),
|
|
80
|
-
alignment: alignment,
|
|
81
|
-
barRatio: barRatio,
|
|
82
|
-
barWidth: barWidth,
|
|
83
|
-
cornerRadius: cornerRadius,
|
|
84
|
-
scale: scale,
|
|
85
|
-
data: data,
|
|
86
|
-
x: x,
|
|
87
|
-
y: y,
|
|
88
|
-
y0: y0,
|
|
89
|
-
datum: datum
|
|
90
|
-
};
|
|
91
|
-
return /*#__PURE__*/React.cloneElement(dataComponent, dataProps);
|
|
92
|
-
});
|
|
93
|
-
return /*#__PURE__*/React.cloneElement(groupComponent, {}, children);
|
|
94
|
-
} // @ts-expect-error we need to work out what props this withContainer wrapper accepts
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
export default withContainer(VictoryBar);
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
parameters: {
|
|
5
|
-
chromatic: {
|
|
6
|
-
disableSnapshot: boolean;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
component: React.FC<import("./victory-bar-v2").VictoryBarProps>;
|
|
10
|
-
};
|
|
11
|
-
export default _default;
|
|
12
|
-
export declare const Demo: {
|
|
13
|
-
(props: any): JSX.Element;
|
|
14
|
-
args: {
|
|
15
|
-
barRatio: number;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export declare const WithChart: (props: any) => JSX.Element;
|
|
19
|
-
//# sourceMappingURL=victory-bar.stories.d.ts.map
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/* eslint-disable react/no-multi-comp */
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import VictoryBar from "./victory-bar-v2";
|
|
4
|
-
import VictoryChart from "victory-chart/es/v37/victory-chart";
|
|
5
|
-
export default {
|
|
6
|
-
title: "v37/VictoryBar",
|
|
7
|
-
parameters: {
|
|
8
|
-
chromatic: {
|
|
9
|
-
disableSnapshot: true
|
|
10
|
-
}
|
|
11
|
-
},
|
|
12
|
-
component: VictoryBar
|
|
13
|
-
};
|
|
14
|
-
export var Demo = function (props) {
|
|
15
|
-
return /*#__PURE__*/React.createElement(VictoryBar, props);
|
|
16
|
-
};
|
|
17
|
-
Demo.args = {
|
|
18
|
-
barRatio: 0.5
|
|
19
|
-
};
|
|
20
|
-
export var WithChart = function (props) {
|
|
21
|
-
return /*#__PURE__*/React.createElement(VictoryChart, props, /*#__PURE__*/React.createElement(VictoryBar, null));
|
|
22
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { NumberOrCallback, VictoryCommonProps, VictoryDatableProps } from "victory-core";
|
|
3
|
-
import { VictoryProviderProps } from "victory-core/es/v37";
|
|
4
|
-
export declare type VictoryBarAlignmentType = "start" | "middle" | "end";
|
|
5
|
-
export interface VictoryBarProps extends VictoryCommonProps, VictoryDatableProps {
|
|
6
|
-
alignment?: VictoryBarAlignmentType;
|
|
7
|
-
barRatio?: number;
|
|
8
|
-
barWidth?: NumberOrCallback;
|
|
9
|
-
cornerRadius?: NumberOrCallback | {
|
|
10
|
-
top?: NumberOrCallback;
|
|
11
|
-
topLeft?: NumberOrCallback;
|
|
12
|
-
topRight?: NumberOrCallback;
|
|
13
|
-
bottom?: NumberOrCallback;
|
|
14
|
-
bottomLeft?: NumberOrCallback;
|
|
15
|
-
bottomRight?: NumberOrCallback;
|
|
16
|
-
};
|
|
17
|
-
dataComponent?: React.ReactElement;
|
|
18
|
-
groupComponent?: React.ReactElement;
|
|
19
|
-
horizontal?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export declare function withContainer<Props extends VictoryCommonProps>(WrappedComponent: (props: Props) => React.ReactElement, initialProviderProps?: Partial<VictoryProviderProps>): (props: Props) => JSX.Element;
|
|
22
|
-
declare const _default: (props: VictoryBarProps) => JSX.Element;
|
|
23
|
-
export default _default;
|
|
24
|
-
//# sourceMappingURL=victory-bar-v1.d.ts.map
|
|
@@ -1,123 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
exports.withContainer = withContainer;
|
|
8
|
-
|
|
9
|
-
var React = _interopRequireWildcard(require("react"));
|
|
10
|
-
|
|
11
|
-
var _victoryCore = require("victory-core");
|
|
12
|
-
|
|
13
|
-
var _v = require("victory-core/es/v37");
|
|
14
|
-
|
|
15
|
-
var _bar = _interopRequireDefault(require("../bar"));
|
|
16
|
-
|
|
17
|
-
var _helperMethods = require("../helper-methods");
|
|
18
|
-
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
|
-
|
|
21
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
22
|
-
|
|
23
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
24
|
-
|
|
25
|
-
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; }
|
|
26
|
-
|
|
27
|
-
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; }
|
|
28
|
-
|
|
29
|
-
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; }
|
|
30
|
-
|
|
31
|
-
// This is a demo component that uses VictoryProvider to access calculated props and state.
|
|
32
|
-
// This component does not include events, animations, or styling.
|
|
33
|
-
// To test out, swap out the VictoryBar export in ./index.js and run `pnpm run storybook:server`.
|
|
34
|
-
var defaultProps = {
|
|
35
|
-
data: [{
|
|
36
|
-
x: 1,
|
|
37
|
-
y: 1
|
|
38
|
-
}, {
|
|
39
|
-
x: 2,
|
|
40
|
-
y: 2
|
|
41
|
-
}, {
|
|
42
|
-
x: 3,
|
|
43
|
-
y: 3
|
|
44
|
-
}, {
|
|
45
|
-
x: 4,
|
|
46
|
-
y: 4
|
|
47
|
-
}],
|
|
48
|
-
height: 300,
|
|
49
|
-
includeZero: true,
|
|
50
|
-
padding: 50,
|
|
51
|
-
sortOrder: "ascending",
|
|
52
|
-
width: 450
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
// TODO: This would be a shared helper that allows us to access context values in the base component
|
|
56
|
-
function withContainer(WrappedComponent) {
|
|
57
|
-
var initialProviderProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
58
|
-
return function (props) {
|
|
59
|
-
var providerProps = _objectSpread(_objectSpread({}, initialProviderProps), props);
|
|
60
|
-
|
|
61
|
-
var _props$standalone = props.standalone,
|
|
62
|
-
standalone = _props$standalone === void 0 ? true : _props$standalone,
|
|
63
|
-
_props$containerCompo = props.containerComponent,
|
|
64
|
-
containerComponent = _props$containerCompo === void 0 ? /*#__PURE__*/React.createElement(_victoryCore.VictoryContainer, null) : _props$containerCompo;
|
|
65
|
-
|
|
66
|
-
if (standalone) {
|
|
67
|
-
return /*#__PURE__*/React.createElement(_v.VictoryProvider, providerProps, /*#__PURE__*/React.cloneElement(containerComponent, providerProps, /*#__PURE__*/React.createElement(WrappedComponent, props)));
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
return /*#__PURE__*/React.createElement(_v.VictoryProvider, providerProps, /*#__PURE__*/React.createElement(WrappedComponent, props));
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
function VictoryBar(_ref) {
|
|
75
|
-
var _ref$dataComponent = _ref.dataComponent,
|
|
76
|
-
dataComponent = _ref$dataComponent === void 0 ? /*#__PURE__*/React.createElement(_bar.default, null) : _ref$dataComponent,
|
|
77
|
-
_ref$groupComponent = _ref.groupComponent,
|
|
78
|
-
groupComponent = _ref$groupComponent === void 0 ? /*#__PURE__*/React.createElement("g", {
|
|
79
|
-
role: "presentation"
|
|
80
|
-
}) : _ref$groupComponent,
|
|
81
|
-
alignment = _ref.alignment,
|
|
82
|
-
barRatio = _ref.barRatio,
|
|
83
|
-
barWidth = _ref.barWidth,
|
|
84
|
-
cornerRadius = _ref.cornerRadius,
|
|
85
|
-
_ref$horizontal = _ref.horizontal,
|
|
86
|
-
horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal;
|
|
87
|
-
var scale = (0, _v.useScale)();
|
|
88
|
-
var data = (0, _v.useData)();
|
|
89
|
-
var domain = (0, _v.useDomain)();
|
|
90
|
-
var children = data.map(function (datum, i) {
|
|
91
|
-
var _getBarPosition = (0, _helperMethods.getBarPosition)({
|
|
92
|
-
domain: domain,
|
|
93
|
-
scale: scale,
|
|
94
|
-
horizontal: horizontal
|
|
95
|
-
}, datum),
|
|
96
|
-
x = _getBarPosition.x,
|
|
97
|
-
y = _getBarPosition.y,
|
|
98
|
-
x0 = _getBarPosition.x0,
|
|
99
|
-
y0 = _getBarPosition.y0;
|
|
100
|
-
|
|
101
|
-
var dataProps = {
|
|
102
|
-
index: i,
|
|
103
|
-
key: "bar-".concat(i),
|
|
104
|
-
alignment: alignment,
|
|
105
|
-
barRatio: barRatio,
|
|
106
|
-
barWidth: barWidth,
|
|
107
|
-
cornerRadius: cornerRadius,
|
|
108
|
-
scale: scale,
|
|
109
|
-
data: data,
|
|
110
|
-
x: x,
|
|
111
|
-
y: y,
|
|
112
|
-
x0: x0,
|
|
113
|
-
y0: y0,
|
|
114
|
-
datum: datum
|
|
115
|
-
};
|
|
116
|
-
return /*#__PURE__*/React.cloneElement(dataComponent, dataProps);
|
|
117
|
-
});
|
|
118
|
-
return /*#__PURE__*/React.cloneElement(groupComponent, {}, children);
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
var _default = withContainer(VictoryBar, defaultProps);
|
|
122
|
-
|
|
123
|
-
exports.default = _default;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Datum, NumberOrCallback } from "victory-core";
|
|
3
|
-
import { VictoryCalculatedStateProps } from "victory-core/es/v37";
|
|
4
|
-
export declare type VictoryBarAlignmentType = "start" | "middle" | "end";
|
|
5
|
-
export interface VictoryBarProps extends VictoryCalculatedStateProps {
|
|
6
|
-
alignment?: VictoryBarAlignmentType;
|
|
7
|
-
barRatio?: number;
|
|
8
|
-
barWidth?: NumberOrCallback;
|
|
9
|
-
cornerRadius?: NumberOrCallback | {
|
|
10
|
-
top?: NumberOrCallback;
|
|
11
|
-
topLeft?: NumberOrCallback;
|
|
12
|
-
topRight?: NumberOrCallback;
|
|
13
|
-
bottom?: NumberOrCallback;
|
|
14
|
-
bottomLeft?: NumberOrCallback;
|
|
15
|
-
bottomRight?: NumberOrCallback;
|
|
16
|
-
};
|
|
17
|
-
data?: Datum[];
|
|
18
|
-
dataComponent?: React.ReactElement;
|
|
19
|
-
groupComponent?: React.ReactElement;
|
|
20
|
-
horizontal?: boolean;
|
|
21
|
-
}
|
|
22
|
-
declare const _default: React.FC<VictoryBarProps>;
|
|
23
|
-
export default _default;
|
|
24
|
-
//# sourceMappingURL=victory-bar-v2.d.ts.map
|
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _v = require("victory-core/es/v37");
|
|
11
|
-
|
|
12
|
-
var _bar = _interopRequireDefault(require("../bar"));
|
|
13
|
-
|
|
14
|
-
var _helperMethods = require("../helper-methods");
|
|
15
|
-
|
|
16
|
-
var _excluded = ["alignment", "barRatio", "barWidth", "cornerRadius", "data", "dataComponent", "groupComponent", "includeZero", "horizontal", "sortOrder"];
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
28
|
-
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; }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
33
|
-
|
|
34
|
-
function VictoryBar(_ref) {
|
|
35
|
-
var _ref$alignment = _ref.alignment,
|
|
36
|
-
alignment = _ref$alignment === void 0 ? "middle" : _ref$alignment,
|
|
37
|
-
barRatio = _ref.barRatio,
|
|
38
|
-
barWidth = _ref.barWidth,
|
|
39
|
-
cornerRadius = _ref.cornerRadius,
|
|
40
|
-
_ref$data = _ref.data,
|
|
41
|
-
data = _ref$data === void 0 ? [{
|
|
42
|
-
x: 1,
|
|
43
|
-
y: 1
|
|
44
|
-
}, {
|
|
45
|
-
x: 2,
|
|
46
|
-
y: 2
|
|
47
|
-
}, {
|
|
48
|
-
x: 3,
|
|
49
|
-
y: 3
|
|
50
|
-
}, {
|
|
51
|
-
x: 4,
|
|
52
|
-
y: 4
|
|
53
|
-
}] : _ref$data,
|
|
54
|
-
_ref$dataComponent = _ref.dataComponent,
|
|
55
|
-
dataComponent = _ref$dataComponent === void 0 ? /*#__PURE__*/React.createElement(_bar.default, null) : _ref$dataComponent,
|
|
56
|
-
_ref$groupComponent = _ref.groupComponent,
|
|
57
|
-
groupComponent = _ref$groupComponent === void 0 ? /*#__PURE__*/React.createElement("g", {
|
|
58
|
-
role: "presentation"
|
|
59
|
-
}) : _ref$groupComponent,
|
|
60
|
-
_ref$includeZero = _ref.includeZero,
|
|
61
|
-
includeZero = _ref$includeZero === void 0 ? true : _ref$includeZero,
|
|
62
|
-
_ref$horizontal = _ref.horizontal,
|
|
63
|
-
horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
|
|
64
|
-
_ref$sortOrder = _ref.sortOrder,
|
|
65
|
-
sortOrder = _ref$sortOrder === void 0 ? "ascending" : _ref$sortOrder,
|
|
66
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
67
|
-
|
|
68
|
-
// Typescript works best when we provide defaults in the destructured
|
|
69
|
-
// component props. However, I am anticipating confusion about which props
|
|
70
|
-
// we will need to pass back up to the provider vs. the props that are only
|
|
71
|
-
// used in this component.
|
|
72
|
-
(0, _v.useVictoryProviderSync)(_objectSpread({
|
|
73
|
-
data: data,
|
|
74
|
-
includeZero: includeZero,
|
|
75
|
-
sortOrder: sortOrder
|
|
76
|
-
}, props));
|
|
77
|
-
var scale = (0, _v.useScale)();
|
|
78
|
-
var domain = (0, _v.useDomain)(); // TODO: Do we need to get this from context?
|
|
79
|
-
|
|
80
|
-
var formattedData = (0, _v.useData)();
|
|
81
|
-
var barPositionProps = {
|
|
82
|
-
domain: domain,
|
|
83
|
-
scale: scale,
|
|
84
|
-
horizontal: horizontal
|
|
85
|
-
};
|
|
86
|
-
var children = formattedData.map(function (datum, i) {
|
|
87
|
-
var _getBarPosition = (0, _helperMethods.getBarPosition)(barPositionProps, datum),
|
|
88
|
-
x = _getBarPosition.x,
|
|
89
|
-
y = _getBarPosition.y,
|
|
90
|
-
y0 = _getBarPosition.y0;
|
|
91
|
-
|
|
92
|
-
var dataProps = {
|
|
93
|
-
index: i,
|
|
94
|
-
key: "bar-".concat(i),
|
|
95
|
-
alignment: alignment,
|
|
96
|
-
barRatio: barRatio,
|
|
97
|
-
barWidth: barWidth,
|
|
98
|
-
cornerRadius: cornerRadius,
|
|
99
|
-
scale: scale,
|
|
100
|
-
data: data,
|
|
101
|
-
x: x,
|
|
102
|
-
y: y,
|
|
103
|
-
y0: y0,
|
|
104
|
-
datum: datum
|
|
105
|
-
};
|
|
106
|
-
return /*#__PURE__*/React.cloneElement(dataComponent, dataProps);
|
|
107
|
-
});
|
|
108
|
-
return /*#__PURE__*/React.cloneElement(groupComponent, {}, children);
|
|
109
|
-
} // @ts-expect-error we need to work out what props this withContainer wrapper accepts
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
var _default = (0, _v.withContainer)(VictoryBar);
|
|
113
|
-
|
|
114
|
-
exports.default = _default;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
declare const _default: {
|
|
3
|
-
title: string;
|
|
4
|
-
parameters: {
|
|
5
|
-
chromatic: {
|
|
6
|
-
disableSnapshot: boolean;
|
|
7
|
-
};
|
|
8
|
-
};
|
|
9
|
-
component: React.FC<import("./victory-bar-v2").VictoryBarProps>;
|
|
10
|
-
};
|
|
11
|
-
export default _default;
|
|
12
|
-
export declare const Demo: {
|
|
13
|
-
(props: any): JSX.Element;
|
|
14
|
-
args: {
|
|
15
|
-
barRatio: number;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export declare const WithChart: (props: any) => JSX.Element;
|
|
19
|
-
//# sourceMappingURL=victory-bar.stories.d.ts.map
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.WithChart = exports.Demo = void 0;
|
|
7
|
-
|
|
8
|
-
var React = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _victoryBarV = _interopRequireDefault(require("./victory-bar-v2"));
|
|
11
|
-
|
|
12
|
-
var _victoryChart = _interopRequireDefault(require("victory-chart/es/v37/victory-chart"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
|
-
|
|
18
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
|
-
|
|
20
|
-
/* eslint-disable react/no-multi-comp */
|
|
21
|
-
var _default = {
|
|
22
|
-
title: "v37/VictoryBar",
|
|
23
|
-
parameters: {
|
|
24
|
-
chromatic: {
|
|
25
|
-
disableSnapshot: true
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
component: _victoryBarV.default
|
|
29
|
-
};
|
|
30
|
-
exports.default = _default;
|
|
31
|
-
|
|
32
|
-
var Demo = function (props) {
|
|
33
|
-
return /*#__PURE__*/React.createElement(_victoryBarV.default, props);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
exports.Demo = Demo;
|
|
37
|
-
Demo.args = {
|
|
38
|
-
barRatio: 0.5
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
var WithChart = function (props) {
|
|
42
|
-
return /*#__PURE__*/React.createElement(_victoryChart.default, props, /*#__PURE__*/React.createElement(_victoryBarV.default, null));
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
exports.WithChart = WithChart;
|