@mui/x-charts-pro 8.0.0-alpha.1 β†’ 8.0.0-alpha.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 (37) hide show
  1. package/BarChartPro/BarChartPro.js +0 -4
  2. package/CHANGELOG.md +228 -7
  3. package/ChartContainerPro/ChartContainerPro.js +8 -16
  4. package/ChartContainerPro/useChartContainerProProps.js +0 -2
  5. package/Heatmap/Heatmap.js +0 -4
  6. package/Heatmap/HeatmapTooltip.js +2 -24
  7. package/Heatmap/heatmapClasses.js +2 -1
  8. package/LineChartPro/LineChartPro.js +0 -4
  9. package/ScatterChartPro/ScatterChartPro.js +0 -4
  10. package/context/CartesianProviderPro/createAxisFilterMapper.d.ts +2 -1
  11. package/context/ChartDataProviderPro/ChartDataProviderPro.d.ts +0 -3
  12. package/context/ChartDataProviderPro/ChartDataProviderPro.js +13 -262
  13. package/index.js +1 -1
  14. package/internals/utils/releaseInfo.js +2 -2
  15. package/modern/BarChartPro/BarChartPro.js +0 -4
  16. package/modern/ChartContainerPro/ChartContainerPro.js +8 -16
  17. package/modern/ChartContainerPro/useChartContainerProProps.js +0 -2
  18. package/modern/Heatmap/Heatmap.js +0 -4
  19. package/modern/Heatmap/HeatmapTooltip.js +2 -24
  20. package/modern/Heatmap/heatmapClasses.js +2 -1
  21. package/modern/LineChartPro/LineChartPro.js +0 -4
  22. package/modern/ScatterChartPro/ScatterChartPro.js +0 -4
  23. package/modern/context/ChartDataProviderPro/ChartDataProviderPro.js +13 -262
  24. package/modern/index.js +1 -1
  25. package/modern/internals/utils/releaseInfo.js +2 -2
  26. package/node/BarChartPro/BarChartPro.js +0 -4
  27. package/node/ChartContainerPro/ChartContainerPro.js +8 -16
  28. package/node/ChartContainerPro/useChartContainerProProps.js +0 -2
  29. package/node/Heatmap/Heatmap.js +0 -4
  30. package/node/Heatmap/HeatmapTooltip.js +2 -24
  31. package/node/Heatmap/heatmapClasses.js +5 -4
  32. package/node/LineChartPro/LineChartPro.js +0 -4
  33. package/node/ScatterChartPro/ScatterChartPro.js +0 -4
  34. package/node/context/ChartDataProviderPro/ChartDataProviderPro.js +13 -262
  35. package/node/index.js +1 -1
  36. package/node/internals/utils/releaseInfo.js +4 -3
  37. package/package.json +4 -4
@@ -307,7 +307,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
307
307
  hideTooltip: PropTypes.bool,
308
308
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
309
309
  label: PropTypes.string,
310
- labelFontSize: PropTypes.number,
311
310
  labelStyle: PropTypes.object,
312
311
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
313
312
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -318,7 +317,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
318
317
  slots: PropTypes.object,
319
318
  stroke: PropTypes.string,
320
319
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
321
- tickFontSize: PropTypes.number,
322
320
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
323
321
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
324
322
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -370,7 +368,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
370
368
  hideTooltip: PropTypes.bool,
371
369
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
372
370
  label: PropTypes.string,
373
- labelFontSize: PropTypes.number,
374
371
  labelStyle: PropTypes.object,
375
372
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
376
373
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -381,7 +378,6 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
381
378
  slots: PropTypes.object,
382
379
  stroke: PropTypes.string,
