@mui/x-charts-pro 8.11.2 → 8.12.0
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.d.ts +2 -2
- package/BarChartPro/BarChartPro.js +1 -0
- package/BarChartPro/BarChartPro.plugins.d.ts +3 -3
- package/BarChartPro/BarChartPro.plugins.js +1 -1
- package/BarChartPro/index.d.ts +2 -1
- package/BarChartPro/index.js +11 -0
- package/CHANGELOG.md +231 -0
- package/ChartDataProviderPro/ChartDataProviderPro.js +1 -1
- package/ChartZoomSlider/internals/ChartAxisZoomSliderThumb.js +2 -2
- package/FunnelChart/FunnelChart.d.ts +2 -2
- package/FunnelChart/FunnelChart.plugins.d.ts +2 -2
- package/FunnelChart/FunnelPlot.js +2 -2
- package/FunnelChart/funnelAxisPlugin/computeAxisValue.js +1 -1
- package/FunnelChart/index.d.ts +1 -0
- package/FunnelChart/index.js +12 -0
- package/FunnelChart/useFunnelChartProps.d.ts +2 -2
- package/FunnelChart/useFunnelChartProps.js +4 -3
- package/Heatmap/Heatmap.d.ts +2 -2
- package/Heatmap/Heatmap.js +2 -1
- package/Heatmap/Heatmap.plugins.d.ts +2 -2
- package/Heatmap/index.d.ts +1 -0
- package/Heatmap/index.js +12 -0
- package/LineChartPro/LineChartPro.d.ts +2 -2
- package/LineChartPro/LineChartPro.js +1 -0
- package/LineChartPro/LineChartPro.plugins.d.ts +3 -3
- package/LineChartPro/LineChartPro.plugins.js +1 -1
- package/LineChartPro/index.d.ts +2 -1
- package/LineChartPro/index.js +11 -0
- package/PieChartPro/PieChartPro.js +2 -0
- package/PieChartPro/PieChartPro.plugins.d.ts +2 -2
- package/PieChartPro/index.d.ts +2 -1
- package/PieChartPro/index.js +11 -0
- package/RadarChartPro/RadarChartPro.d.ts +2 -2
- package/RadarChartPro/RadarChartPro.plugins.d.ts +2 -2
- package/RadarChartPro/index.d.ts +2 -1
- package/RadarChartPro/index.js +11 -0
- package/SankeyChart/SankeyChart.d.ts +2 -2
- package/SankeyChart/SankeyChart.js +4 -1
- package/SankeyChart/SankeyChart.plugins.d.ts +3 -2
- package/SankeyChart/SankeyChart.plugins.js +2 -4
- package/SankeyChart/SankeyLinkLabel.js +12 -1
- package/SankeyChart/calculateSankeyLayout.js +8 -2
- package/SankeyChart/sankey.types.d.ts +55 -5
- package/SankeyChart/seriesConfig/getSeriesWithDefaultValues.js +2 -0
- package/SankeyChart/seriesConfig/tooltipGetter.js +13 -3
- package/SankeyChart/useSankeyChartProps.d.ts +2 -2
- package/SankeyChart/useSankeyChartProps.js +4 -3
- package/ScatterChartPro/ScatterChartPro.d.ts +2 -2
- package/ScatterChartPro/ScatterChartPro.js +13 -2
- package/ScatterChartPro/ScatterChartPro.plugins.d.ts +3 -3
- package/ScatterChartPro/ScatterChartPro.plugins.js +1 -1
- package/ScatterChartPro/index.d.ts +2 -1
- package/ScatterChartPro/index.js +11 -0
- package/context/ChartProApi.d.ts +14 -12
- package/esm/BarChartPro/BarChartPro.d.ts +2 -2
- package/esm/BarChartPro/BarChartPro.js +1 -0
- package/esm/BarChartPro/BarChartPro.plugins.d.ts +3 -3
- package/esm/BarChartPro/BarChartPro.plugins.js +2 -2
- package/esm/BarChartPro/index.d.ts +2 -1
- package/esm/BarChartPro/index.js +2 -1
- package/esm/ChartDataProviderPro/ChartDataProviderPro.js +1 -1
- package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderThumb.js +2 -2
- package/esm/FunnelChart/FunnelChart.d.ts +2 -2
- package/esm/FunnelChart/FunnelChart.plugins.d.ts +2 -2
- package/esm/FunnelChart/FunnelPlot.js +3 -3
- package/esm/FunnelChart/funnelAxisPlugin/computeAxisValue.js +2 -2
- package/esm/FunnelChart/index.d.ts +1 -0
- package/esm/FunnelChart/index.js +1 -0
- package/esm/FunnelChart/useFunnelChartProps.d.ts +2 -2
- package/esm/FunnelChart/useFunnelChartProps.js +4 -3
- package/esm/Heatmap/Heatmap.d.ts +2 -2
- package/esm/Heatmap/Heatmap.js +2 -1
- package/esm/Heatmap/Heatmap.plugins.d.ts +2 -2
- package/esm/Heatmap/index.d.ts +1 -0
- package/esm/Heatmap/index.js +1 -0
- package/esm/LineChartPro/LineChartPro.d.ts +2 -2
- package/esm/LineChartPro/LineChartPro.js +1 -0
- package/esm/LineChartPro/LineChartPro.plugins.d.ts +3 -3
- package/esm/LineChartPro/LineChartPro.plugins.js +2 -2
- package/esm/LineChartPro/index.d.ts +2 -1
- package/esm/LineChartPro/index.js +2 -1
- package/esm/PieChartPro/PieChartPro.js +2 -0
- package/esm/PieChartPro/PieChartPro.plugins.d.ts +2 -2
- package/esm/PieChartPro/index.d.ts +2 -1
- package/esm/PieChartPro/index.js +2 -1
- package/esm/RadarChartPro/RadarChartPro.d.ts +2 -2
- package/esm/RadarChartPro/RadarChartPro.plugins.d.ts +2 -2
- package/esm/RadarChartPro/index.d.ts +2 -1
- package/esm/RadarChartPro/index.js +2 -1
- package/esm/SankeyChart/SankeyChart.d.ts +2 -2
- package/esm/SankeyChart/SankeyChart.js +4 -1
- package/esm/SankeyChart/SankeyChart.plugins.d.ts +3 -2
- package/esm/SankeyChart/SankeyChart.plugins.js +2 -6
- package/esm/SankeyChart/SankeyLinkLabel.js +12 -1
- package/esm/SankeyChart/calculateSankeyLayout.js +8 -2
- package/esm/SankeyChart/sankey.types.d.ts +55 -5
- package/esm/SankeyChart/seriesConfig/getSeriesWithDefaultValues.js +2 -0
- package/esm/SankeyChart/seriesConfig/tooltipGetter.js +13 -3
- package/esm/SankeyChart/useSankeyChartProps.d.ts +2 -2
- package/esm/SankeyChart/useSankeyChartProps.js +4 -3
- package/esm/ScatterChartPro/ScatterChartPro.d.ts +2 -2
- package/esm/ScatterChartPro/ScatterChartPro.js +13 -2
- package/esm/ScatterChartPro/ScatterChartPro.plugins.d.ts +3 -3
- package/esm/ScatterChartPro/ScatterChartPro.plugins.js +2 -2
- package/esm/ScatterChartPro/index.d.ts +2 -1
- package/esm/ScatterChartPro/index.js +2 -1
- package/esm/context/ChartProApi.d.ts +14 -12
- package/esm/index.d.ts +1 -0
- package/esm/index.js +2 -1
- package/esm/internals/material/components/BasePopper.js +2 -2
- package/esm/internals/plugins/useChartProExport/common.d.ts +5 -1
- package/esm/internals/plugins/useChartProExport/common.js +13 -0
- package/esm/internals/plugins/useChartProExport/exportImage.d.ts +1 -1
- package/esm/internals/plugins/useChartProExport/exportImage.js +23 -17
- package/esm/internals/plugins/useChartProExport/print.js +2 -3
- package/esm/internals/plugins/useChartProExport/useChartProExport.js +4 -2
- package/esm/internals/plugins/useChartProExport/useChartProExport.types.d.ts +1 -2
- package/esm/plugins/index.d.ts +3 -0
- package/esm/plugins/index.js +3 -0
- package/index.d.ts +1 -0
- package/index.js +13 -1
- package/internals/material/components/BasePopper.js +2 -2
- package/internals/plugins/useChartProExport/common.d.ts +5 -1
- package/internals/plugins/useChartProExport/common.js +14 -0
- package/internals/plugins/useChartProExport/exportImage.d.ts +1 -1
- package/internals/plugins/useChartProExport/exportImage.js +22 -16
- package/internals/plugins/useChartProExport/print.js +2 -3
- package/internals/plugins/useChartProExport/useChartProExport.js +4 -2
- package/internals/plugins/useChartProExport/useChartProExport.types.d.ts +1 -2
- package/package.json +6 -6
- package/plugins/index.d.ts +3 -0
- package/plugins/index.js +35 -0
|
@@ -3,10 +3,10 @@ import { BarChartProps, BarChartSlotProps, BarChartSlots } from '@mui/x-charts/B
|
|
|
3
3
|
import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
|
|
4
4
|
import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
|
|
5
5
|
import { ChartContainerProProps } from "../ChartContainerPro/index.js";
|
|
6
|
-
import {
|
|
6
|
+
import { BarChartProPluginSignatures } from "./BarChartPro.plugins.js";
|
|
7
7
|
export interface BarChartProSlots extends Omit<BarChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
|
|
8
8
|
export interface BarChartProSlotProps extends Omit<BarChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
|
|
9
|
-
export interface BarChartProProps extends Omit<BarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'bar',
|
|
9
|
+
export interface BarChartProProps extends Omit<BarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'bar', BarChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {
|
|
10
10
|
/**
|
|
11
11
|
* Overridable component slots.
|
|
12
12
|
* @default {}
|
|
@@ -143,6 +143,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
143
143
|
* @default false
|
|
144
144
|
*/
|
|
145
145
|
disableAxisListener: _propTypes.default.bool,
|
|
146
|
+
enableKeyboardNavigation: _propTypes.default.bool,
|
|
146
147
|
/**
|
|
147
148
|
* Option to display a cartesian grid in the background.
|
|
148
149
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
|
|
1
|
+
import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
|
|
2
2
|
import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
|
|
3
3
|
import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
|
|
4
|
-
export type
|
|
5
|
-
export declare const BAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<
|
|
4
|
+
export type BarChartProPluginSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'bar'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
|
|
5
|
+
export declare const BAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<BarChartProPluginSignatures>;
|
|
@@ -7,4 +7,4 @@ exports.BAR_CHART_PRO_PLUGINS = void 0;
|
|
|
7
7
|
var _internals = require("@mui/x-charts/internals");
|
|
8
8
|
var _useChartProExport = require("../internals/plugins/useChartProExport");
|
|
9
9
|
var _useChartProZoom = require("../internals/plugins/useChartProZoom");
|
|
10
|
-
const BAR_CHART_PRO_PLUGINS = exports.BAR_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
|
|
10
|
+
const BAR_CHART_PRO_PLUGINS = exports.BAR_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
|
package/BarChartPro/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from "./BarChartPro.js";
|
|
1
|
+
export * from "./BarChartPro.js";
|
|
2
|
+
export * from "./BarChartPro.plugins.js";
|
package/BarChartPro/index.js
CHANGED
|
@@ -13,4 +13,15 @@ Object.keys(_BarChartPro).forEach(function (key) {
|
|
|
13
13
|
return _BarChartPro[key];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
|
+
});
|
|
17
|
+
var _BarChartPro2 = require("./BarChartPro.plugins");
|
|
18
|
+
Object.keys(_BarChartPro2).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _BarChartPro2[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _BarChartPro2[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
16
27
|
});
|
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,237 @@
|
|
|
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.12.0
|
|
9
|
+
|
|
10
|
+
_Sep 25, 2025_
|
|
11
|
+
|
|
12
|
+
We'd like to extend a big thank you to the 15 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
- 🤝 Grid-Charts integration
|
|
15
|
+
|
|
16
|
+

|
|
17
|
+
|
|
18
|
+
👉 [🎥 Watch the full video](https://github.com/user-attachments/assets/28f1848e-dc85-4077-8756-a3e88afd4e54)
|
|
19
|
+
|
|
20
|
+
- ⌨️ Charts keyboard navigation
|
|
21
|
+
- ⚡️ Charts: Add new `renderer="svg-batch"` prop to Scatter charts that provides improved performance for large datasets
|
|
22
|
+
- 🐞 Bugfixes
|
|
23
|
+
- 📚 Documentation improvements
|
|
24
|
+
- 🧰 Codemod requires Node >=20.19
|
|
25
|
+
|
|
26
|
+
`@mui/x-codemod` minimum supported Node version is `20.19`.
|
|
27
|
+
This was only the case due to using the v18 `yargs` package; this now explicitly aligns with it. (#18979)
|
|
28
|
+
|
|
29
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
30
|
+
@deade1e, @sai6855, @thomas-mcdonald
|
|
31
|
+
|
|
32
|
+
The following are all team members who have contributed to this release:
|
|
33
|
+
@alexfauquette, @bernardobelchior, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @michelengelen, @prakhargupta1, @rita-codes, @siriwatknp, @arminmeh, @romgrk
|
|
34
|
+
|
|
35
|
+
### Data Grid
|
|
36
|
+
|
|
37
|
+
#### `@mui/x-data-grid@8.12.0`
|
|
38
|
+
|
|
39
|
+
- [DataGrid] Fix flex column width diff calculation while resizing (#19667) @arminmeh
|
|
40
|
+
|
|
41
|
+
#### `@mui/x-data-grid-pro@8.12.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
42
|
+
|
|
43
|
+
Same changes as in `@mui/x-data-grid@8.12.0`.
|
|
44
|
+
|
|
45
|
+
#### `@mui/x-data-grid-premium@8.12.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
46
|
+
|
|
47
|
+
Same changes as in `@mui/x-data-grid-pro@8.12.0`, plus:
|
|
48
|
+
|
|
49
|
+
- [DataGridPremium] Grid-Charts integration (#18021) @arminmeh
|
|
50
|
+
- [DataGridPremium] Fix sorting and filtering of the tree group columns with aggregation (#19607) @arminmeh
|
|
51
|
+
- [DataGridPremium] Disable aggregation on the grouping column by default (#19692) @arminmeh
|
|
52
|
+
- [DataGridPremium] Do not rely on the group separation constant to retrieve the column name for the charts panel (#19677) @arminmeh
|
|
53
|
+
- [DataGridPremium] Fix stale aggregation state (#19690) @arminmeh
|
|
54
|
+
- [DataGridPremium] Fix pivot column being hidden on autosizing (#19699) @cherniavskii
|
|
55
|
+
|
|
56
|
+
### Date and Time Pickers
|
|
57
|
+
|
|
58
|
+
#### `@mui/x-date-pickers@8.12.0`
|
|
59
|
+
|
|
60
|
+
- [pickers] Ensure reference value is not updated for invalid values (#19635) @michelengelen
|
|
61
|
+
- [pickers] Fix `slotProps.textField.slotProps.htmlInput` resolution (#19713) @LukasTy
|
|
62
|
+
- [pickers] Preserve time format when using single column layout on Time Range Picker (#19626) @sai6855
|
|
63
|
+
- [pickers] Preserve time format when using single column layout on Date Time Picker and Date Time Range Picker (#19608) @sai6855
|
|
64
|
+
|
|
65
|
+
#### `@mui/x-date-pickers-pro@8.12.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
66
|
+
|
|
67
|
+
Same changes as in `@mui/x-date-pickers@8.12.0`.
|
|
68
|
+
|
|
69
|
+
### Charts
|
|
70
|
+
|
|
71
|
+
#### `@mui/x-charts@8.12.0`
|
|
72
|
+
|
|
73
|
+
- [charts] Add batch renderer for scatter chart (#19075) @bernardobelchior
|
|
74
|
+
- [charts] Add renderer suffix to performance benchmarks (#19620) @bernardobelchior
|
|
75
|
+
- [charts] Document how plugins can be used (#19343) @alexfauquette
|
|
76
|
+
- [charts] Export chart plugins per series type (#19337) @alexfauquette
|
|
77
|
+
- [charts] Export plugins (#19335) @alexfauquette
|
|
78
|
+
- [charts] Fix horizontal layout and toolbar (#19655) @alexfauquette
|
|
79
|
+
- [charts] Fix performance issue with JS animations (#19606) @bernardobelchior
|
|
80
|
+
- [charts] Fix piecewise scale causing wrong colors in axis with min/max (#19610) @bernardobelchior
|
|
81
|
+
- [charts] Fix zoom discard inconsistency (#19535) @bernardobelchior
|
|
82
|
+
- [charts] Introduce keyboard navigation (#19155) @alexfauquette
|
|
83
|
+
- [charts] Refactor `getAxisExtremum` (#19627) @bernardobelchior
|
|
84
|
+
- [charts] Remove unused code path from `getAxisScale` (#19673) @bernardobelchior
|
|
85
|
+
- [charts] Make new hideLegend prop on ChartWrapper optional (#19694) @thomas-mcdonald
|
|
86
|
+
- [charts] Fix chart crash in test environment (#19711) @JCQuintas
|
|
87
|
+
|
|
88
|
+
#### `@mui/x-charts-pro@8.12.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
89
|
+
|
|
90
|
+
Same changes as in `@mui/x-charts@8.12.0`, plus:
|
|
91
|
+
|
|
92
|
+
- [charts-pro] Add `valueFormatter` to sankey (#19636) @JCQuintas
|
|
93
|
+
- [charts-pro] Allow `source/target` keywords in sankey link color (#19634) @JCQuintas
|
|
94
|
+
- [charts-pro] Allow exporting `SankeyChart` (#19659) @JCQuintas
|
|
95
|
+
- [charts-pro] Fix axis inversion when using axis `max` and `filterMode: 'discard'` (#19200) @bernardobelchior
|
|
96
|
+
|
|
97
|
+
#### `@mui/x-charts-premium@8.12.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
98
|
+
|
|
99
|
+
Same changes as in `@mui/x-charts-pro@8.12.0`, plus:
|
|
100
|
+
|
|
101
|
+
- [charts-premium] Grid-Charts integration (#18021) @arminmeh
|
|
102
|
+
|
|
103
|
+
### Tree View
|
|
104
|
+
|
|
105
|
+
#### `@mui/x-tree-view@8.12.0`
|
|
106
|
+
|
|
107
|
+
- [tree view] Allow to pass `null` to the icon slots (#19569) @flaviendelangle
|
|
108
|
+
- [tree view] Fix `apiRef.current.isItemExpanded()` method (#19619) @flaviendelangle
|
|
109
|
+
|
|
110
|
+
#### `@mui/x-tree-view-pro@8.12.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
111
|
+
|
|
112
|
+
Same changes as in `@mui/x-tree-view@8.12.0`.
|
|
113
|
+
|
|
114
|
+
### Codemod
|
|
115
|
+
|
|
116
|
+
#### `@mui/x-codemod@8.12.0`
|
|
117
|
+
|
|
118
|
+
- [codemod] Bump `engines.node` to `>=20.19` to align with `yargs` package (#18979) @LukasTy
|
|
119
|
+
|
|
120
|
+
### Docs
|
|
121
|
+
|
|
122
|
+
- [docs] Add missing label to Charts example (#19616) @prakhargupta1
|
|
123
|
+
- [docs] Replace axis type and axis data with a table (#19618) @prakhargupta1
|
|
124
|
+
- [docs] Add Charts example collection page (#18353) @prakhargupta1
|
|
125
|
+
- [docs] Add a Charts demo showcasing bar and scatter composition (#19605) @prakhargupta1
|
|
126
|
+
- [docs] Add composition Charts demo for legends and tooltip (#19602) @prakhargupta1
|
|
127
|
+
- [docs] Add recipe about server-side data export (#19617) @siriwatknp
|
|
128
|
+
- [docs] Clarify DataGrid layout requirements (#19413) @romgrk
|
|
129
|
+
- [docs] Fix `ExportServerSideData` demo layout shift (#19669) @siriwatknp
|
|
130
|
+
- [docs] Improve server-side `updateRow()` description (#19554) @deade1e
|
|
131
|
+
- [docs] Show how to customize drawing area background (#19682) @alexfauquette
|
|
132
|
+
- [docs] Add hook documentation pages (#19334) @Copilot
|
|
133
|
+
|
|
134
|
+
### Core
|
|
135
|
+
|
|
136
|
+
- [code-infra] Add copilot instructions specific to x repo (#19623) @JCQuintas
|
|
137
|
+
- [code-infra] Load `tsx` files in visual regression (#19595) @JCQuintas
|
|
138
|
+
- [code-infra] Remove renovate automerge (#19501) @Janpot
|
|
139
|
+
- [code-infra] Update `DEFAULT_TIMESTAMP` format to ISO 8601 (#19624) @Janpot
|
|
140
|
+
- [code-infra] Update `findLatestTaggedVersion` to filter tags based on major version (#19693) @michelengelen
|
|
141
|
+
- [code-infra] Fix changelog generation for charts premium (#19701) @JCQuintas
|
|
142
|
+
- [code-infra] Run prettier on `createReleasePR.mjs` (#19702) @bernardobelchior
|
|
143
|
+
- [code-infra] Make `x-charts-premium` releasable (#18959) @JCQuintas
|
|
144
|
+
- [docs-infra] Ensure `create-playground` script only runs if target file is absent (#19603) @michelengelen
|
|
145
|
+
- [docs-infra] Add @prakhargupta1 as a codeowner of the docs (#19679) @alexfauquette
|
|
146
|
+
|
|
147
|
+
### Miscellaneous
|
|
148
|
+
|
|
149
|
+
- [test] Reduce time for wheel zoom test (#19571) @alexfauquette
|
|
150
|
+
- Change `matchPackageNames` to `matchDepNames` for date-fns-v2 @Janpot
|
|
151
|
+
- Remove groupName for date-fns-v2 in renovate.json @Janpot
|
|
152
|
+
|
|
153
|
+
## 8.11.3
|
|
154
|
+
|
|
155
|
+
_Sep 16, 2025_
|
|
156
|
+
|
|
157
|
+
We'd like to extend a big thank you to the 11 contributors who made this release possible. Here are some highlights ✨:
|
|
158
|
+
|
|
159
|
+
- 🐞 Bugfixes
|
|
160
|
+
- 📚 Documentation improvements
|
|
161
|
+
|
|
162
|
+
Special thanks go out to the community members for their valuable contributions:
|
|
163
|
+
@sai6855
|
|
164
|
+
|
|
165
|
+
The following are all team members who have contributed to this release:
|
|
166
|
+
@alexfauquette, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @LukasTy, @rita-codes, @siriwatknp
|
|
167
|
+
|
|
168
|
+
### Data Grid
|
|
169
|
+
|
|
170
|
+
#### `@mui/x-data-grid@8.11.3`
|
|
171
|
+
|
|
172
|
+
- [DataGrid] Fix numeric font size not being applied (#19552) @cherniavskii
|
|
173
|
+
- [DataGrid] Improve `operator` types to display literal values (#19529) @siriwatknp
|
|
174
|
+
|
|
175
|
+
#### `@mui/x-data-grid-pro@8.11.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
176
|
+
|
|
177
|
+
Same changes as in `@mui/x-data-grid@8.11.3`.
|
|
178
|
+
|
|
179
|
+
#### `@mui/x-data-grid-premium@8.11.3` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
180
|
+
|
|
181
|
+
Same changes as in `@mui/x-data-grid-pro@8.11.3`.
|
|
182
|
+
|
|
183
|
+
### Date and Time Pickers
|
|
184
|
+
|
|
185
|
+
#### `@mui/x-date-pickers@8.11.3`
|
|
186
|
+
|
|
187
|
+
- [pickers] Refactor `slots` and `slotProps` propagation strategy (#18867) @LukasTy
|
|
188
|
+
|
|
189
|
+
#### `@mui/x-date-pickers-pro@8.11.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
190
|
+
|
|
191
|
+
Same changes as in `@mui/x-date-pickers@8.11.3`.
|
|
192
|
+
|
|
193
|
+
### Charts
|
|
194
|
+
|
|
195
|
+
#### `@mui/x-charts@8.11.3`
|
|
196
|
+
|
|
197
|
+
- [charts] Add `inline-` piecewise legend options (#19382) @JCQuintas
|
|
198
|
+
- [charts] Add bar gradient example (#19174) @bernardobelchior
|
|
199
|
+
- [charts] Ignore empty tick labels in label overlap computation (#19547) @alexfauquette
|
|
200
|
+
- [charts] Rename `isBandScale` to `isDiscreteScale` (#19514) @bernardobelchior
|
|
201
|
+
- [charts] Fix legend position affecting toolbar's position (#19257) @sai6855
|
|
202
|
+
|
|
203
|
+
#### `@mui/x-charts-pro@8.11.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
204
|
+
|
|
205
|
+
Same changes as in `@mui/x-charts@8.11.3`, plus:
|
|
206
|
+
|
|
207
|
+
- [charts-pro] Add chart title and caption to export demo (#19524) @bernardobelchior
|
|
208
|
+
|
|
209
|
+
### Tree View
|
|
210
|
+
|
|
211
|
+
#### `@mui/x-tree-view@8.11.3`
|
|
212
|
+
|
|
213
|
+
- [tree view] Stop looping through all items to publish the `removeItem` event (#19500) @flaviendelangle
|
|
214
|
+
- [tree view] Support flat DOM structure (#19350) @flaviendelangle
|
|
215
|
+
- [tree view] Update cursor styles for disabled TreeItem (#19548) @sai6855
|
|
216
|
+
|
|
217
|
+
#### `@mui/x-tree-view-pro@8.11.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
218
|
+
|
|
219
|
+
Same changes as in `@mui/x-tree-view@8.11.3`.
|
|
220
|
+
|
|
221
|
+
### Codemod
|
|
222
|
+
|
|
223
|
+
#### `@mui/x-codemod@8.11.3`
|
|
224
|
+
|
|
225
|
+
Internal changes.
|
|
226
|
+
|
|
227
|
+
### Docs
|
|
228
|
+
|
|
229
|
+
- [docs] Add styling row group recipe (#19349) @siriwatknp
|
|
230
|
+
- [docs] Group demos data into the dataset folder (#19549) @alexfauquette
|
|
231
|
+
- [docs] Add `shiny` bar chart example at the top (#19416) @JCQuintas
|
|
232
|
+
|
|
233
|
+
### Core
|
|
234
|
+
|
|
235
|
+
- [code-infra] Axios update (#19577) @Janpot
|
|
236
|
+
- [code-infra] Remove usage of copy-files command from code-infra (#19518) @brijeshb42
|
|
237
|
+
- [internal] Fix naming to match convention @oliviertassinari
|
|
238
|
+
|
|
8
239
|
## 8.11.2
|
|
9
240
|
|
|
10
241
|
_Sep 10, 2025_
|
|
@@ -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 = "MTc1ODc1MTIwMDAwMA==";
|
|
22
22
|
const packageIdentifier = 'x-charts-pro';
|
|
23
23
|
/**
|
|
24
24
|
* Orchestrates the data providers for the chart components and hooks.
|
|
@@ -45,7 +45,7 @@ const ChartAxisZoomSliderThumb = exports.ChartAxisZoomSliderThumb = /*#__PURE__*
|
|
|
45
45
|
rx = 4,
|
|
46
46
|
ry = 4
|
|
47
47
|
} = _ref,
|
|
48
|
-
|
|
48
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
|
49
49
|
const classes = (0, _chartAxisZoomSliderThumbClasses.useUtilityClasses)({
|
|
50
50
|
onMove,
|
|
51
51
|
orientation,
|
|
@@ -87,6 +87,6 @@ const ChartAxisZoomSliderThumb = exports.ChartAxisZoomSliderThumb = /*#__PURE__*
|
|
|
87
87
|
ref: ref,
|
|
88
88
|
rx: rx,
|
|
89
89
|
ry: ry
|
|
90
|
-
},
|
|
90
|
+
}, other));
|
|
91
91
|
});
|
|
92
92
|
if (process.env.NODE_ENV !== "production") ChartAxisZoomSliderThumb.displayName = "ChartAxisZoomSliderThumb";
|
|
@@ -7,9 +7,9 @@ import { FunnelSeriesType } from "./funnel.types.js";
|
|
|
7
7
|
import { ChartContainerProProps } from "../ChartContainerPro/index.js";
|
|
8
8
|
import { FunnelChartSlotExtension } from "./funnelSlots.types.js";
|
|
9
9
|
import { CategoryAxis } from "./categoryAxis.types.js";
|
|
10
|
-
import {
|
|
10
|
+
import { FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
|
|
11
11
|
export type FunnelSeries = MakeOptional<FunnelSeriesType, 'type'>;
|
|
12
|
-
export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel',
|
|
12
|
+
export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel', FunnelChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
|
|
13
13
|
/**
|
|
14
14
|
* The series to display in the funnel chart.
|
|
15
15
|
* An array of [[FunnelSeries]] objects.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
|
|
2
2
|
import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
|
|
3
3
|
import { UseChartFunnelAxisSignature } from "./funnelAxisPlugin/useChartFunnelAxis.types.js";
|
|
4
|
-
export type
|
|
5
|
-
export declare const FUNNEL_CHART_PLUGINS: ConvertSignaturesIntoPlugins<
|
|
4
|
+
export type FunnelChartPluginSignatures = [UseChartFunnelAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
|
|
5
|
+
export declare const FUNNEL_CHART_PLUGINS: ConvertSignaturesIntoPlugins<FunnelChartPluginSignatures>;
|
|
@@ -57,7 +57,7 @@ const useAggregatedData = () => {
|
|
|
57
57
|
const xScale = xAxis[xAxisId].scale;
|
|
58
58
|
const yScale = yAxis[yAxisId].scale;
|
|
59
59
|
const xPosition = (value, bandIndex, bandIdentifier, stackOffset, useBand) => {
|
|
60
|
-
if ((0, _internals.
|
|
60
|
+
if ((0, _internals.isOrdinalScale)(xScale)) {
|
|
61
61
|
const position = xScale(bandIdentifier);
|
|
62
62
|
return useBand ? position + bandWidth : position;
|
|
63
63
|
}
|
|
@@ -67,7 +67,7 @@ const useAggregatedData = () => {
|
|
|
67
67
|
return xScale(value);
|
|
68
68
|
};
|
|
69
69
|
const yPosition = (value, bandIndex, bandIdentifier, stackOffset, useBand) => {
|
|
70
|
-
if ((0, _internals.
|
|
70
|
+
if ((0, _internals.isOrdinalScale)(yScale)) {
|
|
71
71
|
const position = yScale(bandIdentifier);
|
|
72
72
|
return useBand ? position + bandWidth : position;
|
|
73
73
|
}
|
|
@@ -41,7 +41,7 @@ function computeAxisValue({
|
|
|
41
41
|
allAxis.forEach((eachAxis, axisIndex) => {
|
|
42
42
|
const axis = eachAxis;
|
|
43
43
|
let range = getRange(drawingArea, axisDirection, axis);
|
|
44
|
-
const [minData, maxData] = (0, _internals.
|
|
44
|
+
const [minData, maxData] = (0, _internals.getAxisExtrema)(axis, axisDirection, seriesConfig, axisIndex, formattedSeries);
|
|
45
45
|
const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
|
|
46
46
|
const data = axis.data ?? [];
|
|
47
47
|
if ((0, _internals.isBandScaleConfig)(axis)) {
|
package/FunnelChart/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export * from "./FunnelPlot.js";
|
|
|
8
8
|
export * from "./funnel.types.js";
|
|
9
9
|
export * from "./categoryAxis.types.js";
|
|
10
10
|
export * from "./funnelSlots.types.js";
|
|
11
|
+
export * from "./FunnelChart.plugins.js";
|
|
11
12
|
export type { FunnelCurveType } from "./curves/index.js";
|
|
12
13
|
export { funnelSectionClasses } from "./funnelSectionClasses.js";
|
|
13
14
|
export type { FunnelSectionClasses } from "./funnelSectionClasses.js";
|
package/FunnelChart/index.js
CHANGED
|
@@ -84,6 +84,18 @@ Object.keys(_funnelSlots).forEach(function (key) {
|
|
|
84
84
|
}
|
|
85
85
|
});
|
|
86
86
|
});
|
|
87
|
+
var _FunnelChart2 = require("./FunnelChart.plugins");
|
|
88
|
+
Object.keys(_FunnelChart2).forEach(function (key) {
|
|
89
|
+
if (key === "default" || key === "__esModule") return;
|
|
90
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
91
|
+
if (key in exports && exports[key] === _FunnelChart2[key]) return;
|
|
92
|
+
Object.defineProperty(exports, key, {
|
|
93
|
+
enumerable: true,
|
|
94
|
+
get: function () {
|
|
95
|
+
return _FunnelChart2[key];
|
|
96
|
+
}
|
|
97
|
+
});
|
|
98
|
+
});
|
|
87
99
|
var _funnelSectionClasses = require("./funnelSectionClasses");
|
|
88
100
|
var _FunnelSection = require("./FunnelSection");
|
|
89
101
|
var _FunnelSectionLabel = require("./FunnelSectionLabel");
|
|
@@ -3,7 +3,7 @@ import { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
|
|
|
3
3
|
import { ChartsLegendSlotExtension } from '@mui/x-charts/ChartsLegend';
|
|
4
4
|
import { ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
|
|
5
5
|
import type { ChartsWrapperProps } from '@mui/x-charts/ChartsWrapper';
|
|
6
|
-
import {
|
|
6
|
+
import { FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
|
|
7
7
|
import { FunnelPlotProps } from "./FunnelPlot.js";
|
|
8
8
|
import type { FunnelChartProps } from "./FunnelChart.js";
|
|
9
9
|
import { ChartContainerProProps } from "../ChartContainerPro/index.js";
|
|
@@ -15,7 +15,7 @@ import { ChartContainerProProps } from "../ChartContainerPro/index.js";
|
|
|
15
15
|
* @returns An object with props for the children components of FunnelChart
|
|
16
16
|
*/
|
|
17
17
|
export declare const useFunnelChartProps: (props: FunnelChartProps) => {
|
|
18
|
-
chartContainerProps: ChartContainerProProps<"funnel",
|
|
18
|
+
chartContainerProps: ChartContainerProProps<"funnel", FunnelChartPluginSignatures>;
|
|
19
19
|
funnelPlotProps: FunnelPlotProps;
|
|
20
20
|
overlayProps: ChartsOverlayProps;
|
|
21
21
|
chartsAxisProps: ChartsAxisProps;
|
|
@@ -93,7 +93,7 @@ const useFunnelChartProps = props => {
|
|
|
93
93
|
axisHighlight,
|
|
94
94
|
apiRef
|
|
95
95
|
} = props,
|
|
96
|
-
|
|
96
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
97
97
|
const margin = (0, _internals.defaultizeMargin)(marginProps, _constants.DEFAULT_MARGINS);
|
|
98
98
|
const isHorizontal = series.some(s => s.layout === 'horizontal');
|
|
99
99
|
const valueAxisConfig = {
|
|
@@ -104,7 +104,7 @@ const useFunnelChartProps = props => {
|
|
|
104
104
|
};
|
|
105
105
|
const xAxis = isHorizontal ? getCategoryAxisConfig(categoryAxis, series, isHorizontal, 'x') : valueAxisConfig;
|
|
106
106
|
const yAxis = isHorizontal ? valueAxisConfig : getCategoryAxisConfig(categoryAxis, series, isHorizontal, 'y');
|
|
107
|
-
const chartContainerProps = (0, _extends2.default)({},
|
|
107
|
+
const chartContainerProps = (0, _extends2.default)({}, other, {
|
|
108
108
|
series: series.map(s => (0, _extends2.default)({
|
|
109
109
|
type: 'funnel',
|
|
110
110
|
layout: isHorizontal ? 'horizontal' : 'vertical'
|
|
@@ -143,7 +143,8 @@ const useFunnelChartProps = props => {
|
|
|
143
143
|
const chartsWrapperProps = {
|
|
144
144
|
sx,
|
|
145
145
|
legendPosition: props.slotProps?.legend?.position,
|
|
146
|
-
legendDirection: props.slotProps?.legend?.direction
|
|
146
|
+
legendDirection: props.slotProps?.legend?.direction,
|
|
147
|
+
hideLegend: props.hideLegend ?? false
|
|
147
148
|
};
|
|
148
149
|
const axisHighlightProps = (0, _extends2.default)({}, axisHighlight);
|
|
149
150
|
return {
|
package/Heatmap/Heatmap.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ import { ChartContainerProProps } from "../ChartContainerPro/index.js";
|
|
|
10
10
|
import { HeatmapSeriesType } from "../models/seriesType/heatmap.js";
|
|
11
11
|
import { HeatmapTooltipProps } from "./HeatmapTooltip/index.js";
|
|
12
12
|
import { HeatmapItemSlotProps, HeatmapItemSlots } from "./HeatmapItem.js";
|
|
13
|
-
import {
|
|
13
|
+
import { HeatmapPluginSignatures } from "./Heatmap.plugins.js";
|
|
14
14
|
import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
|
|
15
15
|
export interface HeatmapSlots extends ChartsAxisSlots, ChartsOverlaySlots, HeatmapItemSlots, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {
|
|
16
16
|
/**
|
|
@@ -28,7 +28,7 @@ export interface HeatmapSlotProps extends ChartsAxisSlotProps, ChartsOverlaySlot
|
|
|
28
28
|
tooltip?: Partial<HeatmapTooltipProps>;
|
|
29
29
|
}
|
|
30
30
|
export type HeatmapSeries = MakeOptional<HeatmapSeriesType, 'type'>;
|
|
31
|
-
export interface HeatmapProps extends Omit<ChartContainerProProps<'heatmap',
|
|
31
|
+
export interface HeatmapProps extends Omit<ChartContainerProProps<'heatmap', HeatmapPluginSignatures>, 'series' | 'plugins' | 'xAxis' | 'yAxis' | 'skipAnimation' | 'slots' | 'slotProps' | 'experimentalFeatures' | 'highlightedAxis' | 'onHighlightedAxisChange'>, Omit<ChartsAxisProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'> {
|
|
32
32
|
/**
|
|
33
33
|
* The configuration of the x-axes.
|
|
34
34
|
* If not provided, a default axis config is used.
|
package/Heatmap/Heatmap.js
CHANGED
|
@@ -98,7 +98,8 @@ const Heatmap = exports.Heatmap = /*#__PURE__*/React.forwardRef(function Heatmap
|
|
|
98
98
|
const chartsWrapperProps = {
|
|
99
99
|
sx,
|
|
100
100
|
legendPosition: props.slotProps?.legend?.position,
|
|
101
|
-
legendDirection: props.slotProps?.legend?.direction
|
|
101
|
+
legendDirection: props.slotProps?.legend?.direction,
|
|
102
|
+
hideLegend
|
|
102
103
|
};
|
|
103
104
|
const Tooltip = slots?.tooltip ?? _HeatmapTooltip.HeatmapTooltip;
|
|
104
105
|
const Toolbar = slots?.toolbar ?? _ChartsToolbarPro.ChartsToolbarPro;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
|
|
2
2
|
import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
|
|
3
|
-
export type
|
|
4
|
-
export declare const HEATMAP_PLUGINS: ConvertSignaturesIntoPlugins<
|
|
3
|
+
export type HeatmapPluginSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'heatmap'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
|
|
4
|
+
export declare const HEATMAP_PLUGINS: ConvertSignaturesIntoPlugins<HeatmapPluginSignatures>;
|
package/Heatmap/index.d.ts
CHANGED
|
@@ -2,4 +2,5 @@ export { Heatmap } from "./Heatmap.js";
|
|
|
2
2
|
export type { HeatmapSeries, HeatmapProps } from "./Heatmap.js";
|
|
3
3
|
export { HeatmapPlot } from "./HeatmapPlot.js";
|
|
4
4
|
export * from "./HeatmapTooltip/index.js";
|
|
5
|
+
export * from "./Heatmap.plugins.js";
|
|
5
6
|
export * from "./heatmapClasses.js";
|
package/Heatmap/index.js
CHANGED
|
@@ -33,6 +33,18 @@ Object.keys(_HeatmapTooltip).forEach(function (key) {
|
|
|
33
33
|
}
|
|
34
34
|
});
|
|
35
35
|
});
|
|
36
|
+
var _Heatmap2 = require("./Heatmap.plugins");
|
|
37
|
+
Object.keys(_Heatmap2).forEach(function (key) {
|
|
38
|
+
if (key === "default" || key === "__esModule") return;
|
|
39
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
40
|
+
if (key in exports && exports[key] === _Heatmap2[key]) return;
|
|
41
|
+
Object.defineProperty(exports, key, {
|
|
42
|
+
enumerable: true,
|
|
43
|
+
get: function () {
|
|
44
|
+
return _Heatmap2[key];
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
});
|
|
36
48
|
var _heatmapClasses = require("./heatmapClasses");
|
|
37
49
|
Object.keys(_heatmapClasses).forEach(function (key) {
|
|
38
50
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -3,10 +3,10 @@ import { LineChartProps, LineChartSlots, LineChartSlotProps } from '@mui/x-chart
|
|
|
3
3
|
import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
|
|
4
4
|
import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
|
|
5
5
|
import { ChartContainerProProps } from "../ChartContainerPro/index.js";
|
|
6
|
-
import {
|
|
6
|
+
import { LineChartProPluginSignatures } from "./LineChartPro.plugins.js";
|
|
7
7
|
export interface LineChartProSlots extends Omit<LineChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
|
|
8
8
|
export interface LineChartProSlotProps extends Omit<LineChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
|
|
9
|
-
export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'line',
|
|
9
|
+
export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps'> {
|
|
10
10
|
/**
|
|
11
11
|
* Overridable component slots.
|
|
12
12
|
* @default {}
|
|
@@ -139,6 +139,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
|
|
|
139
139
|
* If `true`, render the line highlight item.
|
|
140
140
|
*/
|
|
141
141
|
disableLineItemHighlight: _propTypes.default.bool,
|
|
142
|
+
enableKeyboardNavigation: _propTypes.default.bool,
|
|
142
143
|
/**
|
|
143
144
|
* Options to enable features planned for the next major.
|
|
144
145
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
|
|
1
|
+
import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
|
|
2
2
|
import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
|
|
3
3
|
import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
|
|
4
|
-
export type
|
|
5
|
-
export declare const LINE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<
|
|
4
|
+
export type LineChartProPluginSignatures = [UseChartZAxisSignature, UseChartCartesianAxisSignature<'line'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
|
|
5
|
+
export declare const LINE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<LineChartProPluginSignatures>;
|
|
@@ -7,4 +7,4 @@ exports.LINE_CHART_PRO_PLUGINS = void 0;
|
|
|
7
7
|
var _internals = require("@mui/x-charts/internals");
|
|
8
8
|
var _useChartProExport = require("../internals/plugins/useChartProExport");
|
|
9
9
|
var _useChartProZoom = require("../internals/plugins/useChartProZoom");
|
|
10
|
-
const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
|
|
10
|
+
const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartCartesianAxis, _internals.useChartInteraction, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
|
package/LineChartPro/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from "./LineChartPro.js";
|
|
1
|
+
export * from "./LineChartPro.js";
|
|
2
|
+
export * from "./LineChartPro.plugins.js";
|
package/LineChartPro/index.js
CHANGED
|
@@ -13,4 +13,15 @@ Object.keys(_LineChartPro).forEach(function (key) {
|
|
|
13
13
|
return _LineChartPro[key];
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
|
+
});
|
|
17
|
+
var _LineChartPro2 = require("./LineChartPro.plugins");
|
|
18
|
+
Object.keys(_LineChartPro2).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _LineChartPro2[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _LineChartPro2[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
16
27
|
});
|
|
@@ -74,6 +74,7 @@ const PieChartPro = exports.PieChartPro = /*#__PURE__*/React.forwardRef(function
|
|
|
74
74
|
legendPosition: props.slotProps?.legend?.position,
|
|
75
75
|
legendDirection: props.slotProps?.legend?.direction ?? 'vertical',
|
|
76
76
|
sx: sx,
|
|
77
|
+
hideLegend: hideLegend ?? false,
|
|
77
78
|
children: [showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, {}) : null, !hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, {
|
|
78
79
|
direction: props.slotProps?.legend?.direction ?? 'vertical',
|
|
79
80
|
slots: slots,
|
|
@@ -118,6 +119,7 @@ process.env.NODE_ENV !== "production" ? PieChartPro.propTypes = {
|
|
|
118
119
|
*/
|
|
119
120
|
dataset: _propTypes.default.arrayOf(_propTypes.default.object),
|
|
120
121
|
desc: _propTypes.default.string,
|
|
122
|
+
enableKeyboardNavigation: _propTypes.default.bool,
|
|
121
123
|
/**
|
|
122
124
|
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
123
125
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature } from '@mui/x-charts/internals';
|
|
1
|
+
import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature, UseChartKeyboardNavigationSignature } from '@mui/x-charts/internals';
|
|
2
2
|
import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
|
|
3
|
-
export type PieChartProPluginSignatures = [UseChartInteractionSignature, UseChartHighlightSignature, UseChartProExportSignature];
|
|
3
|
+
export type PieChartProPluginSignatures = [UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
|
|
4
4
|
export declare const PIE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<PieChartProPluginSignatures>;
|
package/PieChartPro/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export * from "./PieChartPro.js";
|
|
1
|
+
export * from "./PieChartPro.js";
|
|
2
|
+
export * from "./PieChartPro.plugins.js";
|