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.
Files changed (54) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/victory-bar.js +278 -415
  3. package/dist/victory-bar.min.js +1 -1
  4. package/es/bar-helper-methods.d.ts +7 -0
  5. package/es/bar-helper-methods.js +7 -3
  6. package/es/bar.d.ts +20 -0
  7. package/es/bar.js +15 -34
  8. package/es/geometry-helper-methods.d.ts +91 -0
  9. package/es/geometry-helper-methods.js +4 -13
  10. package/es/helper-methods.d.ts +8 -0
  11. package/es/index.d.ts +6 -73
  12. package/es/index.js +2 -2
  13. package/es/path-helper-methods.d.ts +7 -0
  14. package/es/path-helper-methods.js +2 -2
  15. package/es/victory-bar.d.ts +129 -0
  16. package/es/victory-bar.js +24 -42
  17. package/lib/bar-helper-methods.d.ts +7 -0
  18. package/lib/bar-helper-methods.js +8 -3
  19. package/lib/bar.d.ts +20 -0
  20. package/lib/bar.js +14 -34
  21. package/lib/geometry-helper-methods.d.ts +91 -0
  22. package/lib/geometry-helper-methods.js +3 -10
  23. package/lib/helper-methods.d.ts +8 -0
  24. package/lib/index.d.ts +6 -73
  25. package/lib/index.js +39 -17
  26. package/lib/path-helper-methods.d.ts +7 -0
  27. package/lib/path-helper-methods.js +2 -2
  28. package/lib/victory-bar.d.ts +129 -0
  29. package/lib/victory-bar.js +26 -47
  30. package/package.json +3 -3
  31. package/src/{bar-helper-methods.js → bar-helper-methods.ts} +36 -11
  32. package/src/{bar.js → bar.tsx} +44 -41
  33. package/src/geometry-helper-methods.ts +103 -0
  34. package/src/{helper-methods.js → helper-methods.ts} +2 -2
  35. package/src/{index.js → index.ts} +2 -2
  36. package/src/{path-helper-methods.js → path-helper-methods.ts} +11 -8
  37. package/src/{victory-bar.js → victory-bar.tsx} +57 -32
  38. package/es/v37/victory-bar-v1.d.ts +0 -24
  39. package/es/v37/victory-bar-v1.js +0 -102
  40. package/es/v37/victory-bar-v2.d.ts +0 -24
  41. package/es/v37/victory-bar-v2.js +0 -97
  42. package/es/v37/victory-bar.stories.d.ts +0 -19
  43. package/es/v37/victory-bar.stories.js +0 -22
  44. package/lib/v37/victory-bar-v1.d.ts +0 -24
  45. package/lib/v37/victory-bar-v1.js +0 -123
  46. package/lib/v37/victory-bar-v2.d.ts +0 -24
  47. package/lib/v37/victory-bar-v2.js +0 -114
  48. package/lib/v37/victory-bar.stories.d.ts +0 -19
  49. package/lib/v37/victory-bar.stories.js +0 -45
  50. package/src/geometry-helper-methods.js +0 -113
  51. package/src/index.d.ts +0 -73
  52. package/src/v37/victory-bar-v1.tsx +0 -129
  53. package/src/v37/victory-bar-v2.tsx +0 -96
  54. 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
@@ -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
@@ -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;