@mui/x-charts-premium 8.21.0 → 8.22.1
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/BarChartPremium/BarChartPremium.d.ts +16 -0
- package/BarChartPremium/BarChartPremium.js +1523 -0
- package/BarChartPremium/BarChartPremium.plugins.d.ts +4 -0
- package/BarChartPremium/BarChartPremium.plugins.js +8 -0
- package/BarChartPremium/index.d.ts +2 -0
- package/BarChartPremium/index.js +27 -0
- package/BarChartPremium/useBarChartPremiumProps.d.ts +23 -0
- package/BarChartPremium/useBarChartPremiumProps.js +17 -0
- package/CHANGELOG.md +238 -1
- package/ChartDataProviderPremium/ChartDataProviderPremium.d.ts +46 -0
- package/ChartDataProviderPremium/ChartDataProviderPremium.js +145 -0
- package/ChartDataProviderPremium/index.d.ts +1 -0
- package/ChartDataProviderPremium/index.js +16 -0
- package/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.ts +10 -0
- package/ChartDataProviderPremium/useChartDataProviderPremiumProps.js +25 -0
- package/ChartsRenderer/colors.d.ts +1 -1
- package/ChartsRenderer/configuration.d.ts +1 -1
- package/esm/BarChartPremium/BarChartPremium.d.ts +16 -0
- package/esm/BarChartPremium/BarChartPremium.js +1517 -0
- package/esm/BarChartPremium/BarChartPremium.plugins.d.ts +4 -0
- package/esm/BarChartPremium/BarChartPremium.plugins.js +2 -0
- package/esm/BarChartPremium/index.d.ts +2 -0
- package/esm/BarChartPremium/index.js +2 -0
- package/esm/BarChartPremium/useBarChartPremiumProps.d.ts +23 -0
- package/esm/BarChartPremium/useBarChartPremiumProps.js +11 -0
- package/esm/ChartDataProviderPremium/ChartDataProviderPremium.d.ts +46 -0
- package/esm/ChartDataProviderPremium/ChartDataProviderPremium.js +140 -0
- package/esm/ChartDataProviderPremium/index.d.ts +1 -0
- package/esm/ChartDataProviderPremium/index.js +1 -0
- package/esm/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.ts +10 -0
- package/esm/ChartDataProviderPremium/useChartDataProviderPremiumProps.js +19 -0
- package/esm/ChartsRenderer/colors.d.ts +1 -1
- package/esm/ChartsRenderer/configuration.d.ts +1 -1
- package/esm/index.js +1 -1
- package/esm/internals/plugins/allPlugins.d.ts +8 -0
- package/esm/internals/plugins/allPlugins.js +6 -0
- package/index.js +1 -1
- package/internals/plugins/allPlugins.d.ts +8 -0
- package/internals/plugins/allPlugins.js +12 -0
- package/package.json +6 -6
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
|
|
2
|
+
import { type BarChartProPluginSignatures } from '@mui/x-charts-pro/BarChartPro';
|
|
3
|
+
export type BarChartPremiumPluginSignatures = BarChartProPluginSignatures;
|
|
4
|
+
export declare const BAR_CHART_PREMIUM_PLUGINS: ConvertSignaturesIntoPlugins<BarChartPremiumPluginSignatures>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.BAR_CHART_PREMIUM_PLUGINS = void 0;
|
|
7
|
+
var _BarChartPro = require("@mui/x-charts-pro/BarChartPro");
|
|
8
|
+
const BAR_CHART_PREMIUM_PLUGINS = exports.BAR_CHART_PREMIUM_PLUGINS = _BarChartPro.BAR_CHART_PRO_PLUGINS;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _BarChartPremium = require("./BarChartPremium");
|
|
7
|
+
Object.keys(_BarChartPremium).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _BarChartPremium[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _BarChartPremium[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
var _BarChartPremium2 = require("./BarChartPremium.plugins");
|
|
18
|
+
Object.keys(_BarChartPremium2).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _BarChartPremium2[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _BarChartPremium2[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { type BarChartPremiumProps } from "./BarChartPremium.js";
|
|
2
|
+
/**
|
|
3
|
+
* A helper function that extracts BarChartPremiumProps from the input props
|
|
4
|
+
* and returns an object with props for the children components of BarChartPremium.
|
|
5
|
+
*
|
|
6
|
+
* @param props The input props for BarChartPremium
|
|
7
|
+
* @returns An object with props for the children components of BarChartPremium
|
|
8
|
+
*/
|
|
9
|
+
export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
|
|
10
|
+
chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
|
|
11
|
+
chartContainerProps: import("@mui/x-charts").ChartContainerProps<"bar", import("@mui/x-charts").BarChartPluginSignatures>;
|
|
12
|
+
barPlotProps: import("@mui/x-charts").BarPlotProps;
|
|
13
|
+
gridProps: import("@mui/x-charts").ChartsGridProps;
|
|
14
|
+
clipPathProps: import("@mui/x-charts").ChartsClipPathProps;
|
|
15
|
+
clipPathGroupProps: {
|
|
16
|
+
clipPath: string;
|
|
17
|
+
};
|
|
18
|
+
overlayProps: import("@mui/x-charts/ChartsOverlay").ChartsOverlayProps;
|
|
19
|
+
chartsAxisProps: import("@mui/x-charts").ChartsAxisProps;
|
|
20
|
+
axisHighlightProps: import("@mui/x-charts").ChartsAxisHighlightProps;
|
|
21
|
+
legendProps: import("@mui/x-charts").ChartsLegendSlotExtension;
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.useBarChartPremiumProps = useBarChartPremiumProps;
|
|
7
|
+
var _internals = require("@mui/x-charts/internals");
|
|
8
|
+
/**
|
|
9
|
+
* A helper function that extracts BarChartPremiumProps from the input props
|
|
10
|
+
* and returns an object with props for the children components of BarChartPremium.
|
|
11
|
+
*
|
|
12
|
+
* @param props The input props for BarChartPremium
|
|
13
|
+
* @returns An object with props for the children components of BarChartPremium
|
|
14
|
+
*/
|
|
15
|
+
function useBarChartPremiumProps(props) {
|
|
16
|
+
return (0, _internals.useBarChartProps)(props);
|
|
17
|
+
}
|
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,243 @@
|
|
|
5
5
|
All notable changes to this project will be documented in this file.
|
|
6
6
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
7
7
|
|
|
8
|
+
## 8.22.1
|
|
9
|
+
|
|
10
|
+
_Dec 17, 2025_
|
|
11
|
+
|
|
12
|
+
We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
- 🌎 Improve Swedish (sv-SE) locale on the Data Grid
|
|
15
|
+
- 🐞 Bugfixes
|
|
16
|
+
|
|
17
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
18
|
+
@KyeongJooni, @VismaAndreasIvarsson
|
|
19
|
+
|
|
20
|
+
The following team members contributed to this release:
|
|
21
|
+
@alelthomas, @alexfauquette, @arminmeh, @bernardobelchior, @Janpot, @JCQuintas, @mapache-salvaje, @michelengelen, @mj12albert, @prakhargupta1, @romgrk, @siriwatknp
|
|
22
|
+
|
|
23
|
+
### Data Grid
|
|
24
|
+
|
|
25
|
+
#### `@mui/x-data-grid@8.22.1`
|
|
26
|
+
|
|
27
|
+
- [data grid] Fix column menu keyboard shortcut (#20621) @mj12albert
|
|
28
|
+
- [data grid] Fix row checkbox disabled state on first render and keep cell focusable (ARIA) (#20641) @michelengelen
|
|
29
|
+
- [data grid] Fix tree data selection bug (#20528) @michelengelen
|
|
30
|
+
- [data grid] Prevent clear cell selection on edit mode (#20544) @siriwatknp
|
|
31
|
+
- [data grid] Refactor column merge logic to prioritize defined properties only (#20640) @michelengelen
|
|
32
|
+
- [data grid] Reset row spanning on row expansion change (#20661) @siriwatknp
|
|
33
|
+
- [data grid] Resize newly added rows while resize action is happening (#20676)
|
|
34
|
+
- [l10n] Improve Swedish (sv-SE) locale (#20682) @VismaAndreasIvarsson
|
|
35
|
+
|
|
36
|
+
#### `@mui/x-data-grid-pro@8.22.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
37
|
+
|
|
38
|
+
Same changes as in `@mui/x-data-grid@8.22.1`.
|
|
39
|
+
|
|
40
|
+
#### `@mui/x-data-grid-premium@8.22.1` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
41
|
+
|
|
42
|
+
Same changes as in `@mui/x-data-grid-pro@8.22.1`, plus:
|
|
43
|
+
|
|
44
|
+
- [DataGridPremium] Import `useId()` from `@mui/utils` to maintain React 17 compatibility (#20635) @arminmeh
|
|
45
|
+
|
|
46
|
+
### Date and Time Pickers
|
|
47
|
+
|
|
48
|
+
#### `@mui/x-date-pickers@8.22.1`
|
|
49
|
+
|
|
50
|
+
- [pickers] Add minutesStep validation test (#20672) @KyeongJooni
|
|
51
|
+
- [pickers] Fix `onAccept()` returning wrong year after selecting year then month (#20639) @michelengelen
|
|
52
|
+
|
|
53
|
+
#### `@mui/x-date-pickers-pro@8.22.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
54
|
+
|
|
55
|
+
Same changes as in `@mui/x-date-pickers@8.22.1`.
|
|
56
|
+
|
|
57
|
+
### Charts
|
|
58
|
+
|
|
59
|
+
#### `@mui/x-charts@8.22.1`
|
|
60
|
+
|
|
61
|
+
- [charts] Extract `FocusedPieArc` from `PieArcPlot` (#20613) @alexfauquette
|
|
62
|
+
- [charts] Fix regression on the highlight control (#20627) @alexfauquette
|
|
63
|
+
- [charts] Refactor: `useSelector()` => `store.use()` (#20681) @romgrk
|
|
64
|
+
- [charts] Remove duplicated types (#20694) @alexfauquette
|
|
65
|
+
- [charts] Remove unused generics from bar charts (#20642) @bernardobelchior
|
|
66
|
+
- [charts] Simplify tooltip position getter for pie chart (#20625) @alexfauquette
|
|
67
|
+
|
|
68
|
+
#### `@mui/x-charts-pro@8.22.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
69
|
+
|
|
70
|
+
Same changes as in `@mui/x-charts@8.22.1`, plus:
|
|
71
|
+
|
|
72
|
+
- [charts-pro] Add heatmap performance benchmark (#20695) @bernardobelchior
|
|
73
|
+
|
|
74
|
+
#### `@mui/x-charts-premium@8.22.1` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
75
|
+
|
|
76
|
+
Same changes as in `@mui/x-charts-pro@8.22.1`, plus:
|
|
77
|
+
|
|
78
|
+
- [charts-premium] Create `BarChartPremium` (#20643) @bernardobelchior
|
|
79
|
+
|
|
80
|
+
### Tree View
|
|
81
|
+
|
|
82
|
+
#### `@mui/x-tree-view@8.22.1`
|
|
83
|
+
|
|
84
|
+
Internal changes.
|
|
85
|
+
|
|
86
|
+
#### `@mui/x-tree-view-pro@8.22.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
87
|
+
|
|
88
|
+
Same changes as in `@mui/x-tree-view@8.22.1`.
|
|
89
|
+
|
|
90
|
+
### Codemod
|
|
91
|
+
|
|
92
|
+
#### `@mui/x-codemod@8.22.1`
|
|
93
|
+
|
|
94
|
+
Internal changes.
|
|
95
|
+
|
|
96
|
+
### Docs
|
|
97
|
+
|
|
98
|
+
- [docs] Add button to GitHub source code for the Data Grid advanced demos (DX-50) (#20633) @alelthomas
|
|
99
|
+
- [docs] Remove `seriesConfig` to prevent future confusion (#20678) @alexfauquette
|
|
100
|
+
- [docs] Revise the Data Grid's API object doc for clarity and style (#20649) @mapache-salvaje
|
|
101
|
+
- [docs] Update list of charts (#20479) @prakhargupta1
|
|
102
|
+
|
|
103
|
+
### Core
|
|
104
|
+
|
|
105
|
+
- [code-infra] Regression tests improvements (#20441) @Janpot
|
|
106
|
+
- [code-infra] Test utils upgrade (#20592) @Janpot
|
|
107
|
+
- [code-infra] Try to fix the Tree View flacky tests (#20573) @JCQuintas
|
|
108
|
+
|
|
109
|
+
## 8.22.0
|
|
110
|
+
|
|
111
|
+
_Dec 11, 2025_
|
|
112
|
+
|
|
113
|
+
We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
|
|
114
|
+
|
|
115
|
+
- Each Tree View component now exposes its own hook to initialize the `apiRef` object with accurate typing:
|
|
116
|
+
|
|
117
|
+
```diff
|
|
118
|
+
-import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
|
|
119
|
+
+import { useSimpleTreeViewApiRef } from '@mui/x-tree-view/hooks';
|
|
120
|
+
-const apiRef = useTreeViewApiRef();
|
|
121
|
+
+const apiRef = useSimpleTreeViewApiRef();
|
|
122
|
+
|
|
123
|
+
-import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
|
|
124
|
+
+import { useRichTreeViewApiRef } from '@mui/x-tree-view/hooks';
|
|
125
|
+
-const apiRef = useTreeViewApiRef();
|
|
126
|
+
+const apiRef = useRichTreeViewApiRef();
|
|
127
|
+
|
|
128
|
+
-import { useTreeViewApiRef } from '@mui/x-tree-view/hooks';
|
|
129
|
+
+import { useRichTreeViewProApiRef } from '@mui/x-tree-view-pro/hooks';
|
|
130
|
+
-const apiRef = useTreeViewApiRef();
|
|
131
|
+
+const apiRef = useRichTreeViewProApiRef();
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
- 📚 [Tutorial](https://mui.com/x/react-data-grid/tutorials/server-side-data/) on building a Data Grid with server-side data
|
|
135
|
+
- 🐞 Bugfixes
|
|
136
|
+
|
|
137
|
+
Special thanks go out to this community member for their valuable contributions:
|
|
138
|
+
@kzhgit
|
|
139
|
+
|
|
140
|
+
The following team members contributed to this release:
|
|
141
|
+
@alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @JCQuintas, @mapache-salvaje, @michelengelen, @noraleonte, @oliviertassinari
|
|
142
|
+
|
|
143
|
+
### Data Grid
|
|
144
|
+
|
|
145
|
+
#### `@mui/x-data-grid@8.22.0`
|
|
146
|
+
|
|
147
|
+
- [DataGrid] Sync component props with theme defaults (#20590) @michelengelen
|
|
148
|
+
- [DataGrid] Add fallback for CSS `color-mix` if it is unsupported (#20597) @cherniavskii
|
|
149
|
+
- [DataGrid] Use `baseTooltip` slot for column header sort icon (#20460) @kzhgit
|
|
150
|
+
|
|
151
|
+
#### `@mui/x-data-grid-pro@8.22.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
152
|
+
|
|
153
|
+
Same changes as in `@mui/x-data-grid@8.22.0`.
|
|
154
|
+
|
|
155
|
+
#### `@mui/x-data-grid-premium@8.22.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
156
|
+
|
|
157
|
+
Same changes as in `@mui/x-data-grid-pro@8.22.0`, plus:
|
|
158
|
+
|
|
159
|
+
- [DataGridPremium] Handle pivoting column name generation for empty strings (#20608) @arminmeh
|
|
160
|
+
- [DataGridPremium] Pass a row with aggregated value to the custom aggregation function `valueFormatter` (#20607) @arminmeh
|
|
161
|
+
|
|
162
|
+
### Date and Time Pickers
|
|
163
|
+
|
|
164
|
+
#### `@mui/x-date-pickers@8.22.0`
|
|
165
|
+
|
|
166
|
+
- [pickers] Fix invalid date tests (#20606) @michelengelen
|
|
167
|
+
|
|
168
|
+
#### `@mui/x-date-pickers-pro@8.22.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
169
|
+
|
|
170
|
+
Same changes as in `@mui/x-date-pickers@8.22.0`.
|
|
171
|
+
|
|
172
|
+
### Charts
|
|
173
|
+
|
|
174
|
+
#### `@mui/x-charts@8.22.0`
|
|
175
|
+
|
|
176
|
+
- [charts] Add consistent animation duration and timing (#20564) @JCQuintas
|
|
177
|
+
- [charts] Extract a tooltip plugin from the interaction one (#20591) @alexfauquette
|
|
178
|
+
- [charts] General type improvements (#20565) @JCQuintas
|
|
179
|
+
- [charts] Place ordinal ticks according to a continuous scale (#19808) @alexfauquette
|
|
180
|
+
- [charts] Remove layout data from the tooltip internals (#20548) @alexfauquette
|
|
181
|
+
- [charts] Remove usage of focus outline for item highlight (#19856) @alexfauquette
|
|
182
|
+
- [charts] Simplify `MarkPlot` by moving calculation to `useMarkPlotData` (#20570) @JCQuintas
|
|
183
|
+
- [charts] Use `store.state` over `store.getSnapshot()` (#20616) @bernardobelchior
|
|
184
|
+
- [charts] Vendor flatqueue (#20610) @bernardobelchior
|
|
185
|
+
- [charts] Extract pie layout computation (#20611) @alexfauquette
|
|
186
|
+
- [charts][infra] Enable `@typescript-eslint/consistent-type-imports` eslint rules (#20560) @JCQuintas
|
|
187
|
+
- [charts][infra] Enable `import/no-cycle` eslint rules (#20554) @JCQuintas
|
|
188
|
+
|
|
189
|
+
#### `@mui/x-charts-pro@8.22.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
190
|
+
|
|
191
|
+
Same changes as in `@mui/x-charts@8.22.0`, plus:
|
|
192
|
+
|
|
193
|
+
- [charts-pro] Display sankey labels on top of nodes (#20569) @alexfauquette
|
|
194
|
+
|
|
195
|
+
#### `@mui/x-charts-premium@8.22.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
196
|
+
|
|
197
|
+
Same changes as in `@mui/x-charts-pro@8.22.0`.
|
|
198
|
+
|
|
199
|
+
### Tree View
|
|
200
|
+
|
|
201
|
+
#### `@mui/x-tree-view@8.22.0`
|
|
202
|
+
|
|
203
|
+
- [tree view] Expose one hook per component to initialize the `apiRef` (#20235) @flaviendelangle
|
|
204
|
+
- [tree view] Update the typing of `updateItemChildren()` to accept `null` (#20483) @noraleonte
|
|
205
|
+
|
|
206
|
+
#### `@mui/x-tree-view-pro@8.22.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
207
|
+
|
|
208
|
+
Same changes as in `@mui/x-tree-view@8.22.0`.
|
|
209
|
+
|
|
210
|
+
### Codemod
|
|
211
|
+
|
|
212
|
+
#### `@mui/x-codemod@8.22.0`
|
|
213
|
+
|
|
214
|
+
Internal changes.
|
|
215
|
+
|
|
216
|
+
### Docs
|
|
217
|
+
|
|
218
|
+
- [docs] Add tutorial on building a Data Grid with server-side data (DX-22) (#19782) @mapache-salvaje
|
|
219
|
+
- [docs] Modify the default value for the stacking demo (#20596) @alexfauquette
|
|
220
|
+
- [docs] Revise the Charts Custom Components doc (#19793) @mapache-salvaje
|
|
221
|
+
- [docs] Remove copy-pasted `aria-label` (#20620) @alexfauquette
|
|
222
|
+
|
|
223
|
+
### Core
|
|
224
|
+
|
|
225
|
+
- [internal] Remove unsafe dependency version from range (#20574) @oliviertassinari
|
|
226
|
+
|
|
227
|
+
### Miscellaneous
|
|
228
|
+
|
|
229
|
+
- Bump `@mui/monorepo` digest to `800638d` (#20337) @renovate[bot]
|
|
230
|
+
- Bump `@next/eslint-plugin-next` to `15.5.7` (#20575) @renovate[bot]
|
|
231
|
+
- Bump GitHub Actions (#20577) @renovate[bot]
|
|
232
|
+
- Bump Tanstack query to `^5.90.12` (#20582) @renovate[bot]
|
|
233
|
+
- Bump Vite & Vitest (#20583) @renovate[bot]
|
|
234
|
+
- Bump `eslint` to `^8.48.1` (#20576) @renovate[bot]
|
|
235
|
+
- Bump `markdown-to-jsx` to `^9.3.2` (#20507) @renovate[bot]
|
|
236
|
+
- Bump `motion` to `^12.23.25` (#20579) @renovate[bot]
|
|
237
|
+
- Bump react monorepo to `19.2.1` (#20581) @renovate[bot]
|
|
238
|
+
- Bump `react-hook-form` to `^7.68.0` (#20584) @renovate[bot]
|
|
239
|
+
- Bump `react-router` to `^7.10.1` (#20341) @renovate[bot]
|
|
240
|
+
- Bump `tsx` to `^4.21.0` (#20585) @renovate[bot]
|
|
241
|
+
- Bump MUI infra packages (#20478) @renovate[bot]
|
|
242
|
+
- [infra] Automatically add teams to release PRs (#20558) @JCQuintas
|
|
243
|
+
- [infra] Fix codeowners typo (#20562) @JCQuintas
|
|
244
|
+
|
|
8
245
|
## 8.21.0
|
|
9
246
|
|
|
10
247
|
_Dec 3, 2025_
|
|
@@ -115,7 +352,7 @@ Internal changes.
|
|
|
115
352
|
- Bump react-hook-form to ^7.66.1 (#20497) @renovate[bot]
|
|
116
353
|
- Bump rimraf to ^6.1.2 (#20498) @renovate[bot]
|
|
117
354
|
- Bump webpack-bundle-analyzer to ^5.0.1 (#20508) @renovate[bot]
|
|
118
|
-
- Bump next to ^15.5.
|
|
355
|
+
- Bump next to ^15.5.7 [SECURITY] (#20555) @renovate[bot]
|
|
119
356
|
|
|
120
357
|
## 8.20.0
|
|
121
358
|
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { type ChartSeriesType, type ChartAnyPluginSignature, type ChartProviderProps } from '@mui/x-charts/internals';
|
|
2
|
+
import { type ChartDataProviderProProps } from '@mui/x-charts-pro/ChartDataProviderPro';
|
|
3
|
+
import { type ChartsSlotPropsPro, type ChartsSlotsPro } from '@mui/x-charts-pro/internals';
|
|
4
|
+
import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
5
|
+
export type ChartDataProviderPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProProps<TSeries, TSignatures> & ChartProviderProps<TSeries, TSignatures>['pluginParams'] & {
|
|
6
|
+
/**
|
|
7
|
+
* Slots to customize charts' components.
|
|
8
|
+
*/
|
|
9
|
+
slots?: Partial<ChartsSlotsPro>;
|
|
10
|
+
/**
|
|
11
|
+
* The props for the slots.
|
|
12
|
+
*/
|
|
13
|
+
slotProps?: Partial<ChartsSlotPropsPro>;
|
|
14
|
+
};
|
|
15
|
+
/**
|
|
16
|
+
* Orchestrates the data providers for the chart components and hooks.
|
|
17
|
+
*
|
|
18
|
+
* Use this component if you have custom HTML components that need to access the chart data.
|
|
19
|
+
*
|
|
20
|
+
* Demos:
|
|
21
|
+
*
|
|
22
|
+
* - [Composition](https://mui.com/x/api/charts/composition/)
|
|
23
|
+
*
|
|
24
|
+
* API:
|
|
25
|
+
*
|
|
26
|
+
* - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```jsx
|
|
30
|
+
* <ChartDataProviderPro
|
|
31
|
+
* series={[{ label: "Label", type: "bar", data: [10, 20] }]}
|
|
32
|
+
* xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
|
|
33
|
+
* >
|
|
34
|
+
* <ChartsSurface>
|
|
35
|
+
* <BarPlot />
|
|
36
|
+
* <ChartsXAxis axisId="x-axis" />
|
|
37
|
+
* </ChartsSurface>
|
|
38
|
+
* {'Custom Legend Component'}
|
|
39
|
+
* </ChartDataProviderPro>
|
|
40
|
+
* ```
|
|
41
|
+
*/
|
|
42
|
+
declare function ChartDataProviderPremium<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderPremiumProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
declare namespace ChartDataProviderPremium {
|
|
44
|
+
var propTypes: any;
|
|
45
|
+
}
|
|
46
|
+
export { ChartDataProviderPremium };
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.ChartDataProviderPremium = ChartDataProviderPremium;
|
|
9
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
+
var _Watermark = require("@mui/x-license/Watermark");
|
|
12
|
+
var _internals = require("@mui/x-charts/internals");
|
|
13
|
+
var _ChartsLocalizationProvider = require("@mui/x-charts/ChartsLocalizationProvider");
|
|
14
|
+
var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
|
|
15
|
+
var _allPlugins = require("../internals/plugins/allPlugins");
|
|
16
|
+
var _useChartDataProviderPremiumProps = require("./useChartDataProviderPremiumProps");
|
|
17
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
|
+
const releaseInfo = "MTc2NjAxNjAwMDAwMA==";
|
|
19
|
+
const packageIdentifier = 'x-charts-premium';
|
|
20
|
+
/**
|
|
21
|
+
* Orchestrates the data providers for the chart components and hooks.
|
|
22
|
+
*
|
|
23
|
+
* Use this component if you have custom HTML components that need to access the chart data.
|
|
24
|
+
*
|
|
25
|
+
* Demos:
|
|
26
|
+
*
|
|
27
|
+
* - [Composition](https://mui.com/x/api/charts/composition/)
|
|
28
|
+
*
|
|
29
|
+
* API:
|
|
30
|
+
*
|
|
31
|
+
* - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```jsx
|
|
35
|
+
* <ChartDataProviderPro
|
|
36
|
+
* series={[{ label: "Label", type: "bar", data: [10, 20] }]}
|
|
37
|
+
* xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
|
|
38
|
+
* >
|
|
39
|
+
* <ChartsSurface>
|
|
40
|
+
* <BarPlot />
|
|
41
|
+
* <ChartsXAxis axisId="x-axis" />
|
|
42
|
+
* </ChartsSurface>
|
|
43
|
+
* {'Custom Legend Component'}
|
|
44
|
+
* </ChartDataProviderPro>
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
function ChartDataProviderPremium(props) {
|
|
48
|
+
const {
|
|
49
|
+
children,
|
|
50
|
+
localeText,
|
|
51
|
+
chartProviderProps,
|
|
52
|
+
slots,
|
|
53
|
+
slotProps
|
|
54
|
+
} = (0, _useChartDataProviderPremiumProps.useChartDataProviderPremiumProps)((0, _extends2.default)({}, props, {
|
|
55
|
+
plugins: props.plugins ?? _allPlugins.DEFAULT_PLUGINS
|
|
56
|
+
}));
|
|
57
|
+
(0, _useLicenseVerifier.useLicenseVerifier)(packageIdentifier, releaseInfo);
|
|
58
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.ChartProvider, (0, _extends2.default)({}, chartProviderProps, {
|
|
59
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLocalizationProvider.ChartsLocalizationProvider, {
|
|
60
|
+
localeText: localeText,
|
|
61
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.ChartsSlotsProvider, {
|
|
62
|
+
slots: slots,
|
|
63
|
+
slotProps: slotProps,
|
|
64
|
+
defaultSlots: _internals.defaultSlotsMaterial,
|
|
65
|
+
children: children
|
|
66
|
+
})
|
|
67
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
|
|
68
|
+
packageName: packageIdentifier,
|
|
69
|
+
releaseInfo: releaseInfo
|
|
70
|
+
})]
|
|
71
|
+
}));
|
|
72
|
+
}
|
|
73
|
+
process.env.NODE_ENV !== "production" ? ChartDataProviderPremium.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
|
+
apiRef: _propTypes.default.shape({
|
|
79
|
+
current: _propTypes.default.any
|
|
80
|
+
}),
|
|
81
|
+
/**
|
|
82
|
+
* Color palette used to colorize multiple series.
|
|
83
|
+
* @default rainbowSurgePalette
|
|
84
|
+
*/
|
|
85
|
+
colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
|
|
86
|
+
/**
|
|
87
|
+
* An array of objects that can be used to populate series and axes data using their `dataKey` property.
|
|
88
|
+
*/
|
|
89
|
+
dataset: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
90
|
+
/**
|
|
91
|
+
* Options to enable features planned for the next major.
|
|
92
|
+
*/
|
|
93
|
+
experimentalFeatures: _propTypes.default.shape({
|
|
94
|
+
preferStrictDomainInLineCharts: _propTypes.default.bool
|
|
95
|
+
}),
|
|
96
|
+
/**
|
|
97
|
+
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
98
|
+
*/
|
|
99
|
+
height: _propTypes.default.number,
|
|
100
|
+
/**
|
|
101
|
+
* This prop is used to help implement the accessibility logic.
|
|
102
|
+
* If you don't provide this prop. It falls back to a randomly generated id.
|
|
103
|
+
*/
|
|
104
|
+
id: _propTypes.default.string,
|
|
105
|
+
/**
|
|
106
|
+
* Localized text for chart components.
|
|
107
|
+
*/
|
|
108
|
+
localeText: _propTypes.default.object,
|
|
109
|
+
/**
|
|
110
|
+
* The margin between the SVG and the drawing area.
|
|
111
|
+
* It's used for leaving some space for extra information such as the x- and y-axis or legend.
|
|
112
|
+
*
|
|
113
|
+
* Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
|
|
114
|
+
*/
|
|
115
|
+
margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
|
|
116
|
+
bottom: _propTypes.default.number,
|
|
117
|
+
left: _propTypes.default.number,
|
|
118
|
+
right: _propTypes.default.number,
|
|
119
|
+
top: _propTypes.default.number
|
|
120
|
+
})]),
|
|
121
|
+
/**
|
|
122
|
+
* The array of series to display.
|
|
123
|
+
* Each type of series has its own specificity.
|
|
124
|
+
* Please refer to the appropriate docs page to learn more about it.
|
|
125
|
+
*/
|
|
126
|
+
series: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
127
|
+
/**
|
|
128
|
+
* If `true`, animations are skipped.
|
|
129
|
+
* If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
|
|
130
|
+
*/
|
|
131
|
+
skipAnimation: _propTypes.default.bool,
|
|
132
|
+
/**
|
|
133
|
+
* The props for the slots.
|
|
134
|
+
*/
|
|
135
|
+
slotProps: _propTypes.default.object,
|
|
136
|
+
/**
|
|
137
|
+
* Slots to customize charts' components.
|
|
138
|
+
*/
|
|
139
|
+
slots: _propTypes.default.object,
|
|
140
|
+
theme: _propTypes.default.oneOf(['dark', 'light']),
|
|
141
|
+
/**
|
|
142
|
+
* The width of the chart in px. If not defined, it takes the width of the parent element.
|
|
143
|
+
*/
|
|
144
|
+
width: _propTypes.default.number
|
|
145
|
+
} : void 0;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./ChartDataProviderPremium.js";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _ChartDataProviderPremium = require("./ChartDataProviderPremium");
|
|
7
|
+
Object.keys(_ChartDataProviderPremium).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _ChartDataProviderPremium[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _ChartDataProviderPremium[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
|
|
2
|
+
import type { ChartDataProviderPremiumProps } from "./ChartDataProviderPremium.js";
|
|
3
|
+
import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
4
|
+
export declare const useChartDataProviderPremiumProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderPremiumProps<TSeries, TSignatures>) => {
|
|
5
|
+
children: import("react").ReactNode;
|
|
6
|
+
localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
|
|
7
|
+
chartProviderProps: import("@mui/x-charts/internals").ChartProviderProps<TSeries, TSignatures>;
|
|
8
|
+
slots: Partial<import("@mui/x-charts/internals").ChartsSlots> | undefined;
|
|
9
|
+
slotProps: Partial<import("@mui/x-charts/internals").ChartsSlotProps> | undefined;
|
|
10
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useChartDataProviderPremiumProps = void 0;
|
|
8
|
+
var _internals = require("@mui/x-charts/internals");
|
|
9
|
+
const useChartDataProviderPremiumProps = props => {
|
|
10
|
+
const {
|
|
11
|
+
chartProviderProps,
|
|
12
|
+
localeText,
|
|
13
|
+
slots,
|
|
14
|
+
slotProps,
|
|
15
|
+
children
|
|
16
|
+
} = (0, _internals.useChartDataProviderProps)(props);
|
|
17
|
+
return {
|
|
18
|
+
children,
|
|
19
|
+
localeText,
|
|
20
|
+
chartProviderProps,
|
|
21
|
+
slots,
|
|
22
|
+
slotProps
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
exports.useChartDataProviderPremiumProps = useChartDataProviderPremiumProps;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ChartsColorPaletteCallback } from '@mui/x-charts/colorPalettes';
|
|
1
|
+
import { type ChartsColorPaletteCallback } from '@mui/x-charts/colorPalettes';
|
|
2
2
|
export declare const colorPaletteLookup: Map<string, ChartsColorPaletteCallback>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { GridChartsConfigurationOptions } from '@mui/x-internals/types';
|
|
2
|
-
import { ChartsLocaleText } from '@mui/x-charts/locales';
|
|
2
|
+
import { type ChartsLocaleText } from '@mui/x-charts/locales';
|
|
3
3
|
export declare const getLocalizedConfigurationOptions: (locale?: Partial<ChartsLocaleText>) => GridChartsConfigurationOptions;
|
|
4
4
|
export declare const configurationOptions: GridChartsConfigurationOptions;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type BarChartProProps } from '@mui/x-charts-pro/BarChartPro';
|
|
3
|
+
export interface BarChartPremiumProps extends BarChartProProps {}
|
|
4
|
+
/**
|
|
5
|
+
* Demos:
|
|
6
|
+
*
|
|
7
|
+
* - [Bars](https://mui.com/x/react-charts/bars/)
|
|
8
|
+
* - [Bar demonstration](https://mui.com/x/react-charts/bar-demo/)
|
|
9
|
+
* - [Stacking](https://mui.com/x/react-charts/stacking/)
|
|
10
|
+
*
|
|
11
|
+
* API:
|
|
12
|
+
*
|
|
13
|
+
* - [BarChart API](https://mui.com/x/api/charts/bar-chart/)
|
|
14
|
+
*/
|
|
15
|
+
declare const BarChartPremium: React.ForwardRefExoticComponent<BarChartPremiumProps & React.RefAttributes<SVGSVGElement>>;
|
|
16
|
+
export { BarChartPremium };
|