@mui/x-charts-pro 8.9.2 → 8.10.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/BarChartPro/BarChartPro.js +20 -0
- package/CHANGELOG.md +217 -6
- package/ChartDataProviderPro/ChartDataProviderPro.js +1 -1
- package/FunnelChart/FunnelChart.js +2 -2
- package/FunnelChart/curves/bump.js +10 -11
- package/FunnelChart/curves/linear.js +16 -17
- package/FunnelChart/curves/pyramid.js +15 -16
- package/FunnelChart/curves/step-pyramid.js +15 -16
- package/FunnelChart/curves/step.js +7 -8
- package/FunnelChart/funnelSlots.types.d.ts +8 -2
- package/FunnelChart/index.d.ts +5 -1
- package/FunnelChart/index.js +14 -7
- package/Heatmap/Heatmap.js +10 -0
- package/LineChartPro/LineChartPro.js +20 -0
- package/ScatterChartPro/ScatterChartPro.d.ts +8 -1
- package/ScatterChartPro/ScatterChartPro.js +22 -2
- package/esm/BarChartPro/BarChartPro.js +20 -0
- package/esm/ChartDataProviderPro/ChartDataProviderPro.js +1 -1
- package/esm/FunnelChart/FunnelChart.js +2 -2
- package/esm/FunnelChart/curves/bump.js +10 -11
- package/esm/FunnelChart/curves/linear.js +16 -17
- package/esm/FunnelChart/curves/pyramid.js +15 -16
- package/esm/FunnelChart/curves/step-pyramid.js +15 -16
- package/esm/FunnelChart/curves/step.js +7 -8
- package/esm/FunnelChart/funnelSlots.types.d.ts +8 -2
- package/esm/FunnelChart/index.d.ts +5 -1
- package/esm/FunnelChart/index.js +7 -1
- package/esm/Heatmap/Heatmap.js +10 -0
- package/esm/LineChartPro/LineChartPro.js +20 -0
- package/esm/ScatterChartPro/ScatterChartPro.d.ts +8 -1
- package/esm/ScatterChartPro/ScatterChartPro.js +22 -2
- package/esm/index.js +1 -1
- package/esm/internals/plugins/allPlugins.d.ts +2 -2
- package/index.js +1 -1
- package/internals/plugins/allPlugins.d.ts +2 -2
- package/package.json +18 -20
|
@@ -310,6 +310,11 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
310
310
|
disableTicks: _propTypes.default.bool,
|
|
311
311
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
312
312
|
fill: _propTypes.default.string,
|
|
313
|
+
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
314
|
+
getValue: _propTypes.default.func.isRequired,
|
|
315
|
+
tickLabelStyle: _propTypes.default.object,
|
|
316
|
+
tickSize: _propTypes.default.number
|
|
317
|
+
})),
|
|
313
318
|
height: _propTypes.default.number,
|
|
314
319
|
hideTooltip: _propTypes.default.bool,
|
|
315
320
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -376,6 +381,11 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
376
381
|
disableTicks: _propTypes.default.bool,
|
|
377
382
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
378
383
|
fill: _propTypes.default.string,
|
|
384
|
+
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
385
|
+
getValue: _propTypes.default.func.isRequired,
|
|
386
|
+
tickLabelStyle: _propTypes.default.object,
|
|
387
|
+
tickSize: _propTypes.default.number
|
|
388
|
+
})),
|
|
379
389
|
height: _propTypes.default.number,
|
|
380
390
|
hideTooltip: _propTypes.default.bool,
|
|
381
391
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -878,6 +888,11 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
878
888
|
disableTicks: _propTypes.default.bool,
|
|
879
889
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
880
890
|
fill: _propTypes.default.string,
|
|
891
|
+
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
892
|
+
getValue: _propTypes.default.func.isRequired,
|
|
893
|
+
tickLabelStyle: _propTypes.default.object,
|
|
894
|
+
tickSize: _propTypes.default.number
|
|
895
|
+
})),
|
|
881
896
|
hideTooltip: _propTypes.default.bool,
|
|
882
897
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
883
898
|
ignoreTooltip: _propTypes.default.bool,
|
|
@@ -943,6 +958,11 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
943
958
|
disableTicks: _propTypes.default.bool,
|
|
944
959
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
945
960
|
fill: _propTypes.default.string,
|
|
961
|
+
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
962
|
+
getValue: _propTypes.default.func.isRequired,
|
|
963
|
+
tickLabelStyle: _propTypes.default.object,
|
|
964
|
+
tickSize: _propTypes.default.number
|
|
965
|
+
})),
|
|
946
966
|
hideTooltip: _propTypes.default.bool,
|
|
947
967
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
948
968
|
ignoreTooltip: _propTypes.default.bool,
|
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,217 @@
|
|
|
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.10.1
|
|
9
|
+
|
|
10
|
+
_Aug 15, 2025_
|
|
11
|
+
|
|
12
|
+
We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
- 📊 Y-axes can now be grouped by category when using `band` and `point` scales.
|
|
15
|
+
- 📚 Documentation improvements
|
|
16
|
+
|
|
17
|
+
The following are all team members who have contributed to this release:
|
|
18
|
+
@alexfauquette, @bernardobelchior, @Janpot, @JCQuintas, @mnajdova, @oliviertassinari, @prakhargupta1, @romgrk
|
|
19
|
+
|
|
20
|
+
### Data Grid
|
|
21
|
+
|
|
22
|
+
#### `@mui/x-data-grid@8.10.1`
|
|
23
|
+
|
|
24
|
+
- [DataGrid] Fix scroll jumping (#19156) @romgrk
|
|
25
|
+
- [DataGrid] Fix scroll restoration (#19182) @romgrk
|
|
26
|
+
- [DataGrid] Fix "no row with id" error (#19193) @romgrk
|
|
27
|
+
|
|
28
|
+
#### `@mui/x-data-grid-pro@8.10.1` [](https://mui.com/r/x-pro-svg-link "Pro plan")
|
|
29
|
+
|
|
30
|
+
Same changes as in `@mui/x-data-grid@8.10.1`.
|
|
31
|
+
|
|
32
|
+
#### `@mui/x-data-grid-premium@8.10.1` [](https://mui.com/r/x-premium-svg-link "Premium plan")
|
|
33
|
+
|
|
34
|
+
Same changes as in `@mui/x-data-grid-pro@8.10.1`.
|
|
35
|
+
|
|
36
|
+
### Date and Time Pickers
|
|
37
|
+
|
|
38
|
+
#### `@mui/x-date-pickers@8.10.0`
|
|
39
|
+
|
|
40
|
+
Internal changes.
|
|
41
|
+
|
|
42
|
+
#### `@mui/x-date-pickers-pro@8.10.0` [](https://mui.com/r/x-pro-svg-link "Pro plan")
|
|
43
|
+
|
|
44
|
+
Same changes as in `@mui/x-date-pickers@8.10.0`.
|
|
45
|
+
|
|
46
|
+
### Charts
|
|
47
|
+
|
|
48
|
+
- Axes can now be grouped by category when using `band` and `point` scales
|
|
49
|
+
|
|
50
|
+
<img width="643" height="455" alt="Bar chart with y-axis grouped per categories" src="https://github.com/user-attachments/assets/59044afe-bcc5-4152-8bf1-225db0635025" />
|
|
51
|
+
|
|
52
|
+
#### `@mui/x-charts@8.10.1`
|
|
53
|
+
|
|
54
|
+
- [charts] Allow y-axis to be grouped (#19081) @JCQuintas
|
|
55
|
+
- [charts] Fix default axis highlight for axes without data attribute (#18985) @alexfauquette
|
|
56
|
+
- [charts] Fix tooltip mark unexpected wrapping in mobile (#19122) @bernardobelchior
|
|
57
|
+
- [charts] Prevent overflow on charts tooltip (#19123) @bernardobelchior
|
|
58
|
+
|
|
59
|
+
#### `@mui/x-charts-pro@8.10.1` [](https://mui.com/r/x-pro-svg-link "Pro plan")
|
|
60
|
+
|
|
61
|
+
Same changes as in `@mui/x-charts@8.10.1`.
|
|
62
|
+
|
|
63
|
+
### Tree View
|
|
64
|
+
|
|
65
|
+
#### `@mui/x-tree-view@8.10.1`
|
|
66
|
+
|
|
67
|
+
Internal changes.
|
|
68
|
+
|
|
69
|
+
#### `@mui/x-tree-view-pro@8.10.1` [](https://mui.com/r/x-pro-svg-link "Pro plan")
|
|
70
|
+
|
|
71
|
+
Same changes as in `@mui/x-tree-view@8.10.1`.
|
|
72
|
+
|
|
73
|
+
### Codemod
|
|
74
|
+
|
|
75
|
+
#### `@mui/x-codemod@8.10.1`
|
|
76
|
+
|
|
77
|
+
Internal changes.
|
|
78
|
+
|
|
79
|
+
### Docs
|
|
80
|
+
|
|
81
|
+
- [docs] Add all planned charts on the overview page (#19077) @prakhargupta1
|
|
82
|
+
- [docs] Add future charts components link in the sidebar (#19140) @prakhargupta1
|
|
83
|
+
- [docs] Fix Heatmap docs duplicate text (#19138) @JCQuintas
|
|
84
|
+
- [docs] Remove preview from Toolbar & Funnel (#19131) @mnajdova
|
|
85
|
+
- [docs] Reproduce npm sparkline (#19089) @alexfauquette
|
|
86
|
+
|
|
87
|
+
### Core
|
|
88
|
+
|
|
89
|
+
- [core] Fix licensing model name (#19025) @oliviertassinari
|
|
90
|
+
- [core] Fix usage of `:catalog` for `@babel/runtime` (#19028) @oliviertassinari
|
|
91
|
+
- [core] Refactor virtualizer API (#18995) @romgrk
|
|
92
|
+
|
|
93
|
+
### Miscellaneous
|
|
94
|
+
|
|
95
|
+
- [code-infra] Remove namespaces (#19071) @Janpot
|
|
96
|
+
- [code-infra] Fix `fs-extra` removal from `formattedTSDemos` script (#19132) @bernardobelchior
|
|
97
|
+
- [code-infra] Remove unused code and dependency (#19139) @bernardobelchior
|
|
98
|
+
- [code-infra] Replace `fs-extra` with `node:fs` where possible (#19127) @bernardobelchior
|
|
99
|
+
- [internal] Edit, keep `lockFileMaintenance` simple @oliviertassinari
|
|
100
|
+
- [internal] Fix writing style action name @oliviertassinari
|
|
101
|
+
- [internal] Make it clear that `lockFileMaintenance` is enabled @oliviertassinari
|
|
102
|
+
- [support-infra] Remove default issue label (#19104) @oliviertassinari
|
|
103
|
+
|
|
104
|
+
## 8.10.0
|
|
105
|
+
|
|
106
|
+
_Aug 8, 2025_
|
|
107
|
+
|
|
108
|
+
We'd like to extend a big thank you to the 17 contributors who made this release possible. Here are some highlights ✨:
|
|
109
|
+
|
|
110
|
+
- 📊 [`FunnelChart`](https://mui.com/x/react-charts/funnel/) marked as stable
|
|
111
|
+
- 📈 [Zoom slider](https://mui.com/x/react-charts/zoom-and-pan/#zoom-slider) and [Preview](https://mui.com/x/react-charts/zoom-and-pan/#preview) marked as stable
|
|
112
|
+
- 📈 Supporting [label groups](https://mui.com/x/react-charts/axis/#grouped-axes) in band and point axis
|
|
113
|
+
- 🌎 Improve Norwegian Nynorsk (nn-NO) locale on the Data Grid
|
|
114
|
+
- 🐞 Bugfixes
|
|
115
|
+
- 📚 Documentation improvements
|
|
116
|
+
|
|
117
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
118
|
+
@AnderzL7, @aqeelat, @dwrth, @noobyogi0010, @nusr, @sai6855
|
|
119
|
+
|
|
120
|
+
The following are all team members who have contributed to this release:
|
|
121
|
+
@arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @mapache-salvaje, @MBilalShafi, @oliviertassinari, @rita-codes, @romgrk
|
|
122
|
+
|
|
123
|
+
### Data Grid
|
|
124
|
+
|
|
125
|
+
#### `@mui/x-data-grid@8.10.0`
|
|
126
|
+
|
|
127
|
+
- [DataGrid] Move spread operator in `BaseSelect` to allow `variant` change (#19026) @dwrth
|
|
128
|
+
- [DataGrid] Use `use-sync-external-store` shim (#19063) @romgrk
|
|
129
|
+
- [DataGrid] Allow skipping cache in `dataSource.fetchRows()` API method (#18904) @MBilalShafi
|
|
130
|
+
- [DataGrid] Do not call `preProcessEditCellProps()` if cell is not editable based on `isCellEditable()` (#18405) @nusr
|
|
131
|
+
- [DataGrid] Fix `renderCountry` throwing an error when used in tree data (#19068) @cherniavskii
|
|
132
|
+
- [DataGrid] Fix performance issue for root level "select all" (#19015) @MBilalShafi
|
|
133
|
+
- [DataGrid] Fix pagination `slotProps` being ignored by the grid (#19095) @romgrk
|
|
134
|
+
- [l10n] Improve Norwegian Nynorsk (nn-NO) locale (#19076) @AnderzL7
|
|
135
|
+
|
|
136
|
+
#### `@mui/x-data-grid-pro@8.10.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
137
|
+
|
|
138
|
+
Same changes as in `@mui/x-data-grid@8.10.0`, plus:
|
|
139
|
+
|
|
140
|
+
- [DataGridPro] Fix row reorder not working with column reorder disabled (#19016) @MBilalShafi
|
|
141
|
+
- [DataGridPro] Fix header filters cache sharing issue (#19090) @MBilalShafi
|
|
142
|
+
|
|
143
|
+
#### `@mui/x-data-grid-premium@8.10.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
144
|
+
|
|
145
|
+
Same changes as in `@mui/x-data-grid-pro@8.10.0`, plus:
|
|
146
|
+
|
|
147
|
+
- [DataGridPremium] Allow additional derived columns customization via `valueFormatter` (#18982) @arminmeh
|
|
148
|
+
- [DataGridPremium] Fix complex `singleSelect` columns not working in pivot model (#18971) @cherniavskii
|
|
149
|
+
|
|
150
|
+
### Date and Time Pickers
|
|
151
|
+
|
|
152
|
+
#### `@mui/x-date-pickers@8.10.0`
|
|
153
|
+
|
|
154
|
+
- [pickers] `MuiPickersLayout-toolbar` is overlapping the Calendar in RTL `MobileDatePicker` variant (#18981) @rita-codes
|
|
155
|
+
|
|
156
|
+
#### `@mui/x-date-pickers-pro@8.10.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
157
|
+
|
|
158
|
+
Same changes as in `@mui/x-date-pickers@8.10.0`.
|
|
159
|
+
|
|
160
|
+
### Charts
|
|
161
|
+
|
|
162
|
+
#### `@mui/x-charts@8.10.0`
|
|
163
|
+
|
|
164
|
+
- [charts] Add `groups` to `band` and `point` axis config (#18766) @JCQuintas
|
|
165
|
+
- [charts] Animation example using `motion` library (#18993) @JCQuintas
|
|
166
|
+
- [charts] Deprecate `Unstable_` radar exports (#19079) @JCQuintas
|
|
167
|
+
- [charts] Improve grouped axis logic (#19069) @JCQuintas
|
|
168
|
+
- [charts] Fix type assertion in axis highlight components (#19060) @sai6855
|
|
169
|
+
- [charts] Remove unnecessary type assertion in tooltip `valueFormatter` in heatmap (#19047) @sai6855
|
|
170
|
+
|
|
171
|
+
#### `@mui/x-charts-pro@8.10.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
172
|
+
|
|
173
|
+
Same changes as in `@mui/x-charts@8.10.0`, plus:
|
|
174
|
+
|
|
175
|
+
- [charts-pro] Fix `slotProps.tooltip.trigger` not respected in `ScatterChartPro` and `FunnelChart` (#18902) @bernardobelchior
|
|
176
|
+
- [charts-pro] Fix zoom filtering adjusting axis too soon (#18992) @bernardobelchior
|
|
177
|
+
- [charts-pro] Mark `FunnelChart` as stable (#19048) @JCQuintas
|
|
178
|
+
- [charts-pro] Mark zoom slider and preview as stable (#19049) @JCQuintas
|
|
179
|
+
- [charts-pro] Refactor `createAxisFilterMapper` (#18998) @bernardobelchior
|
|
180
|
+
|
|
181
|
+
### Tree View
|
|
182
|
+
|
|
183
|
+
#### `@mui/x-tree-view@8.10.0`
|
|
184
|
+
|
|
185
|
+
Internal changes.
|
|
186
|
+
|
|
187
|
+
#### `@mui/x-tree-view-pro@8.10.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
188
|
+
|
|
189
|
+
Same changes as in `@mui/x-tree-view@8.10.0`.
|
|
190
|
+
|
|
191
|
+
### Codemod
|
|
192
|
+
|
|
193
|
+
#### `@mui/x-codemod@8.10.0`
|
|
194
|
+
|
|
195
|
+
Internal changes.
|
|
196
|
+
|
|
197
|
+
### Docs
|
|
198
|
+
|
|
199
|
+
- [docs] Add CSS bundler breaking change to migration guide (#17436) @romgrk
|
|
200
|
+
- [docs] `RichTreeViewPro` demo for dragging via custom drag-handle is not working properly (#19008) @rita-codes
|
|
201
|
+
- [docs] Fix broken link to D3 in Charts (#19020) @oliviertassinari
|
|
202
|
+
- [docs] Revise the Charts Animation doc (#18990) @mapache-salvaje
|
|
203
|
+
- [docs] Fix incorrect code in line chart preview (#19023) @noobyogi0010
|
|
204
|
+
- [docs] Improve bundling instructions for the Data Grid (#19065) @romgrk
|
|
205
|
+
- [docs] Reduce image size in the inventory grid demo (#19004) @arminmeh
|
|
206
|
+
|
|
207
|
+
### Core
|
|
208
|
+
|
|
209
|
+
- [core] Fix ESLint reference name @oliviertassinari
|
|
210
|
+
|
|
211
|
+
### Miscellaneous
|
|
212
|
+
|
|
213
|
+
- [infra] Remove bundle size tracking for subpaths (#19072) @Janpot
|
|
214
|
+
- [infra] Accept `PORT` env on `docs:dev` script (#19014) @JCQuintas
|
|
215
|
+
- [infra] Skip codesandbox iframe demos in regressions tests (#18970) @cherniavskii
|
|
216
|
+
- [infra] Remove package.json `module` field (#18961) @Janpot
|
|
217
|
+
- [internal] Remove peer dependency on `@mui/system` (#19062) @aqeelat
|
|
218
|
+
|
|
8
219
|
## 8.9.2
|
|
9
220
|
|
|
10
221
|
_Jul 31, 2025_
|
|
@@ -418,8 +629,8 @@ Same changes as in `@mui/x-tree-view@8.7.0`, plus:
|
|
|
418
629
|
|
|
419
630
|
- [code-infra] Bump code-infra version and fix breaking changes (#18653) @brijeshb42
|
|
420
631
|
- [code-infra] Ensure `material-ui/disallow-react-api-in-server-components` ESLint rule is applied (#18570) @LukasTy
|
|
421
|
-
- [code-infra] Migrate to flat
|
|
422
|
-
- [code-infra] Refactor
|
|
632
|
+
- [code-infra] Migrate to flat ESLint config (#18562) @brijeshb42
|
|
633
|
+
- [code-infra] Refactor ESLint config (#18643) @LukasTy
|
|
423
634
|
- [infra] Add renovatebot rule for latest infra packages (#18609) @Janpot
|
|
424
635
|
- [infra] Move pushArgos script to code-infra (#18667) @Janpot
|
|
425
636
|
- [infra] Updates release script to fetch latest major version from upstream (#18552) @michelengelen
|
|
@@ -1333,7 +1544,7 @@ Same changes as in `@mui/x-tree-view@8.2.0`.
|
|
|
1333
1544
|
- [core] Fix all Vale errors @oliviertassinari
|
|
1334
1545
|
- [core] Move `loadStyleSheets` to internals and use it in data grid and charts (#17548) @bernardobelchior
|
|
1335
1546
|
- [core] Remove empty version (#17582) @oliviertassinari
|
|
1336
|
-
- [core] Remove
|
|
1547
|
+
- [core] Remove ESLint from codemod spec files (#17443) @alexfauquette
|
|
1337
1548
|
- [core] Remove unnecessary versions (#17597) @oliviertassinari
|
|
1338
1549
|
- [code-infra] Allow postinstall scripts for packages requesting it (#17635) @LukasTy
|
|
1339
1550
|
- [code-infra] Data Grid `vitest` changes (#17619) @JCQuintas
|
|
@@ -6827,7 +7038,7 @@ Same changes as in `@mui/x-date-pickers@7.8.0`.
|
|
|
6827
7038
|
|
|
6828
7039
|
### Core
|
|
6829
7040
|
|
|
6830
|
-
- [core] Add
|
|
7041
|
+
- [core] Add ESLint rule to restrict import from `../internals` root (#13633) @JCQuintas
|
|
6831
7042
|
- [docs-infra] Sync `\_app` folder with monorepo (#13582) @Janpot
|
|
6832
7043
|
- [license] Allow usage of Charts and Tree View Pro package for old premium licenses (#13619) @flaviendelangle
|
|
6833
7044
|
|
|
@@ -6965,7 +7176,7 @@ Same changes as in `@mui/x-date-pickers@7.7.0`.
|
|
|
6965
7176
|
|
|
6966
7177
|
- [charts] Add watermark on the pro `ResponsiveChartContainer` (#13398) @alexfauquette
|
|
6967
7178
|
- [charts] Allow to specify y-axis configuration (#13438) @alexfauquette
|
|
6968
|
-
- [charts] Fix
|
|
7179
|
+
- [charts] Fix ESLint for react compiler (#13444) @alexfauquette
|
|
6969
7180
|
- [charts] Improve themeAugmentation typing (#13433) @noraleonte
|
|
6970
7181
|
- [charts] Move the `ZAxisContextProvider` by default in the `ChartContainer` (#13465) @alexfauquette
|
|
6971
7182
|
- [charts] Use plugins to define series extremum and colors (#13397) @alexfauquette
|
|
@@ -7512,7 +7723,7 @@ Same changes as in `@mui/x-date-pickers@7.3.1`.
|
|
|
7512
7723
|
- [core] Use `describeTreeView` for focus tests (#12698) @flaviendelangle
|
|
7513
7724
|
- [core] Use `describeTreeView` for type-ahead tests (#12811) @flaviendelangle
|
|
7514
7725
|
- [code-infra] Change package manager to `pnpm` (#11875) @LukasTy
|
|
7515
|
-
- [code-infra] Closer sync with
|
|
7726
|
+
- [code-infra] Closer sync with ESLint config of codebase (#12864) @oliviertassinari
|
|
7516
7727
|
- [support-infra] Add release announcement to GitHub workflows (#11867) (#12843) @michelengelen
|
|
7517
7728
|
|
|
7518
7729
|
## 7.3.0
|
|
@@ -18,7 +18,7 @@ var _material = require("../internals/material");
|
|
|
18
18
|
var _allPlugins = require("../internals/plugins/allPlugins");
|
|
19
19
|
var _useChartDataProviderProProps = require("./useChartDataProviderProProps");
|
|
20
20
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
21
|
-
const releaseInfo = "
|
|
21
|
+
const releaseInfo = "MTc1NTIzMDQwMDAwMA==";
|
|
22
22
|
const packageIdentifier = 'x-charts-pro';
|
|
23
23
|
/**
|
|
24
24
|
* Orchestrates the data providers for the chart components and hooks.
|
|
@@ -55,9 +55,9 @@ const FunnelChart = exports.FunnelChart = /*#__PURE__*/React.forwardRef(function
|
|
|
55
55
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
|
|
56
56
|
children: [!themedProps.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
|
|
57
57
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FunnelPlot.FunnelPlot, (0, _extends2.default)({}, funnelPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), children]
|
|
58
|
-
})), !themedProps.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({
|
|
58
|
+
})), !themedProps.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({
|
|
59
59
|
trigger: "item"
|
|
60
|
-
}))]
|
|
60
|
+
}, themedProps.slotProps?.tooltip))]
|
|
61
61
|
}))
|
|
62
62
|
}));
|
|
63
63
|
});
|
|
@@ -15,23 +15,22 @@ exports.Bump = void 0;
|
|
|
15
15
|
* https://github.com/d3/d3-shape/blob/a82254af78f08799c71d7ab25df557c4872a3c51/src/curve/bump.js
|
|
16
16
|
*/
|
|
17
17
|
class Bump {
|
|
18
|
+
isHorizontal = false;
|
|
19
|
+
min = {
|
|
20
|
+
x: 0,
|
|
21
|
+
y: 0
|
|
22
|
+
};
|
|
23
|
+
max = {
|
|
24
|
+
x: 0,
|
|
25
|
+
y: 0
|
|
26
|
+
};
|
|
27
|
+
points = [];
|
|
18
28
|
constructor(context, {
|
|
19
29
|
isHorizontal,
|
|
20
30
|
min,
|
|
21
31
|
max,
|
|
22
32
|
isIncreasing
|
|
23
33
|
}) {
|
|
24
|
-
this.context = void 0;
|
|
25
|
-
this.isHorizontal = false;
|
|
26
|
-
this.min = {
|
|
27
|
-
x: 0,
|
|
28
|
-
y: 0
|
|
29
|
-
};
|
|
30
|
-
this.max = {
|
|
31
|
-
x: 0,
|
|
32
|
-
y: 0
|
|
33
|
-
};
|
|
34
|
-
this.points = [];
|
|
35
34
|
this.context = context;
|
|
36
35
|
this.isHorizontal = isHorizontal ?? false;
|
|
37
36
|
this.min = min ?? {
|
|
@@ -17,6 +17,22 @@ var _utils = require("./utils");
|
|
|
17
17
|
* https://github.com/d3/d3-shape/blob/a82254af78f08799c71d7ab25df557c4872a3c51/src/curve/linear.js
|
|
18
18
|
*/
|
|
19
19
|
class Linear {
|
|
20
|
+
position = 0;
|
|
21
|
+
sections = 0;
|
|
22
|
+
isHorizontal = false;
|
|
23
|
+
isIncreasing = false;
|
|
24
|
+
gap = 0;
|
|
25
|
+
borderRadius = 0;
|
|
26
|
+
min = {
|
|
27
|
+
x: 0,
|
|
28
|
+
y: 0
|
|
29
|
+
};
|
|
30
|
+
max = {
|
|
31
|
+
x: 0,
|
|
32
|
+
y: 0
|
|
33
|
+
};
|
|
34
|
+
points = [];
|
|
35
|
+
pointShape = 'square';
|
|
20
36
|
constructor(context, {
|
|
21
37
|
isHorizontal,
|
|
22
38
|
gap,
|
|
@@ -28,23 +44,6 @@ class Linear {
|
|
|
28
44
|
isIncreasing,
|
|
29
45
|
pointShape
|
|
30
46
|
}) {
|
|
31
|
-
this.context = void 0;
|
|
32
|
-
this.position = 0;
|
|
33
|
-
this.sections = 0;
|
|
34
|
-
this.isHorizontal = false;
|
|
35
|
-
this.isIncreasing = false;
|
|
36
|
-
this.gap = 0;
|
|
37
|
-
this.borderRadius = 0;
|
|
38
|
-
this.min = {
|
|
39
|
-
x: 0,
|
|
40
|
-
y: 0
|
|
41
|
-
};
|
|
42
|
-
this.max = {
|
|
43
|
-
x: 0,
|
|
44
|
-
y: 0
|
|
45
|
-
};
|
|
46
|
-
this.points = [];
|
|
47
|
-
this.pointShape = 'square';
|
|
48
47
|
this.context = context;
|
|
49
48
|
this.isHorizontal = isHorizontal ?? false;
|
|
50
49
|
this.gap = gap ?? 0;
|
|
@@ -15,6 +15,21 @@ var _utils = require("./utils");
|
|
|
15
15
|
* with the option to add a gap between sections while also properly handling the border radius.
|
|
16
16
|
*/
|
|
17
17
|
class Pyramid {
|
|
18
|
+
position = 0;
|
|
19
|
+
sections = 0;
|
|
20
|
+
isHorizontal = false;
|
|
21
|
+
isIncreasing = false;
|
|
22
|
+
gap = 0;
|
|
23
|
+
borderRadius = 0;
|
|
24
|
+
min = {
|
|
25
|
+
x: 0,
|
|
26
|
+
y: 0
|
|
27
|
+
};
|
|
28
|
+
max = {
|
|
29
|
+
x: 0,
|
|
30
|
+
y: 0
|
|
31
|
+
};
|
|
32
|
+
points = [];
|
|
18
33
|
constructor(context, {
|
|
19
34
|
isHorizontal,
|
|
20
35
|
gap,
|
|
@@ -25,22 +40,6 @@ class Pyramid {
|
|
|
25
40
|
max,
|
|
26
41
|
isIncreasing
|
|
27
42
|
}) {
|
|
28
|
-
this.context = void 0;
|
|
29
|
-
this.position = 0;
|
|
30
|
-
this.sections = 0;
|
|
31
|
-
this.isHorizontal = false;
|
|
32
|
-
this.isIncreasing = false;
|
|
33
|
-
this.gap = 0;
|
|
34
|
-
this.borderRadius = 0;
|
|
35
|
-
this.min = {
|
|
36
|
-
x: 0,
|
|
37
|
-
y: 0
|
|
38
|
-
};
|
|
39
|
-
this.max = {
|
|
40
|
-
x: 0,
|
|
41
|
-
y: 0
|
|
42
|
-
};
|
|
43
|
-
this.points = [];
|
|
44
43
|
this.context = context;
|
|
45
44
|
this.isHorizontal = isHorizontal ?? false;
|
|
46
45
|
this.gap = (gap ?? 0) / 2;
|
|
@@ -14,6 +14,21 @@ var _utils = require("./utils");
|
|
|
14
14
|
* It has the option to add a gap between sections while also properly handling the border radius.
|
|
15
15
|
*/
|
|
16
16
|
class StepPyramid {
|
|
17
|
+
position = 0;
|
|
18
|
+
sections = 0;
|
|
19
|
+
isHorizontal = false;
|
|
20
|
+
isIncreasing = false;
|
|
21
|
+
gap = 0;
|
|
22
|
+
borderRadius = 0;
|
|
23
|
+
min = {
|
|
24
|
+
x: 0,
|
|
25
|
+
y: 0
|
|
26
|
+
};
|
|
27
|
+
max = {
|
|
28
|
+
x: 0,
|
|
29
|
+
y: 0
|
|
30
|
+
};
|
|
31
|
+
points = [];
|
|
17
32
|
constructor(context, {
|
|
18
33
|
isHorizontal,
|
|
19
34
|
gap,
|
|
@@ -24,22 +39,6 @@ class StepPyramid {
|
|
|
24
39
|
max,
|
|
25
40
|
isIncreasing
|
|
26
41
|
}) {
|
|
27
|
-
this.context = void 0;
|
|
28
|
-
this.position = 0;
|
|
29
|
-
this.sections = 0;
|
|
30
|
-
this.isHorizontal = false;
|
|
31
|
-
this.isIncreasing = false;
|
|
32
|
-
this.gap = 0;
|
|
33
|
-
this.borderRadius = 0;
|
|
34
|
-
this.min = {
|
|
35
|
-
x: 0,
|
|
36
|
-
y: 0
|
|
37
|
-
};
|
|
38
|
-
this.max = {
|
|
39
|
-
x: 0,
|
|
40
|
-
y: 0
|
|
41
|
-
};
|
|
42
|
-
this.points = [];
|
|
43
42
|
this.context = context;
|
|
44
43
|
this.isHorizontal = isHorizontal ?? false;
|
|
45
44
|
this.gap = gap ?? 0;
|
|
@@ -19,6 +19,13 @@ var _utils = require("./utils");
|
|
|
19
19
|
* https://github.com/d3/d3-shape/blob/a82254af78f08799c71d7ab25df557c4872a3c51/src/curve/step.js
|
|
20
20
|
*/
|
|
21
21
|
class Step {
|
|
22
|
+
isHorizontal = false;
|
|
23
|
+
isIncreasing = false;
|
|
24
|
+
gap = 0;
|
|
25
|
+
borderRadius = 0;
|
|
26
|
+
position = 0;
|
|
27
|
+
sections = 0;
|
|
28
|
+
points = [];
|
|
22
29
|
constructor(context, {
|
|
23
30
|
isHorizontal,
|
|
24
31
|
gap,
|
|
@@ -27,14 +34,6 @@ class Step {
|
|
|
27
34
|
isIncreasing,
|
|
28
35
|
sections
|
|
29
36
|
}) {
|
|
30
|
-
this.context = void 0;
|
|
31
|
-
this.isHorizontal = false;
|
|
32
|
-
this.isIncreasing = false;
|
|
33
|
-
this.gap = 0;
|
|
34
|
-
this.borderRadius = 0;
|
|
35
|
-
this.position = 0;
|
|
36
|
-
this.sections = 0;
|
|
37
|
-
this.points = [];
|
|
38
37
|
this.context = context;
|
|
39
38
|
this.isHorizontal = isHorizontal ?? false;
|
|
40
39
|
this.gap = gap ?? 0;
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
import { ChartsOverlaySlotProps, ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
|
|
2
|
-
import { ChartsTooltipSlotProps, ChartsTooltipSlots } from '@mui/x-charts/ChartsTooltip';
|
|
2
|
+
import { ChartsTooltipProps, ChartsTooltipSlotProps, ChartsTooltipSlots } from '@mui/x-charts/ChartsTooltip';
|
|
3
3
|
import { ChartsAxisSlotProps, ChartsAxisSlots, ChartsSlotProps, ChartsSlots } from '@mui/x-charts/internals';
|
|
4
4
|
import { ChartsLegendSlotProps, ChartsLegendSlots } from '@mui/x-charts/ChartsLegend';
|
|
5
5
|
import { ChartsToolbarSlotProps, ChartsToolbarSlots } from '@mui/x-charts/Toolbar';
|
|
6
6
|
import { FunnelPlotSlotProps, FunnelPlotSlots } from "./funnelPlotSlots.types.js";
|
|
7
7
|
export interface FunnelChartSlots extends ChartsAxisSlots, FunnelPlotSlots, ChartsLegendSlots, ChartsTooltipSlots, ChartsOverlaySlots, ChartsAxisSlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
|
|
8
|
-
export interface FunnelChartSlotProps extends ChartsAxisSlotProps, FunnelPlotSlotProps, ChartsLegendSlotProps, ChartsTooltipSlotProps, ChartsOverlaySlotProps, ChartsAxisSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {
|
|
8
|
+
export interface FunnelChartSlotProps extends ChartsAxisSlotProps, FunnelPlotSlotProps, ChartsLegendSlotProps, Omit<ChartsTooltipSlotProps, 'tooltip'>, ChartsOverlaySlotProps, ChartsAxisSlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {
|
|
9
|
+
/**
|
|
10
|
+
* Slot props for the tooltip component.
|
|
11
|
+
* @default {}
|
|
12
|
+
*/
|
|
13
|
+
tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>>;
|
|
14
|
+
}
|
|
9
15
|
export interface FunnelChartSlotExtension {
|
|
10
16
|
/**
|
|
11
17
|
* Overridable component slots.
|
package/FunnelChart/index.d.ts
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
export { FunnelChart
|
|
1
|
+
export { FunnelChart } from "./FunnelChart.js";
|
|
2
|
+
/**
|
|
3
|
+
* @deprecated funnel chart is now stable, import `FunnelChart` instead
|
|
4
|
+
*/
|
|
5
|
+
export declare const Unstable_FunnelChart: import("react").ForwardRefExoticComponent<import("./FunnelChart.js").FunnelChartProps & import("react").RefAttributes<SVGSVGElement>>;
|
|
2
6
|
export type { FunnelChartProps, FunnelSeries } from "./FunnelChart.js";
|
|
3
7
|
export * from "./FunnelPlot.js";
|
|
4
8
|
export * from "./funnel.types.js";
|
package/FunnelChart/index.js
CHANGED
|
@@ -5,28 +5,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
var _exportNames = {
|
|
7
7
|
Unstable_FunnelChart: true,
|
|
8
|
+
FunnelChart: true,
|
|
8
9
|
funnelSectionClasses: true,
|
|
9
10
|
FunnelSection: true,
|
|
10
11
|
FunnelSectionLabel: true
|
|
11
12
|
};
|
|
12
|
-
Object.defineProperty(exports, "
|
|
13
|
+
Object.defineProperty(exports, "FunnelChart", {
|
|
13
14
|
enumerable: true,
|
|
14
15
|
get: function () {
|
|
15
|
-
return
|
|
16
|
+
return _FunnelChart.FunnelChart;
|
|
16
17
|
}
|
|
17
18
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
19
|
+
Object.defineProperty(exports, "FunnelSection", {
|
|
19
20
|
enumerable: true,
|
|
20
21
|
get: function () {
|
|
21
|
-
return
|
|
22
|
+
return _FunnelSection.FunnelSection;
|
|
22
23
|
}
|
|
23
24
|
});
|
|
24
|
-
Object.defineProperty(exports, "
|
|
25
|
+
Object.defineProperty(exports, "FunnelSectionLabel", {
|
|
25
26
|
enumerable: true,
|
|
26
27
|
get: function () {
|
|
27
|
-
return
|
|
28
|
+
return _FunnelSectionLabel.FunnelSectionLabel;
|
|
28
29
|
}
|
|
29
30
|
});
|
|
31
|
+
exports.Unstable_FunnelChart = void 0;
|
|
30
32
|
Object.defineProperty(exports, "funnelSectionClasses", {
|
|
31
33
|
enumerable: true,
|
|
32
34
|
get: function () {
|
|
@@ -84,4 +86,9 @@ Object.keys(_funnelSlots).forEach(function (key) {
|
|
|
84
86
|
});
|
|
85
87
|
var _funnelSectionClasses = require("./funnelSectionClasses");
|
|
86
88
|
var _FunnelSection = require("./FunnelSection");
|
|
87
|
-
var _FunnelSectionLabel = require("./FunnelSectionLabel");
|
|
89
|
+
var _FunnelSectionLabel = require("./FunnelSectionLabel");
|
|
90
|
+
/**
|
|
91
|
+
* @deprecated funnel chart is now stable, import `FunnelChart` instead
|
|
92
|
+
*/
|
|
93
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
94
|
+
const Unstable_FunnelChart = exports.Unstable_FunnelChart = _FunnelChart.FunnelChart;
|
package/Heatmap/Heatmap.js
CHANGED
|
@@ -312,6 +312,11 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
|
|
|
312
312
|
disableTicks: _propTypes.default.bool,
|
|
313
313
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
314
314
|
fill: _propTypes.default.string,
|
|
315
|
+
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
316
|
+
getValue: _propTypes.default.func.isRequired,
|
|
317
|
+
tickLabelStyle: _propTypes.default.object,
|
|
318
|
+
tickSize: _propTypes.default.number
|
|
319
|
+
})),
|
|
315
320
|
height: _propTypes.default.number,
|
|
316
321
|
hideTooltip: _propTypes.default.bool,
|
|
317
322
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
@@ -371,6 +376,11 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
|
|
|
371
376
|
disableTicks: _propTypes.default.bool,
|
|
372
377
|
domainLimit: _propTypes.default.oneOfType([_propTypes.default.oneOf(['nice', 'strict']), _propTypes.default.func]),
|
|
373
378
|
fill: _propTypes.default.string,
|
|
379
|
+
groups: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
380
|
+
getValue: _propTypes.default.func.isRequired,
|
|
381
|
+
tickLabelStyle: _propTypes.default.object,
|
|
382
|
+
tickSize: _propTypes.default.number
|
|
383
|
+
})),
|
|
374
384
|
hideTooltip: _propTypes.default.bool,
|
|
375
385
|
id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
|
|
376
386
|
ignoreTooltip: _propTypes.default.bool,
|