383
380
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
384
- tickFontSize: PropTypes.number,
385
381
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
386
382
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
387
383
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
package/CHANGELOG.md CHANGED
@@ -5,6 +5,133 @@
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
+ ## v8.0.0-alpha.2
9
+
10
+ _Nov 29, 2024_
11
+
12
+ We'd like to offer a big thanks to the 17 contributors who made this release possible. Here are some highlights ✨:
13
+
14
+ - πŸ‘¨πŸ½β€πŸ’» Improve resize performance on the Data Gird.
15
+ - `<ChartDataProvider />` and `<ChartsSurface />` components are now fully divided β€” [Learn more](https://next.mui.com/x/react-charts/composition/#overview).
16
+ - Users can create their own HTML components using chart data β€” [Learn more](https://next.mui.com/x/react-charts/components/#html-components).
17
+ - 🌍 Improve Spanish, Portuguese, Chinese locales on the Data Grid component.
18
+ - 🌍 Improve Dutch locale on the Date and Time Pickers components.
19
+ - 🐞 Bugfixes
20
+ - πŸ“š Documentation improvements
21
+
22
+ Special thanks go out to the community contributors who have helped make this release possible:
23
+ @dloeda, @headironc, @jedesroches, @k-rajat19, @lauri865, @mathzdev, @nphmuller, @zinoroman.
24
+ Following are all team members who have contributed to this release:
25
+ @arminmeh, @alexfauquette, @cherniavskii, @flaviendelangle, @JCQuintas, @KenanYusuf, @LukasTy, @MBilalShafi, @oliviertassinari.
26
+
27
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
28
+
29
+ ### Data Grid
30
+
31
+ #### Breaking changes
32
+
33
+ - The `<GridOverlays />` component is not exported anymore.
34
+ - The `indeterminateCheckboxAction` prop has been removed. Clicking on an indeterminate checkbox "selects" the unselected descendants.
35
+ - The `apiRef.current.resize()` method was removed.
36
+ - The default value of the `rowSelectionPropagation` prop has been changed to `{ parents: true, descendants: true }` which means that the selection will be propagated to the parents and descendants by default.
37
+ To revert to the previous behavior, pass `rowSelectionPropagation` as `{ parents: false, descendants: false }`.
38
+ - If `estimatedRowCount` is used, the text provided to the [Table Pagination](/material-ui/api/table-pagination/) component from the MaterialΒ UI library is updated and requires additional translations. Check the example at the end of [Index-based pagination section](/x/react-data-grid/pagination/#index-based-pagination).
39
+
40
+ #### `@mui/x-data-grid@v8.0.0-alpha.2`
41
+
42
+ - [DataGrid] Change test dom check from `/jsdom/` to `/jsdom|HappyDOM/`. (#15634) @jedesroches
43
+ - [DataGrid] Clear timers on unmount (#15620) @cherniavskii
44
+ - [DataGrid] Fix order of spread props on toolbar items (#15556) @KenanYusuf
45
+ - [DataGrid] Improve resize performance (#15549) @lauri865
46
+ - [DataGrid] Make estimation label more accurate (#15632) @arminmeh
47
+ - [DataGrid] Remove `<GridOverlays />` export (#15573) @k-rajat19
48
+ - [DataGrid] Remove `indeterminateCheckboxAction` prop (#15522) @MBilalShafi
49
+ - [DataGrid] Remove try/catch from `<GridCell />` due to performance issues (#15616) @lauri865
50
+ - [DataGrid] Remove unused `resize` method (#15599) @cherniavskii
51
+ - [DataGrid] Support column virtualization with dynamic row height (#15541) @cherniavskii
52
+ - [DataGrid] Update the default value for `rowSelectionPropagation` (#15523) @MBilalShafi
53
+ - [l10n] Improve Chinese (zh-CN) locale (#15570) @headironc
54
+ - [l10n] Improve Portuguese (pt-PT) locale (#15561) @mathzdev
55
+
56
+ #### `@mui/x-data-grid-pro@v8.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
57
+
58
+ Same changes as in `@mui/x-data-grid@v8.0.0-alpha.2`, plus:
59
+
60
+ - [DataGridPro] Fix header filtering with `boolean` column type (#15528) @k-rajat19
61
+ - [DataGridPro] Fix pagination state not updating if the data source response has no rows (#15622) @zinoroman
62
+ - [DataGridPro] Fix selection propagation issue on initialization (#15461) @MBilalShafi
63
+
64
+ #### `@mui/x-data-grid-premium@v8.0.0-alpha.2` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
65
+
66
+ Same changes as in `@mui/x-data-grid-pro@v8.0.0-alpha.2`.
67
+
68
+ ### Date and Time Pickers
69
+
70
+ #### Breaking changes
71
+
72
+ - The props received by the `layout` and the `toolbar` slots have been reworked β€” [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#do-not-pass-the-section-type-as-a-generic).
73
+
74
+ - The `TSection` generic of the `FieldRef` type has been replaced with the `TValue` generic β€” [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slots-breaking-changes).
75
+
76
+ #### `@mui/x-date-pickers@v8.0.0-alpha.2`
77
+
78
+ - [l10n] Improve Dutch (nl-NL) locale (#15564) @nphmuller
79
+ - [pickers] Fix DST issue with `America/Asuncion` timezone and `AdapterMoment` (#15552) @flaviendelangle
80
+ - [pickers] Improve validation internals (#15419) @flaviendelangle
81
+ - [pickers] Remove `TSection` and strictly type `TValue` (#15434) @flaviendelangle
82
+ - [pickers] Remove `orientation`, `isLandscape`, `isRtl`, `wrapperVariant` and `disabled` props from `PickersLayout` (#15494) @flaviendelangle
83
+ - [pickers] Use the new `ownerState` in `<PickersCalendarHeader />`, `<PickersArrowSwitcher />` and `<DayCalendarSkeleton />` (#15499) @flaviendelangle
84
+ - [pickers] Use the new `ownerState` object in all the field components (#15510) @flaviendelangle
85
+
86
+ #### `@mui/x-date-pickers-pro@v8.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
87
+
88
+ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.2`.
89
+
90
+ ### Charts
91
+
92
+ #### Breaking changes
93
+
94
+ - Charts Container don't have a `<div />` wrapping them anymore. All props are now passed to the root `<svg />` instead of the `<div />`.
95
+
96
+ #### `@mui/x-charts@v8.0.0-alpha.2`
97
+
98
+ - [charts] Allow the creation of custom HTML components using charts data (#15511) @JCQuintas
99
+ - [charts] Flatten imports from `@mui/utils` and `@mui/system` (#15603) @alexfauquette
100
+ - [charts] Introduce the plugin system (#15513) @alexfauquette
101
+ - [charts] Prevent invalid `releasePointerCapture` (#15602) @alexfauquette
102
+ - [charts] Fix custom Tooltip demos (#15631) @alexfauquette
103
+
104
+ #### `@mui/x-charts-pro@v8.0.0-alpha.2` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
105
+
106
+ Same changes as in `@mui/x-charts@v8.0.0-alpha.2`.
107
+
108
+ ### Tree View
109
+
110
+ #### `@mui/x-tree-view@v8.0.0-alpha.2`
111
+
112
+ - [TreeView] Flatten import from `@mui/utils` and `@mui/system` (#15604) @alexfauquette
113
+
114
+ #### `@mui/x-tree-view-pro@v8.0.0-alpha.2`
115
+
116
+ Same changes as in `@mui/x-tree-view@v8.0.0-alpha.2`.
117
+
118
+ ### Docs
119
+
120
+ - [docs] Fix 404 links (#15575) @oliviertassinari
121
+ - [docs] Fix bash comments (#15571) @oliviertassinari
122
+ - [docs] Fix Pickers theme augmentation example (#15672) @LukasTy
123
+ - [docs] Replace use of "e.g." with "for example" (#15572) @oliviertassinari
124
+ - [docs] Update stale `new` and `preview` tags in v8 docs (#15547) @JCQuintas
125
+ - [docs] Fix layout shift image on Tree View docs (#15626) @oliviertassinari
126
+ - [docs] Fix `anchorEl` API page for charts (#15625) @oliviertassinari
127
+ - [docs] Add documentation for the list view feature (#15344) @KenanYusuf
128
+
129
+ ### Core
130
+
131
+ - [core] Follow `()` function convention for docs @oliviertassinari
132
+ - [core] Remove dead translation key (#15566) @oliviertassinari
133
+ - [code-infra] Auto-merge `@types/node` bumps (#15591) @LukasTy
134
+
8
135
  ## v8.0.0-alpha.1
9
136
 
10
137
  _Nov 22, 2024_
@@ -17,8 +144,6 @@ We'd like to offer a big thanks to the 16 contributors who made this release pos
17
144
  - 🐞 Bugfixes
18
145
  - πŸ“š Documentation improvements
19
146
 
20
- ### Breaking change
21
-
22
147
  Special thanks go out to the community contributors who have helped make this release possible:
23
148
  @CarlosLopezLg, @headironc, @hendrikpeilke, @k-rajat19, @lhilgert9, @viktormelin.
24
149
  Following are all team members who have contributed to this release:
@@ -56,7 +181,7 @@ Same changes as in `@mui/x-data-grid-pro@v8.0.0-alpha.1`, plus:
56
181
  #### Breaking change
57
182
 
58
183
  - The `FieldValueType` type has been renamed to `PickerValueType` β€” [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#renamed-variables).
59
- - The `toolbar` and `layout` slots no longer receive the `disabled` and `readOnly` props β€” [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slots-breaking-changes).
184
+ - The `toolbar` and `layout` slots no longer receive the `disabled` and `readOnly` props β€” [Learn more](https://next.mui.com/x/migration/migration-pickers-v7/#slots-breaking-changes).
60
185
 
61
186
  #### `@mui/x-date-pickers@v8.0.0-alpha.1`
62
187
 
@@ -64,9 +189,9 @@ Same changes as in `@mui/x-data-grid-pro@v8.0.0-alpha.1`, plus:
64
189
  - [pickers] React 19 support (#15342) @arminmeh
65
190
  - [pickers] Add new properties to `PickerOwnerState` and `PickerContextValue` (#15415) @flaviendelangle
66
191
  - [pickers] Always use `props.value` when it changes (#15490) @flaviendelangle
67
- - [pickers] Ensure internal value timezone is updated (#15435) @LukasTy
192
+ - [pickers] Ensure internal value timezone is updated (#15435) @LukasTy
68
193
  - [pickers] Fix unused code in `<PickersToolbar />` component (#15515) @LukasTy
69
- - [pickers] Remove `FieldValueType` in favor of `PickerValueType` (#15259) @arthurbalduini
194
+ - [pickers] Remove `FieldValueType` in favor of `PickerValueType` (#15259) @arthurbalduini
70
195
  - [pickers] Remove the form props from the layout and the toolbar slots (#15492) @flaviendelangle
71
196
  - [pickers] Use `props.referenceDate` timezone when `props.value` and `props.defaultValue` are not defined (#15532) @flaviendelangle
72
197
  - [TimePicker] Prevent mouse events after `touchend` event (#15346) @arthurbalduini
@@ -82,12 +207,14 @@ Same changes as in `@mui/x-date-pickers@v8.0.0-alpha.1`, plus:
82
207
  #### Breaking change
83
208
 
84
209
  - The DX of the Tooltip customization has been refactored
210
+
85
211
  - The `tooltip` prop has been removed in favor of `slotProps.tooltip` for consistency.
86
- - The `popper`, `axisContent`, and `itemContent` slots have been removed in favor of the `tooltip` slot which overrides the entire tooltip.
212
+ - The `popper`, `axisContent`, and `itemContent` slots have been removed in favor of the `tooltip` slot which overrides the entire tooltip.
87
213
  - To override the tooltip content, use the `useItemTooltip` or `useAxisTooltip` hook to get the data, and wrap your component in `ChartsTooltipContainer` to follow the pointer position.
88
214
  - To override the tooltip placement, use the `ChartsItemTooltipContent` or `ChartsItemTooltipContent` to get default data and place them in your custom tooltip.
89
215
 
90
216
  - The library now uses the SVG `filter` attribute instead of `d3-color` for color manipulation.
217
+
91
218
  - This modification impacts the `LinePlot`, `AreaPlot`, and `BarPlot` components.
92
219
  If you've customized the `fill` of those elements, you might need to override it by using the CSS `filter`.
93
220
  - The `theme.styleOverride` is removed for `MuiLineElement`, `MuiAreaElement`, and `MuiBarElement` to improve performance.
@@ -338,6 +465,100 @@ Same changes as in `@mui/x-charts@8.0.0-alpha.0`.
338
465
  - [release] v8 preparation (#15054) @michelengelen
339
466
  - [test] Fix advanced list view regression test snapshot (#15260) @KenanYusuf
340
467
 
468
+ ## 7.23.0
469
+
470
+ _Nov 29, 2024_
471
+
472
+ We'd like to offer a big thanks to the 10 contributors who made this release possible. Here are some highlights ✨:
473
+
474
+ - ✨ Support for a new display mode on the Data Grid with the [List View feature](https://mui.com/x/react-data-grid/list-view/), offering an extremely flexible way to render datasets and enabling developers to adapt how data is displayed across different screen sizes.
475
+
476
+ https://github.com/user-attachments/assets/61286adc-03fc-4323-9739-8ca726fcc16c
477
+
478
+ - βš›οΈ React 19 support
479
+ - πŸ“š Documentation improvements
480
+ - 🌍 Improve Spanish, Portuguese, Chinese locales on the Data Grid component.
481
+ - 🌍 Improve Dutch locale on the Date and Time Picker components.
482
+ - 🐞 Bugfixes
483
+
484
+ Special thanks go out to the community contributors who have helped make this release possible:
485
+ @dloeda, @headironc, @mathzdev, @nphmuller, @lhilgert9, @lauri865.
486
+ Following are all team members who have contributed to this release:
487
+ @oliviertassinari, @arminmeh, @KenanYusuf, @flaviendelangle, @MBilalShafi.
488
+
489
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
490
+
491
+ ### Data Grid
492
+
493
+ #### `@mui/x-data-grid@v7.23.0`
494
+
495
+ - [DataGrid] React 19 support (#15557) @arminmeh
496
+ - [DataGrid] Change test dom check from `/jsdom/` to `/jsdom|HappyDOM/`. (#15642) @jedesroches
497
+ - [DataGrid] Fix last separator not being hidden when grid is scrollable (#15551) @KenanYusuf
498
+ - [DataGrid] Fix order of spread props on toolbar items (#15556) @KenanYusuf
499
+ - [DataGrid] Fix row-spanning in combination with column-pinning (#15460) @lhilgert9
500
+ - [DataGrid] Improve resize performance (#15592) @lauri865
501
+ - [DataGrid] Support column virtualization with dynamic row height (#15567) @cherniavskii
502
+ - [DataGrid] Improve `GridCell` performance (#15621) @lauri865
503
+ - [l10n] Improve Chinese (zh-CN) locale (#15570) @headironc
504
+ - [l10n] Improve Portuguese (pt-PT) locale (#15561) @mathzdev
505
+
506
+ #### `@mui/x-data-grid-pro@v7.23.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
507
+
508
+ Same changes as in `@mui/x-data-grid@v7.23.0`, plus:
509
+
510
+ - [DataGridPro] Fix header filtering with `boolean` column type (#15640) @k-rajat19
511
+ - [DataGridPro] Fix pagination state not updating if the data source response has no rows (#15643) @zinoroman
512
+ - [DataGridPro] Fix selection propagation issue on initialization (#15593) @MBilalShafi
513
+
514
+ #### `@mui/x-data-grid-premium@v7.23.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
515
+
516
+ Same changes as in `@mui/x-data-grid-pro@v7.23.0`.
517
+
518
+ ### Date and Time Pickers
519
+
520
+ #### `@mui/x-date-pickers@v7.23.0`
521
+
522
+ - [pickers] React 19 support (#15557) @arminmeh
523
+ - [pickers] Fix DST issue with `America/Asuncion` timezone and `AdapterMoment` (#15653) @flaviendelangle
524
+ - [pickers] Use `props.referenceDate` timezone when `props.value` and `props.defaultValue` are not defined (#15544) @flaviendelangle
525
+ - [l10n] Improve Dutch (nl-NL) locale (#15564) @nphmuller
526
+
527
+ #### `@mui/x-date-pickers-pro@v7.23.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
528
+
529
+ Same changes as in `@mui/x-date-pickers@v7.23.0`.
530
+
531
+ ### Charts
532
+
533
+ #### `@mui/x-charts@v7.23.0`
534
+
535
+ - [charts] React 19 support (#15557) @arminmeh
536
+ - [charts] Prevent invalid `releasePointerCapture` (#15609) @alexfauquette
537
+
538
+ #### `@mui/x-charts-pro@v7.23.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
539
+
540
+ Same changes as in `@mui/x-charts@v7.23.0`.
541
+
542
+ ### Tree View
543
+
544
+ #### `@mui/x-tree-view@v7.23.0`
545
+
546
+ - [TreeView] React 19 support (#15557) @arminmeh
547
+
548
+ #### `@mui/x-tree-view-pro@7.23.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
549
+
550
+ Same changes as in `@mui/x-tree-view@7.23.0`.
551
+
552
+ ### Docs
553
+
554
+ - [docs] Add data caching to lazy loaded detail panel demo (#15555) @cherniavskii
555
+ - [docs] Remove selectors section from list view docs (#15639) @KenanYusuf
556
+ - [docs] Add documentation for the list view feature (#15344) @KenanYusuf
557
+
558
+ ### Core
559
+
560
+ - [core] Update @mui/monorepo (#15574) @oliviertassinari
561
+
341
562
  ## v7.22.3
342
563
 
343
564
  _Nov 21, 2024_
@@ -4803,7 +5024,7 @@ Same changes as in `@mui/x-data-grid-pro@7.0.0-alpha.5`.
4803
5024
 
4804
5025
  The `useClearableField` hook API has been simplified to now take a `props` parameter instead of a `fieldProps`, `InputProps`, `clearable`, `onClear`, `slots` and `slotProps` parameters.
4805
5026
 
4806
- You should now be able to directly pass the returned value from your field hook (e.g: `useDateField`) to `useClearableField`
5027
+ You should now be able to directly pass the returned value from your field hook (for example `useDateField`) to `useClearableField`
4807
5028
 
4808
5029
  ```diff
4809
5030
  const fieldResponse = useDateField(props);
@@ -4,8 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import { Watermark } from '@mui/x-license/Watermark';
7
- import { ResizableContainer } from '@mui/x-charts/internals';
8
- import { ChartsSurface } from '@mui/x-charts';
7
+ import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
9
8
  import { getReleaseInfo } from "../internals/utils/releaseInfo.js";
10
9
  import { ChartDataProviderPro } from "../context/ChartDataProviderPro/index.js";
11
10
  import { useChartContainerProProps } from "./useChartContainerProProps.js";
@@ -15,18 +14,15 @@ const ChartContainerPro = /*#__PURE__*/React.forwardRef(function ChartContainerP
15
14
  const {
16
15
  chartDataProviderProProps,
17
16
  children,
18
- resizableContainerProps,
19
17
  chartsSurfaceProps
20
18
  } = useChartContainerProProps(props, ref);
21
- return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
22
- children: /*#__PURE__*/_jsxs(ResizableContainer, _extends({}, resizableContainerProps, {
23
- children: [/*#__PURE__*/_jsx(ChartsSurface, _extends({}, chartsSurfaceProps, {
24
- children: children
25
- })), /*#__PURE__*/_jsx(Watermark, {
26
- packageName: "x-charts-pro",
27
- releaseInfo: releaseInfo
28
- })]
29
- }))
19
+ return /*#__PURE__*/_jsxs(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
20
+ children: [/*#__PURE__*/_jsx(ChartsSurface, _extends({}, chartsSurfaceProps, {
21
+ children: children
22
+ })), /*#__PURE__*/_jsx(Watermark, {
23
+ packageName: "x-charts-pro",
24
+ releaseInfo: releaseInfo
25
+ })]
30
26
  }));
31
27
  });
32
28
  process.env.NODE_ENV !== "production" ? ChartContainerPro.propTypes = {
@@ -140,7 +136,6 @@ process.env.NODE_ENV !== "production" ? ChartContainerPro.propTypes = {
140
136
  hideTooltip: PropTypes.bool,
141
137
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
142
138
  label: PropTypes.string,
143
- labelFontSize: PropTypes.number,
144
139
  labelStyle: PropTypes.object,
145
140
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
146
141
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -151,7 +146,6 @@ process.env.NODE_ENV !== "production" ? ChartContainerPro.propTypes = {
151
146
  slots: PropTypes.object,
152
147
  stroke: PropTypes.string,
153
148
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
154
- tickFontSize: PropTypes.number,
155
149
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
156
150
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
157
151
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -203,7 +197,6 @@ process.env.NODE_ENV !== "production" ? ChartContainerPro.propTypes = {
203
197
  hideTooltip: PropTypes.bool,
204
198
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
205
199
  label: PropTypes.string,
206
- labelFontSize: PropTypes.number,
207
200
  labelStyle: PropTypes.object,
208
201
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
209
202
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -214,7 +207,6 @@ process.env.NODE_ENV !== "production" ? ChartContainerPro.propTypes = {
214
207
  slots: PropTypes.object,
215
208
  stroke: PropTypes.string,
216
209
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
217
- tickFontSize: PropTypes.number,
218
210
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
219
211
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
220
212
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -17,12 +17,10 @@ export const useChartContainerProProps = (props, ref) => {
17
17
  const {
18
18
  chartDataProviderProps,
19
19
  chartsSurfaceProps,
20
- resizableContainerProps,
21
20
  children
22
21
  } = useChartContainerProps(baseProps, ref);
23
22
  return {
24
23
  chartDataProviderProProps: _extends({}, chartDataProviderProps, chartDataProviderProProps),
25
- resizableContainerProps,
26
24
  chartsSurfaceProps,
27
25
  children
28
26
  };
@@ -253,7 +253,6 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
253
253
  hideTooltip: PropTypes.bool,
254
254
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
255
255
  label: PropTypes.string,
256
- labelFontSize: PropTypes.number,
257
256
  labelStyle: PropTypes.object,
258
257
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
259
258
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -264,7 +263,6 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
264
263
  slots: PropTypes.object,
265
264
  stroke: PropTypes.string,
266
265
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
267
- tickFontSize: PropTypes.number,
268
266
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
269
267
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
270
268
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -318,7 +316,6 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
318
316
  hideTooltip: PropTypes.bool,
319
317
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
320
318
  label: PropTypes.string,
321
- labelFontSize: PropTypes.number,
322
319
  labelStyle: PropTypes.object,
323
320
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
324
321
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -329,7 +326,6 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
329
326
  slots: PropTypes.object,
330
327
  stroke: PropTypes.string,
331
328
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
332
- tickFontSize: PropTypes.number,
333
329
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
334
330
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
335
331
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -4,6 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
4
4
  import * as React from 'react';
5
5
  import PropTypes from 'prop-types';
6
6
  import clsx from 'clsx';
7
+ import HTMLElementType from '@mui/utils/HTMLElementType';
7
8
  import composeClasses from '@mui/utils/composeClasses';
8
9
  import { ChartsTooltipPaper, ChartsTooltipTable, ChartsTooltipRow, ChartsTooltipCell, ChartsTooltipMark, useItemTooltip, getChartsTooltipUtilityClass, ChartsTooltipContainer } from '@mui/x-charts/ChartsTooltip';
9
10
  import { useXAxis, useYAxis } from '@mui/x-charts/hooks';
@@ -27,10 +28,6 @@ const useUtilityClasses = ownerState => {
27
28
  };
28
29
  return composeClasses(slots, getChartsTooltipUtilityClass, classes);
29
30
  };
30
-
31
- /**
32
- * @ignore - internal component.
33
- */
34
31
  function DefaultHeatmapTooltipContent(props) {
35
32
  const {
36
33
  classes
@@ -132,26 +129,7 @@ process.env.NODE_ENV !== "production" ? HeatmapTooltip.propTypes = {
132
129
  * It's used to set the position of the popper.
133
130
  * The return value will passed as the reference object of the Popper instance.
134
131
  */
135
- anchorEl: PropTypes.oneOfType([(props, propName) => {
136
- if (props[propName] == null) {
137
- return new Error(`Prop '${propName}' is required but wasn't specified`);
138
- }
139
- if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
140
- return new Error(`Expected prop '${propName}' to be of type Element`);
141
- }
142
- return null;
143
- }, PropTypes.func, PropTypes.shape({
144
- contextElement: (props, propName) => {
145
- if (props[propName] == null) {
146
- return null;
147
- }
148
- if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
149
- return new Error(`Expected prop '${propName}' to be of type Element`);
150
- }
151
- return null;
152
- },
153
- getBoundingClientRect: PropTypes.func.isRequired
154
- })]),
132
+ anchorEl: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([HTMLElementType, PropTypes.object, PropTypes.func]),
155
133
  /**
156
134
  * Override or extend the styles applied to the component.
157
135
  */
@@ -1,5 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
- import { unstable_generateUtilityClass as generateUtilityClass, unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';
2
+ import generateUtilityClass from '@mui/utils/generateUtilityClass';
3
+ import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
3
4
  export function getHeatmapUtilityClass(slot) {
4
5
  // Those should be common to all charts
5
6
  if (['highlighted', 'faded'].includes(slot)) {
@@ -372,7 +372,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
372
372
  hideTooltip: PropTypes.bool,
373
373
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
374
374
  label: PropTypes.string,
375
- labelFontSize: PropTypes.number,
376
375
  labelStyle: PropTypes.object,
377
376
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
378
377
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -383,7 +382,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
383
382
  slots: PropTypes.object,
384
383
  stroke: PropTypes.string,
385
384
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
386
- tickFontSize: PropTypes.number,
387
385
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
388
386
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
389
387
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -435,7 +433,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
435
433
  hideTooltip: PropTypes.bool,
436
434
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
437
435
  label: PropTypes.string,
438
- labelFontSize: PropTypes.number,
439
436
  labelStyle: PropTypes.object,
440
437
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
441
438
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -446,7 +443,6 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
446
443
  slots: PropTypes.object,
447
444
  stroke: PropTypes.string,
448
445
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
449
- tickFontSize: PropTypes.number,
450
446
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
451
447
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
452
448
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -245,7 +245,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
245
245
  hideTooltip: PropTypes.bool,
246
246
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
247
247
  label: PropTypes.string,
248
- labelFontSize: PropTypes.number,
249
248
  labelStyle: PropTypes.object,
250
249
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
251
250
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -256,7 +255,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
256
255
  slots: PropTypes.object,
257
256
  stroke: PropTypes.string,
258
257
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
259
- tickFontSize: PropTypes.number,
260
258
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
261
259
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
262
260
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -308,7 +306,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
308
306
  hideTooltip: PropTypes.bool,
309
307
  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
310
308
  label: PropTypes.string,
311
- labelFontSize: PropTypes.number,
312
309
  labelStyle: PropTypes.object,
313
310
  max: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
314
311
  min: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.number]),
@@ -319,7 +316,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
319
316
  slots: PropTypes.object,
320
317
  stroke: PropTypes.string,
321
318
  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
322
- tickFontSize: PropTypes.number,
323
319
  tickInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.array, PropTypes.func]),
324
320
  tickLabelInterval: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.func]),
325
321
  tickLabelPlacement: PropTypes.oneOf(['middle', 'tick']),
@@ -1,5 +1,6 @@
1
1
  import { FormattedSeries, ExtremumGettersConfig, ExtremumFilter, ZoomAxisFilters, GetZoomAxisFilters } from '@mui/x-charts/internals';
2
- import { ChartsAxisProps, ScaleName, AxisConfig } from '@mui/x-charts';
2
+ import { ScaleName, AxisConfig } from '@mui/x-charts/models';
3
+ import { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
3
4
  import { ZoomData } from '../ZoomProvider';
4
5
  type CreateAxisFilterMapperParams = {
5
6
  zoomData: ZoomData[];
@@ -4,7 +4,4 @@ import { ZoomProps } from '../ZoomProvider';
4
4
  export interface ChartDataProviderProProps extends ChartDataProviderProps, ZoomProps {
5
5
  }
6
6
  declare function ChartDataProviderPro(props: ChartDataProviderProProps): React.JSX.Element;
7
- declare namespace ChartDataProviderPro {
8
- var propTypes: any;
9
- }
10
7
  export { ChartDataProviderPro };