@mui/x-charts-pro 7.0.0-beta.3 → 7.0.0-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/BarChartPro/BarChartPro.js +42 -3
- package/CHANGELOG.md +224 -43
- package/ChartContainerPro/ChartContainerPro.js +20 -12
- package/ChartContainerPro/useChartContainerProProps.d.ts +1 -0
- package/ChartContainerPro/useChartContainerProProps.js +3 -1
- package/Heatmap/Heatmap.d.ts +1 -1
- package/LineChartPro/LineChartPro.js +91 -4
- package/ResponsiveChartContainerPro/ResponsiveChartContainerPro.js +5 -0
- package/ResponsiveChartContainerPro/useResponsiveChartContainerProProps.d.ts +1 -0
- package/ScatterChartPro/ScatterChartPro.js +6 -1
- package/index.js +1 -1
- package/internals/utils/releaseInfo.js +1 -1
- package/modern/BarChartPro/BarChartPro.js +42 -3
- package/modern/ChartContainerPro/ChartContainerPro.js +20 -12
- package/modern/ChartContainerPro/useChartContainerProProps.js +3 -1
- package/modern/LineChartPro/LineChartPro.js +91 -4
- package/modern/ResponsiveChartContainerPro/ResponsiveChartContainerPro.js +5 -0
- package/modern/ScatterChartPro/ScatterChartPro.js +6 -1
- package/modern/index.js +1 -1
- package/modern/internals/utils/releaseInfo.js +1 -1
- package/node/BarChartPro/BarChartPro.js +42 -3
- package/node/ChartContainerPro/ChartContainerPro.js +19 -11
- package/node/ChartContainerPro/useChartContainerProProps.js +3 -1
- package/node/LineChartPro/LineChartPro.js +91 -4
- package/node/ResponsiveChartContainerPro/ResponsiveChartContainerPro.js +5 -0
- package/node/ScatterChartPro/ScatterChartPro.js +6 -1
- package/node/index.js +1 -1
- package/node/internals/utils/releaseInfo.js +1 -1
- package/package.json +9 -9
|
@@ -24,6 +24,7 @@ const useChartContainerProProps = (props, ref) => {
|
|
|
24
24
|
highlightedProviderProps,
|
|
25
25
|
chartsSurfaceProps,
|
|
26
26
|
pluginProviderProps,
|
|
27
|
+
animationProviderProps,
|
|
27
28
|
xAxis,
|
|
28
29
|
yAxis
|
|
29
30
|
} = (0, _internals.useChartContainerProps)(baseProps, ref);
|
|
@@ -42,7 +43,8 @@ const useChartContainerProProps = (props, ref) => {
|
|
|
42
43
|
cartesianProviderProps,
|
|
43
44
|
zAxisContextProps,
|
|
44
45
|
highlightedProviderProps,
|
|
45
|
-
chartsSurfaceProps
|
|
46
|
+
chartsSurfaceProps,
|
|
47
|
+
animationProviderProps
|
|
46
48
|
};
|
|
47
49
|
};
|
|
48
50
|
exports.useChartContainerProProps = useChartContainerProProps;
|
|
@@ -32,25 +32,112 @@ function AreaPlotZoom(props) {
|
|
|
32
32
|
isInteracting
|
|
33
33
|
} = (0, _useZoom.useZoom)();
|
|
34
34
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.AreaPlot, (0, _extends2.default)({}, props, {
|
|
35
|
-
skipAnimation: isInteracting
|
|
35
|
+
skipAnimation: isInteracting || undefined
|
|
36
36
|
}));
|
|
37
37
|
}
|
|
38
|
+
process.env.NODE_ENV !== "production" ? AreaPlotZoom.propTypes = {
|
|
39
|
+
// ----------------------------- Warning --------------------------------
|
|
40
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
41
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
42
|
+
// ----------------------------------------------------------------------
|
|
43
|
+
/**
|
|
44
|
+
* Callback fired when a line area item is clicked.
|
|
45
|
+
* @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
|
|
46
|
+
* @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
|
|
47
|
+
*/
|
|
48
|
+
onItemClick: _propTypes.default.func,
|
|
49
|
+
/**
|
|
50
|
+
* If `true`, animations are skipped.
|
|
51
|
+
* @default false
|
|
52
|
+
*/
|
|
53
|
+
skipAnimation: _propTypes.default.bool,
|
|
54
|
+
/**
|
|
55
|
+
* The props used for each component slot.
|
|
56
|
+
* @default {}
|
|
57
|
+
*/
|
|
58
|
+
slotProps: _propTypes.default.object,
|
|
59
|
+
/**
|
|
60
|
+
* Overridable component slots.
|
|
61
|
+
* @default {}
|
|
62
|
+
*/
|
|
63
|
+
slots: _propTypes.default.object
|
|
64
|
+
} : void 0;
|
|
38
65
|
function LinePlotZoom(props) {
|
|
39
66
|
const {
|
|
40
67
|
isInteracting
|
|
41
68
|
} = (0, _useZoom.useZoom)();
|
|
42
69
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LinePlot, (0, _extends2.default)({}, props, {
|
|
43
|
-
skipAnimation: isInteracting
|
|
70
|
+
skipAnimation: isInteracting || undefined
|
|
44
71
|
}));
|
|
45
72
|
}
|
|
73
|
+
process.env.NODE_ENV !== "production" ? LinePlotZoom.propTypes = {
|
|
74
|
+
// ----------------------------- Warning --------------------------------
|
|
75
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
76
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
77
|
+
// ----------------------------------------------------------------------
|
|
78
|
+
/**
|
|
79
|
+
* Callback fired when a line item is clicked.
|
|
80
|
+
* @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
|
|
81
|
+
* @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
|
|
82
|
+
*/
|
|
83
|
+
onItemClick: _propTypes.default.func,
|
|
84
|
+
/**
|
|
85
|
+
* If `true`, animations are skipped.
|
|
86
|
+
* @default false
|
|
87
|
+
*/
|
|
88
|
+
skipAnimation: _propTypes.default.bool,
|
|
89
|
+
/**
|
|
90
|
+
* The props used for each component slot.
|
|
91
|
+
* @default {}
|
|
92
|
+
*/
|
|
93
|
+
slotProps: _propTypes.default.object,
|
|
94
|
+
/**
|
|
95
|
+
* Overridable component slots.
|
|
96
|
+
* @default {}
|
|
97
|
+
*/
|
|
98
|
+
slots: _propTypes.default.object
|
|
99
|
+
} : void 0;
|
|
46
100
|
function MarkPlotZoom(props) {
|
|
47
101
|
const {
|
|
48
102
|
isInteracting
|
|
49
103
|
} = (0, _useZoom.useZoom)();
|
|
50
104
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.MarkPlot, (0, _extends2.default)({}, props, {
|
|
51
|
-
skipAnimation: isInteracting
|
|
105
|
+
skipAnimation: isInteracting || undefined
|
|
52
106
|
}));
|
|
53
107
|
}
|
|
108
|
+
process.env.NODE_ENV !== "production" ? MarkPlotZoom.propTypes = {
|
|
109
|
+
// ----------------------------- Warning --------------------------------
|
|
110
|
+
// | These PropTypes are generated from the TypeScript type definitions |
|
|
111
|
+
// | To update them edit the TypeScript types and run "pnpm proptypes" |
|
|
112
|
+
// ----------------------------------------------------------------------
|
|
113
|
+
/**
|
|
114
|
+
* If `true` the mark element will only be able to render circle.
|
|
115
|
+
* Giving fewer customization options, but saving around 40ms per 1.000 marks.
|
|
116
|
+
* @default false
|
|
117
|
+
*/
|
|
118
|
+
experimentalRendering: _propTypes.default.bool,
|
|
119
|
+
/**
|
|
120
|
+
* Callback fired when a line mark item is clicked.
|
|
121
|
+
* @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
|
|
122
|
+
* @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
|
|
123
|
+
*/
|
|
124
|
+
onItemClick: _propTypes.default.func,
|
|
125
|
+
/**
|
|
126
|
+
* If `true`, animations are skipped.
|
|
127
|
+
* @default false
|
|
128
|
+
*/
|
|
129
|
+
skipAnimation: _propTypes.default.bool,
|
|
130
|
+
/**
|
|
131
|
+
* The props used for each component slot.
|
|
132
|
+
* @default {}
|
|
133
|
+
*/
|
|
134
|
+
slotProps: _propTypes.default.object,
|
|
135
|
+
/**
|
|
136
|
+
* Overridable component slots.
|
|
137
|
+
* @default {}
|
|
138
|
+
*/
|
|
139
|
+
slots: _propTypes.default.object
|
|
140
|
+
} : void 0;
|
|
54
141
|
/**
|
|
55
142
|
* Demos:
|
|
56
143
|
*
|
|
@@ -108,7 +195,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
|
|
|
108
195
|
// ----------------------------------------------------------------------
|
|
109
196
|
/**
|
|
110
197
|
* The configuration of axes highlight.
|
|
111
|
-
* @see See {@link https://mui.com/x/react-charts/
|
|
198
|
+
* @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
|
|
112
199
|
* @default { x: 'line' }
|
|
113
200
|
*/
|
|
114
201
|
axisHighlight: _propTypes.default.shape({
|
|
@@ -109,6 +109,11 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainerPro.propTypes =
|
|
|
109
109
|
* Please refer to the appropriate docs page to learn more about it.
|
|
110
110
|
*/
|
|
111
111
|
series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
|
|
112
|
+
/**
|
|
113
|
+
* If `true`, animations are skipped.
|
|
114
|
+
* If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
|
|
115
|
+
*/
|
|
116
|
+
skipAnimation: _propTypes.default.bool,
|
|
112
117
|
sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
|
|
113
118
|
title: _propTypes.default.string,
|
|
114
119
|
viewBox: _propTypes.default.shape({
|
|
@@ -79,7 +79,7 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
|
79
79
|
// ----------------------------------------------------------------------
|
|
80
80
|
/**
|
|
81
81
|
* The configuration of axes highlight.
|
|
82
|
-
* @see See {@link https://mui.com/x/react-charts/
|
|
82
|
+
* @see See {@link https://mui.com/x/react-charts/highlighting highlighting docs} for more details.
|
|
83
83
|
* @default { x: 'none', y: 'none' }
|
|
84
84
|
*/
|
|
85
85
|
axisHighlight: _propTypes.default.shape({
|
|
@@ -221,6 +221,11 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
|
|
|
221
221
|
* An array of [[ScatterSeriesType]] objects.
|
|
222
222
|
*/
|
|
223
223
|
series: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
|
|
224
|
+
/**
|
|
225
|
+
* If `true`, animations are skipped.
|
|
226
|
+
* If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
|
|
227
|
+
*/
|
|
228
|
+
skipAnimation: _propTypes.default.bool,
|
|
224
229
|
/**
|
|
225
230
|
* The props used for each component slot.
|
|
226
231
|
* @default {}
|
package/node/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.getReleaseInfo = void 0;
|
|
7
7
|
var _utils = require("@mui/utils");
|
|
8
8
|
const getReleaseInfo = () => {
|
|
9
|
-
const releaseInfo = "
|
|
9
|
+
const releaseInfo = "MTcyOTExNjAwMDAwMA==";
|
|
10
10
|
if (process.env.NODE_ENV !== 'production') {
|
|
11
11
|
// A simple hack to set the value in the test environment (has no build step).
|
|
12
12
|
// eslint-disable-next-line no-useless-concat
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-charts-pro",
|
|
3
|
-
"version": "7.0.0-beta.
|
|
3
|
+
"version": "7.0.0-beta.5",
|
|
4
4
|
"description": "The Pro plan edition of the Charts components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -29,16 +29,16 @@
|
|
|
29
29
|
"directory": "packages/x-charts-pro"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@babel/runtime": "^7.25.
|
|
33
|
-
"@mui/utils": "^5.16.6",
|
|
34
|
-
"@react-spring/rafz": "^9.7.
|
|
35
|
-
"@react-spring/web": "^9.7.
|
|
32
|
+
"@babel/runtime": "^7.25.7",
|
|
33
|
+
"@mui/utils": "^5.16.6 || ^6.0.0",
|
|
34
|
+
"@react-spring/rafz": "^9.7.5",
|
|
35
|
+
"@react-spring/web": "^9.7.5",
|
|
36
36
|
"clsx": "^2.1.1",
|
|
37
37
|
"prop-types": "^15.8.1",
|
|
38
|
-
"@mui/x-
|
|
39
|
-
"@mui/x-
|
|
40
|
-
"@mui/x-
|
|
41
|
-
"@mui/x-
|
|
38
|
+
"@mui/x-internals": "7.21.0",
|
|
39
|
+
"@mui/x-license": "7.21.0",
|
|
40
|
+
"@mui/x-charts": "7.21.0",
|
|
41
|
+
"@mui/x-charts-vendor": "7.20.0"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"@emotion/react": "^11.9.0",
|