@mui/x-charts-pro 9.0.0-alpha.2 → 9.0.0-alpha.3
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 +5 -2
- package/BarChartPro/BarChartPro.mjs +5 -2
- package/CHANGELOG.md +123 -1
- package/ChartContainerPro/ChartContainerPro.d.mts +2 -2
- package/ChartContainerPro/ChartContainerPro.d.ts +2 -2
- package/ChartContainerPro/useChartContainerProProps.d.mts +2 -2
- package/ChartContainerPro/useChartContainerProProps.d.ts +2 -2
- package/ChartDataProviderPro/ChartDataProviderPro.d.mts +1 -1
- package/ChartDataProviderPro/ChartDataProviderPro.d.ts +1 -1
- package/ChartDataProviderPro/useChartDataProviderProProps.d.mts +1 -1
- package/ChartDataProviderPro/useChartDataProviderProProps.d.ts +1 -1
- package/ChartsContainerPro/ChartsContainerPro.d.mts +2 -2
- package/ChartsContainerPro/ChartsContainerPro.d.ts +2 -2
- package/ChartsContainerPro/useChartsContainerProProps.d.mts +3 -3
- package/ChartsContainerPro/useChartsContainerProProps.d.ts +3 -3
- package/ChartsDataProviderPro/ChartsDataProviderPro.d.mts +2 -2
- package/ChartsDataProviderPro/ChartsDataProviderPro.d.ts +2 -2
- package/ChartsDataProviderPro/ChartsDataProviderPro.js +8 -5
- package/ChartsDataProviderPro/ChartsDataProviderPro.mjs +8 -5
- package/ChartsDataProviderPro/useChartsDataProviderProProps.d.mts +1 -1
- package/ChartsDataProviderPro/useChartsDataProviderProProps.d.ts +1 -1
- package/FunnelChart/FunnelChart.js +5 -2
- package/FunnelChart/FunnelChart.mjs +5 -2
- package/FunnelChart/FunnelSection.js +3 -4
- package/FunnelChart/FunnelSection.mjs +4 -5
- package/FunnelChart/funnelAxisPlugin/computeAxisValue.d.mts +3 -3
- package/FunnelChart/funnelAxisPlugin/computeAxisValue.d.ts +3 -3
- package/Heatmap/Heatmap.js +5 -4
- package/Heatmap/Heatmap.mjs +5 -4
- package/Heatmap/HeatmapItem.js +0 -1
- package/Heatmap/HeatmapItem.mjs +0 -1
- package/Heatmap/HeatmapSVGPlot.js +4 -4
- package/Heatmap/HeatmapSVGPlot.mjs +5 -5
- package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.js +16 -13
- package/Heatmap/HeatmapTooltip/HeatmapTooltipContent.mjs +16 -13
- package/Heatmap/internals/HeatmapCell.js +1 -1
- package/Heatmap/internals/HeatmapCell.mjs +1 -1
- package/Heatmap/seriesConfig/getColor.js +5 -3
- package/Heatmap/seriesConfig/getColor.mjs +5 -3
- package/Heatmap/seriesConfig/getItemAtPosition.d.mts +2 -2
- package/Heatmap/seriesConfig/getItemAtPosition.d.ts +2 -2
- package/Heatmap/seriesConfig/getItemAtPosition.js +3 -11
- package/Heatmap/seriesConfig/getItemAtPosition.mjs +3 -11
- package/Heatmap/seriesConfig/identifierCleaner.d.mts +3 -0
- package/Heatmap/seriesConfig/identifierCleaner.d.ts +3 -0
- package/Heatmap/seriesConfig/identifierCleaner.js +15 -0
- package/Heatmap/seriesConfig/identifierCleaner.mjs +9 -0
- package/Heatmap/seriesConfig/identifierSerializer.d.mts +3 -0
- package/Heatmap/seriesConfig/identifierSerializer.d.ts +3 -0
- package/Heatmap/seriesConfig/identifierSerializer.js +11 -0
- package/Heatmap/seriesConfig/identifierSerializer.mjs +5 -0
- package/Heatmap/seriesConfig/index.js +4 -2
- package/Heatmap/seriesConfig/index.mjs +5 -3
- package/Heatmap/seriesConfig/keyboardFocusHandler.js +6 -19
- package/Heatmap/seriesConfig/keyboardFocusHandler.mjs +6 -19
- package/Heatmap/seriesConfig/seriesProcessor.js +8 -3
- package/Heatmap/seriesConfig/seriesProcessor.mjs +8 -3
- package/Heatmap/seriesConfig/tooltip.js +7 -6
- package/Heatmap/seriesConfig/tooltip.mjs +7 -6
- package/Heatmap/seriesConfig/tooltipPosition.js +3 -4
- package/Heatmap/seriesConfig/tooltipPosition.mjs +3 -4
- package/Heatmap/useHeatmapProps.js +2 -2
- package/Heatmap/useHeatmapProps.mjs +2 -2
- package/LineChartPro/LineChartPro.js +5 -2
- package/LineChartPro/LineChartPro.mjs +5 -2
- package/PieChartPro/PieChartPro.js +5 -2
- package/PieChartPro/PieChartPro.mjs +5 -2
- package/RadarChartPro/RadarChartPro.js +5 -2
- package/RadarChartPro/RadarChartPro.mjs +5 -2
- package/SankeyChart/SankeyChart.js +5 -2
- package/SankeyChart/SankeyChart.mjs +5 -2
- package/SankeyChart/SankeyLinkElement.js +4 -3
- package/SankeyChart/SankeyLinkElement.mjs +5 -4
- package/SankeyChart/SankeyNodeElement.js +4 -3
- package/SankeyChart/SankeyNodeElement.mjs +5 -4
- package/SankeyChart/sankeyHighlightHooks.d.mts +2 -2
- package/SankeyChart/sankeyHighlightHooks.d.ts +2 -2
- package/SankeyChart/sankeyHighlightHooks.js +2 -10
- package/SankeyChart/sankeyHighlightHooks.mjs +3 -11
- package/ScatterChartPro/ScatterChartPro.js +5 -2
- package/ScatterChartPro/ScatterChartPro.mjs +5 -2
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internals/ChartsWatermark.d.mts +2 -2
- package/internals/ChartsWatermark.d.ts +2 -2
- package/internals/ChartsWatermark.js +5 -8
- package/internals/ChartsWatermark.mjs +3 -6
- package/internals/plugins/allPlugins.d.mts +4 -4
- package/internals/plugins/allPlugins.d.ts +4 -4
- package/internals/plugins/useChartProExport/exportImage.js +1 -1
- package/internals/plugins/useChartProExport/exportImage.mjs +1 -1
- package/models/seriesType/heatmap.d.mts +36 -9
- package/models/seriesType/heatmap.d.ts +36 -9
- package/models/seriesType/heatmap.js +28 -1
- package/models/seriesType/heatmap.mjs +25 -1
- package/package.json +128 -128
- package/plugins/selectors/useChartHeatmapPosition.selectors.d.mts +2 -2
- package/plugins/selectors/useChartHeatmapPosition.selectors.d.ts +2 -2
- package/plugins/selectors/useChartHeatmapPosition.selectors.js +4 -4
- package/plugins/selectors/useChartHeatmapPosition.selectors.mjs +4 -4
- package/typeOverloads/modules.d.mts +2 -2
- package/typeOverloads/modules.d.ts +2 -2
|
@@ -159,7 +159,10 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
159
159
|
* @default false
|
|
160
160
|
*/
|
|
161
161
|
disableAxisListener: _propTypes.default.bool,
|
|
162
|
-
|
|
162
|
+
/**
|
|
163
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
164
|
+
*/
|
|
165
|
+
disableKeyboardNavigation: _propTypes.default.bool,
|
|
163
166
|
/**
|
|
164
167
|
* Option to display a cartesian grid in the background.
|
|
165
168
|
*/
|
|
@@ -337,7 +340,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
337
340
|
/**
|
|
338
341
|
* The callback fired when the tooltip item changes.
|
|
339
342
|
*
|
|
340
|
-
* @param {SeriesItemIdentifier<
|
|
343
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
341
344
|
*/
|
|
342
345
|
onTooltipItemChange: _propTypes.default.func,
|
|
343
346
|
/**
|
|
@@ -152,7 +152,10 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
152
152
|
* @default false
|
|
153
153
|
*/
|
|
154
154
|
disableAxisListener: PropTypes.bool,
|
|
155
|
-
|
|
155
|
+
/**
|
|
156
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
157
|
+
*/
|
|
158
|
+
disableKeyboardNavigation: PropTypes.bool,
|
|
156
159
|
/**
|
|
157
160
|
* Option to display a cartesian grid in the background.
|
|
158
161
|
*/
|
|
@@ -330,7 +333,7 @@ process.env.NODE_ENV !== "production" ? BarChartPro.propTypes = {
|
|
|
330
333
|
/**
|
|
331
334
|
* The callback fired when the tooltip item changes.
|
|
332
335
|
*
|
|
333
|
-
* @param {SeriesItemIdentifier<
|
|
336
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
334
337
|
*/
|
|
335
338
|
onTooltipItemChange: PropTypes.func,
|
|
336
339
|
/**
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,127 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 9.0.0-alpha.3
|
|
4
|
+
|
|
5
|
+
_Mar 12, 2026_
|
|
6
|
+
|
|
7
|
+
We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
|
|
8
|
+
|
|
9
|
+
- 🐞 Bugfixes and internal improvements
|
|
10
|
+
|
|
11
|
+
The following team members contributed to this release:
|
|
12
|
+
@aemartos, @alexfauquette, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @MBilalShafi, @michelengelen, @rita-codes, @sai6855, @siriwatknp
|
|
13
|
+
|
|
14
|
+
### Data Grid
|
|
15
|
+
|
|
16
|
+
#### `@mui/x-data-grid@9.0.0-alpha.3`
|
|
17
|
+
|
|
18
|
+
- [DataGrid] Fix crash when `rows` and `rowModesModel` are updated simultaneously (#21265) @michelengelen
|
|
19
|
+
- [DataGrid] Add missing `resizablePanelHandle` classes to `gridClasses` object (#21538) @sai6855
|
|
20
|
+
- [DataGrid] Refactor `headerAlign` style calls (#21541) @sai6855
|
|
21
|
+
|
|
22
|
+
#### `@mui/x-data-grid-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
23
|
+
|
|
24
|
+
Same changes as in `@mui/x-data-grid@9.0.0-alpha.3`, plus:
|
|
25
|
+
|
|
26
|
+
- [DataGridPro] Add `role="presentation"` to detail panel toggle header content (#21634) @michelengelen
|
|
27
|
+
- [DataGridPro] Fix sorting not reflected in nested server-side data (#21619) @MBilalShafi
|
|
28
|
+
|
|
29
|
+
#### `@mui/x-data-grid-premium@9.0.0-alpha.3` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
30
|
+
|
|
31
|
+
Same changes as in `@mui/x-data-grid-pro@9.0.0-alpha.3`.
|
|
32
|
+
|
|
33
|
+
### Date and Time Pickers
|
|
34
|
+
|
|
35
|
+
#### `@mui/x-date-pickers@9.0.0-alpha.3`
|
|
36
|
+
|
|
37
|
+
- [pickers] Refactor `DateRangePickerDay` overrides to use a centralized `elementOverrides` object (#21426) @sai6855
|
|
38
|
+
- [pickers] Migrate from deprecated props for `PickersModalDialog` (#21702) @siriwatknp
|
|
39
|
+
|
|
40
|
+
#### `@mui/x-date-pickers-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
41
|
+
|
|
42
|
+
Same changes as in `@mui/x-date-pickers@9.0.0-alpha.3`.
|
|
43
|
+
|
|
44
|
+
### Charts
|
|
45
|
+
|
|
46
|
+
#### `@mui/x-charts@9.0.0-alpha.3`
|
|
47
|
+
|
|
48
|
+
- [charts] Differentiate Line Plot roots classes (#21679) @JCQuintas
|
|
49
|
+
- [charts] Enable keyboard navigation by default (#21675) @alexfauquette
|
|
50
|
+
- [charts] Fix keyboard tooltip radar (#21667) @alexfauquette
|
|
51
|
+
- [charts] Fix selector default parameter (#21638) @JCQuintas
|
|
52
|
+
- [charts] Fix tooltip blink between node and pointer anchor (#21611) @alexfauquette
|
|
53
|
+
- [charts] Let tooltip and legend reflect the line shape (#21475) @alexfauquette
|
|
54
|
+
- [charts] Refactor `BarChart` classes structure (#21601) @JCQuintas
|
|
55
|
+
- [charts] Refactor `LineChart` classes structure (#21648) @JCQuintas
|
|
56
|
+
- [charts] Refactor `ScatterChart` classes structure (#21651) @JCQuintas
|
|
57
|
+
- [charts] Refactor `PieChart` classes structure (#21649) @JCQuintas
|
|
58
|
+
- [charts] Remove batch rendering checks in highlight selectors (#21646) @bernardobelchior
|
|
59
|
+
- [charts] Standardize generic arg names to `SeriesType` (#21694) @alexfauquette
|
|
60
|
+
- [charts] Simplify highlight hooks return types (#21695) @alexfauquette
|
|
61
|
+
|
|
62
|
+
#### `@mui/x-charts-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
63
|
+
|
|
64
|
+
Same changes as in `@mui/x-charts@9.0.0-alpha.3`, plus:
|
|
65
|
+
|
|
66
|
+
- [charts-pro] Fix heatmap style override from `arc` to `cell` (#21693) @Copilot
|
|
67
|
+
- [charts-pro] Fix image export truncated when page is zoomed out (#21685) @bernardobelchior
|
|
68
|
+
- [charts-pro] Speed-up heatmap cell search with an index lookup (#21130) @alexfauquette
|
|
69
|
+
- [charts-pro] Fix heatmap highlight not working (#21710) @Copilot
|
|
70
|
+
|
|
71
|
+
#### `@mui/x-charts-premium@9.0.0-alpha.3` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
72
|
+
|
|
73
|
+
Same changes as in `@mui/x-charts-pro@9.0.0-alpha.3`, plus:
|
|
74
|
+
|
|
75
|
+
- [charts-premium] Re-enable WebGL tests (#21708) @bernardobelchior
|
|
76
|
+
|
|
77
|
+
### Tree View
|
|
78
|
+
|
|
79
|
+
#### Breaking changes
|
|
80
|
+
|
|
81
|
+
- Remove `TreeViewBaseItem` type (use `TreeViewDefaultItemModelProperties` or a custom interface)
|
|
82
|
+
- Remove `useTreeViewApiRef` hook (use `useRichTreeViewApiRef`, `useSimpleTreeViewApiRef`, or `useRichTreeViewProApiRef`)
|
|
83
|
+
- Remove `status` from content slot props returned by `getContentProps()` (use `data-*` attributes; `status` on `useTreeItem` return value is unchanged)
|
|
84
|
+
- Remove deprecated CSS state classes from `treeItemClasses`: `expanded`, `selected`, `focused`, `disabled`, `editable`, `editing` (use `[data-expanded]`, `[data-selected]`, etc.)
|
|
85
|
+
- The `<RichTreeViewPro />` component has now virtualization enabled by default.
|
|
86
|
+
- The items used inside the `<RichTreeViewPro />` now have a default height of `32px`.
|
|
87
|
+
- The events of the `<RichTreeViewPro />` are now rendered as a flat list instead of a nested tree.
|
|
88
|
+
|
|
89
|
+
#### `@mui/x-tree-view@9.0.0-alpha.3`
|
|
90
|
+
|
|
91
|
+
- [tree view] Remove deprecated APIs (#21591) @flaviendelangle
|
|
92
|
+
- [tree view] Fix collapsed children not selected with `selectionPropagation.descendants` in `SimpleTreeView` (#21253) @flaviendelangle
|
|
93
|
+
|
|
94
|
+
#### `@mui/x-tree-view-pro@9.0.0-alpha.3` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
95
|
+
|
|
96
|
+
Same changes as in `@mui/x-tree-view@9.0.0-alpha.3`, plus:
|
|
97
|
+
|
|
98
|
+
- [RichTreeViewPro] Make the virtualization opt-out and port the layout doc from the data grid (#21461) @flaviendelangle
|
|
99
|
+
|
|
100
|
+
### Codemod
|
|
101
|
+
|
|
102
|
+
#### `@mui/x-codemod@9.0.0-alpha.3`
|
|
103
|
+
|
|
104
|
+
Internal changes.
|
|
105
|
+
|
|
106
|
+
### Docs
|
|
107
|
+
|
|
108
|
+
- [docs] Fix `AssistantWithDataSource` demo crashing (#21555) @sai6855
|
|
109
|
+
- [docs] Remove `Preview` pill from Sankey (#21623) @bernardobelchior
|
|
110
|
+
- [docs] Migrate internal Material UI deprecated APIs (#21680) @siriwatknp
|
|
111
|
+
- [docs] Remove `New` flag on Tree View and Date and Time Pickers features released before v9 alpha (#21585) @flaviendelangle
|
|
112
|
+
|
|
113
|
+
### Core
|
|
114
|
+
|
|
115
|
+
- [code-infra] Remove checkout step (#21688) @Janpot
|
|
116
|
+
- [code-infra] Fix contributor generation in changelog (#21718) @brijeshb42
|
|
117
|
+
- [docs-infra] Do not point to non-existent v8 subdomain (#21640) @cherniavskii
|
|
118
|
+
|
|
119
|
+
### Miscellaneous
|
|
120
|
+
|
|
121
|
+
- [test] Add missing tests for forwarding props to filter operators in DataGrid (#21441) @siriwatknp
|
|
122
|
+
- [x-license] Export additional license types and constants (#21625) @aemartos
|
|
123
|
+
- [x-license] Refactor license verification to accept package info object and add v9 version gating (#21690) @aemartos
|
|
124
|
+
|
|
3
125
|
## 9.0.0-alpha.2
|
|
4
126
|
|
|
5
127
|
_Mar 5, 2026_
|
|
@@ -92,7 +214,7 @@ Internal changes.
|
|
|
92
214
|
|
|
93
215
|
- [docs] Add backticks and parentheses to all functions and hooks (DX-173) (#21496) @mapache-salvaje
|
|
94
216
|
- [docs] Remove mentions of `mySvgRef` (#21559) @bernardobelchior
|
|
95
|
-
- [docs] Update Roadmap section in the docs
|
|
217
|
+
- [docs] Update Roadmap section in the docs (#20892) @alelthomas
|
|
96
218
|
- [docs] Add tutorial and example app for aggregation with row grouping (DX-162) (#21102) @mapache-salvaje
|
|
97
219
|
- [docs] Fix missing codemod docs (#21604) @JCQuintas
|
|
98
220
|
|
|
@@ -12,10 +12,10 @@ export type ChartContainerProSlotProps = ChartsContainerProSlotProps;
|
|
|
12
12
|
/**
|
|
13
13
|
* @deprecated Use `ChartsContainerProProps` instead. We added S to the charts prefix to align with other components.
|
|
14
14
|
*/
|
|
15
|
-
export type ChartContainerProProps<
|
|
15
|
+
export type ChartContainerProProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsContainerProProps<SeriesType, TSignatures>;
|
|
16
16
|
/**
|
|
17
17
|
* @deprecated Use `ChartsContainerPro` instead. We added S to the charts prefix to align with other components.
|
|
18
18
|
*/
|
|
19
|
-
export declare const ChartContainerPro: <
|
|
19
|
+
export declare const ChartContainerPro: <SeriesType extends ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures> & {
|
|
20
20
|
ref?: React.ForwardedRef<SVGSVGElement>;
|
|
21
21
|
}) => React.JSX.Element;
|
|
@@ -12,10 +12,10 @@ export type ChartContainerProSlotProps = ChartsContainerProSlotProps;
|
|
|
12
12
|
/**
|
|
13
13
|
* @deprecated Use `ChartsContainerProProps` instead. We added S to the charts prefix to align with other components.
|
|
14
14
|
*/
|
|
15
|
-
export type ChartContainerProProps<
|
|
15
|
+
export type ChartContainerProProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsContainerProProps<SeriesType, TSignatures>;
|
|
16
16
|
/**
|
|
17
17
|
* @deprecated Use `ChartsContainerPro` instead. We added S to the charts prefix to align with other components.
|
|
18
18
|
*/
|
|
19
|
-
export declare const ChartContainerPro: <
|
|
19
|
+
export declare const ChartContainerPro: <SeriesType extends ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures> & {
|
|
20
20
|
ref?: React.ForwardedRef<SVGSVGElement>;
|
|
21
21
|
}) => React.JSX.Element;
|
|
@@ -5,8 +5,8 @@ import { type AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
|
|
|
5
5
|
/**
|
|
6
6
|
* @deprecated Use `UseChartsContainerProPropsReturnValue` instead.
|
|
7
7
|
*/
|
|
8
|
-
export type UseChartContainerProPropsReturnValue<
|
|
8
|
+
export type UseChartContainerProPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartsContainerProPropsReturnValue<SeriesType, TSignatures>;
|
|
9
9
|
/**
|
|
10
10
|
* @deprecated Use `useChartsContainerProProps` instead.
|
|
11
11
|
*/
|
|
12
|
-
export declare const useChartContainerProProps: <
|
|
12
|
+
export declare const useChartContainerProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartContainerProProps<SeriesType, TSignatures>) => UseChartContainerProPropsReturnValue<SeriesType, TSignatures>;
|
|
@@ -5,8 +5,8 @@ import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
|
5
5
|
/**
|
|
6
6
|
* @deprecated Use `UseChartsContainerProPropsReturnValue` instead.
|
|
7
7
|
*/
|
|
8
|
-
export type UseChartContainerProPropsReturnValue<
|
|
8
|
+
export type UseChartContainerProPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartsContainerProPropsReturnValue<SeriesType, TSignatures>;
|
|
9
9
|
/**
|
|
10
10
|
* @deprecated Use `useChartsContainerProProps` instead.
|
|
11
11
|
*/
|
|
12
|
-
export declare const useChartContainerProProps: <
|
|
12
|
+
export declare const useChartContainerProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartContainerProProps<SeriesType, TSignatures>) => UseChartContainerProPropsReturnValue<SeriesType, TSignatures>;
|
|
@@ -13,7 +13,7 @@ export type ChartDataProviderProSlotProps = ChartsDataProviderProSlotProps;
|
|
|
13
13
|
/**
|
|
14
14
|
* @deprecated Use `ChartsDataProviderProProps` instead. We added S to the charts prefix to align with other components.
|
|
15
15
|
*/
|
|
16
|
-
export type ChartDataProviderProProps<
|
|
16
|
+
export type ChartDataProviderProProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderProProps<SeriesType, TSignatures>;
|
|
17
17
|
/**
|
|
18
18
|
* @deprecated Use `ChartsDataProviderPro` instead. We added S to the charts prefix to align with other components.
|
|
19
19
|
*/
|
|
@@ -13,7 +13,7 @@ export type ChartDataProviderProSlotProps = ChartsDataProviderProSlotProps;
|
|
|
13
13
|
/**
|
|
14
14
|
* @deprecated Use `ChartsDataProviderProProps` instead. We added S to the charts prefix to align with other components.
|
|
15
15
|
*/
|
|
16
|
-
export type ChartDataProviderProProps<
|
|
16
|
+
export type ChartDataProviderProProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderProProps<SeriesType, TSignatures>;
|
|
17
17
|
/**
|
|
18
18
|
* @deprecated Use `ChartsDataProviderPro` instead. We added S to the charts prefix to align with other components.
|
|
19
19
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @deprecated Use `useChartsDataProviderProProps` instead. We added S to the charts prefix to align with other components.
|
|
3
3
|
*/
|
|
4
|
-
export declare const useChartDataProviderProProps: <
|
|
4
|
+
export declare const useChartDataProviderProProps: <SeriesType extends import("@mui/x-charts/internals").ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly import("@mui/x-charts/internals").ChartAnyPluginSignature[] = import("../internals/plugins/allPlugins.mjs").AllPluginSignatures<SeriesType>>(props: import("../index.mjs").ChartsDataProviderProProps<SeriesType, TSignatures>) => {
|
|
5
5
|
children: import("react").ReactNode;
|
|
6
6
|
localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
|
|
7
7
|
chartProviderProps: import("@mui/x-charts/internals").ChartsProviderProps<keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @deprecated Use `useChartsDataProviderProProps` instead. We added S to the charts prefix to align with other components.
|
|
3
3
|
*/
|
|
4
|
-
export declare const useChartDataProviderProProps: <
|
|
4
|
+
export declare const useChartDataProviderProProps: <SeriesType extends import("@mui/x-charts/internals").ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly import("@mui/x-charts/internals").ChartAnyPluginSignature[] = import("../internals/plugins/allPlugins.js").AllPluginSignatures<SeriesType>>(props: import("../index.js").ChartsDataProviderProProps<SeriesType, TSignatures>) => {
|
|
5
5
|
children: import("react").ReactNode;
|
|
6
6
|
localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
|
|
7
7
|
chartProviderProps: import("@mui/x-charts/internals").ChartsProviderProps<keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures>;
|
|
@@ -5,8 +5,8 @@ import { type AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
|
|
|
5
5
|
import { type ChartsDataProviderProProps } from "../ChartsDataProviderPro/index.mjs";
|
|
6
6
|
export interface ChartsContainerProSlots {}
|
|
7
7
|
export interface ChartsContainerProSlotProps {}
|
|
8
|
-
export type ChartsContainerProProps<
|
|
9
|
-
type ChartsContainerProComponent = <
|
|
8
|
+
export type ChartsContainerProProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderProProps<SeriesType, TSignatures> & ChartsSurfaceProps;
|
|
9
|
+
type ChartsContainerProComponent = <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures> & {
|
|
10
10
|
ref?: React.ForwardedRef<SVGSVGElement>;
|
|
11
11
|
}) => React.JSX.Element;
|
|
12
12
|
/**
|
|
@@ -5,8 +5,8 @@ import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
|
5
5
|
import { type ChartsDataProviderProProps } from "../ChartsDataProviderPro/index.js";
|
|
6
6
|
export interface ChartsContainerProSlots {}
|
|
7
7
|
export interface ChartsContainerProSlotProps {}
|
|
8
|
-
export type ChartsContainerProProps<
|
|
9
|
-
type ChartsContainerProComponent = <
|
|
8
|
+
export type ChartsContainerProProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderProProps<SeriesType, TSignatures> & ChartsSurfaceProps;
|
|
9
|
+
type ChartsContainerProComponent = <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures> & {
|
|
10
10
|
ref?: React.ForwardedRef<SVGSVGElement>;
|
|
11
11
|
}) => React.JSX.Element;
|
|
12
12
|
/**
|
|
@@ -2,7 +2,7 @@ import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartsConta
|
|
|
2
2
|
import type { ChartDataProviderProProps } from "../ChartDataProviderPro/index.mjs";
|
|
3
3
|
import type { ChartsContainerProProps } from "./ChartsContainerPro.mjs";
|
|
4
4
|
import { type AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
|
|
5
|
-
export type UseChartsContainerProPropsReturnValue<
|
|
6
|
-
chartDataProviderProProps: ChartDataProviderProProps<
|
|
5
|
+
export type UseChartsContainerProPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<SeriesType, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
|
|
6
|
+
chartDataProviderProProps: ChartDataProviderProProps<SeriesType, TSignatures>;
|
|
7
7
|
};
|
|
8
|
-
export declare const useChartsContainerProProps: <
|
|
8
|
+
export declare const useChartsContainerProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures>) => UseChartsContainerProPropsReturnValue<SeriesType, TSignatures>;
|
|
@@ -2,7 +2,7 @@ import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartsConta
|
|
|
2
2
|
import type { ChartDataProviderProProps } from "../ChartDataProviderPro/index.js";
|
|
3
3
|
import type { ChartsContainerProProps } from "./ChartsContainerPro.js";
|
|
4
4
|
import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
5
|
-
export type UseChartsContainerProPropsReturnValue<
|
|
6
|
-
chartDataProviderProProps: ChartDataProviderProProps<
|
|
5
|
+
export type UseChartsContainerProPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<SeriesType, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
|
|
6
|
+
chartDataProviderProProps: ChartDataProviderProProps<SeriesType, TSignatures>;
|
|
7
7
|
};
|
|
8
|
-
export declare const useChartsContainerProProps: <
|
|
8
|
+
export declare const useChartsContainerProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerProProps<SeriesType, TSignatures>) => UseChartsContainerProPropsReturnValue<SeriesType, TSignatures>;
|
|
@@ -4,7 +4,7 @@ import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/mater
|
|
|
4
4
|
import { type AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
|
|
5
5
|
export interface ChartsDataProviderProSlots extends ChartsSlotsPro {}
|
|
6
6
|
export interface ChartsDataProviderProSlotProps extends ChartsSlotPropsPro {}
|
|
7
|
-
export type ChartsDataProviderProProps<
|
|
7
|
+
export type ChartsDataProviderProProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderProps<SeriesType, TSignatures> & ChartsProviderProps<SeriesType, TSignatures>['pluginParams'] & {
|
|
8
8
|
/**
|
|
9
9
|
* Slots to customize charts' components.
|
|
10
10
|
*/
|
|
@@ -42,7 +42,7 @@ export declare const defaultSeriesConfigPro: ChartSeriesConfig<'bar' | 'scatter'
|
|
|
42
42
|
* </ChartsDataProviderPro>
|
|
43
43
|
* ```
|
|
44
44
|
*/
|
|
45
|
-
declare function ChartsDataProviderPro<
|
|
45
|
+
declare function ChartsDataProviderPro<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderProProps<SeriesType, TSignatures>): import("react/jsx-runtime").JSX.Element;
|
|
46
46
|
declare namespace ChartsDataProviderPro {
|
|
47
47
|
var propTypes: any;
|
|
48
48
|
}
|
|
@@ -4,7 +4,7 @@ import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/mater
|
|
|
4
4
|
import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
5
5
|
export interface ChartsDataProviderProSlots extends ChartsSlotsPro {}
|
|
6
6
|
export interface ChartsDataProviderProSlotProps extends ChartsSlotPropsPro {}
|
|
7
|
-
export type ChartsDataProviderProProps<
|
|
7
|
+
export type ChartsDataProviderProProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderProps<SeriesType, TSignatures> & ChartsProviderProps<SeriesType, TSignatures>['pluginParams'] & {
|
|
8
8
|
/**
|
|
9
9
|
* Slots to customize charts' components.
|
|
10
10
|
*/
|
|
@@ -42,7 +42,7 @@ export declare const defaultSeriesConfigPro: ChartSeriesConfig<'bar' | 'scatter'
|
|
|
42
42
|
* </ChartsDataProviderPro>
|
|
43
43
|
* ```
|
|
44
44
|
*/
|
|
45
|
-
declare function ChartsDataProviderPro<
|
|
45
|
+
declare function ChartsDataProviderPro<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderProProps<SeriesType, TSignatures>): import("react/jsx-runtime").JSX.Element;
|
|
46
46
|
declare namespace ChartsDataProviderPro {
|
|
47
47
|
var propTypes: any;
|
|
48
48
|
}
|
|
@@ -11,14 +11,17 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
var _internals = require("@mui/x-charts/internals");
|
|
13
13
|
var _ChartsLocalizationProvider = require("@mui/x-charts/ChartsLocalizationProvider");
|
|
14
|
-
var
|
|
14
|
+
var _internals2 = require("@mui/x-license/internals");
|
|
15
15
|
var _material = require("../internals/material");
|
|
16
16
|
var _allPlugins = require("../internals/plugins/allPlugins");
|
|
17
17
|
var _useChartsDataProviderProProps = require("./useChartsDataProviderProProps");
|
|
18
18
|
var _ChartsWatermark = require("../internals/ChartsWatermark");
|
|
19
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
-
const
|
|
21
|
-
|
|
20
|
+
const packageInfo = {
|
|
21
|
+
releaseDate: "MTc3MzI3MzYwMDAwMA==",
|
|
22
|
+
version: process.env.MUI_VERSION,
|
|
23
|
+
name: 'x-charts-pro'
|
|
24
|
+
};
|
|
22
25
|
const defaultSeriesConfigPro = exports.defaultSeriesConfigPro = _internals.defaultSeriesConfig;
|
|
23
26
|
|
|
24
27
|
/**
|
|
@@ -59,7 +62,7 @@ function ChartsDataProviderPro(props) {
|
|
|
59
62
|
seriesConfig: props.seriesConfig ?? defaultSeriesConfigPro,
|
|
60
63
|
plugins: props.plugins ?? _allPlugins.DEFAULT_PLUGINS
|
|
61
64
|
}));
|
|
62
|
-
(0,
|
|
65
|
+
(0, _internals2.useLicenseVerifier)(packageInfo);
|
|
63
66
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.ChartsProvider, (0, _extends2.default)({}, chartProviderProps, {
|
|
64
67
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLocalizationProvider.ChartsLocalizationProvider, {
|
|
65
68
|
localeText: localeText,
|
|
@@ -70,7 +73,7 @@ function ChartsDataProviderPro(props) {
|
|
|
70
73
|
children: children
|
|
71
74
|
})
|
|
72
75
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsWatermark.ChartsWatermark, {
|
|
73
|
-
|
|
76
|
+
packageInfo: packageInfo
|
|
74
77
|
})]
|
|
75
78
|
}));
|
|
76
79
|
}
|
|
@@ -4,14 +4,17 @@ import _extends from "@babel/runtime/helpers/esm/extends";
|
|
|
4
4
|
import PropTypes from 'prop-types';
|
|
5
5
|
import { ChartsProvider, ChartsSlotsProvider, defaultSeriesConfig } from '@mui/x-charts/internals';
|
|
6
6
|
import { ChartsLocalizationProvider } from '@mui/x-charts/ChartsLocalizationProvider';
|
|
7
|
-
import { useLicenseVerifier } from '@mui/x-license/
|
|
7
|
+
import { useLicenseVerifier } from '@mui/x-license/internals';
|
|
8
8
|
import { defaultSlotsMaterial } from "../internals/material/index.mjs";
|
|
9
9
|
import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.mjs";
|
|
10
10
|
import { useChartsDataProviderProProps } from "./useChartsDataProviderProProps.mjs";
|
|
11
11
|
import { ChartsWatermark } from "../internals/ChartsWatermark.mjs";
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
const
|
|
14
|
-
|
|
13
|
+
const packageInfo = {
|
|
14
|
+
releaseDate: "MTc3MzI3MzYwMDAwMA==",
|
|
15
|
+
version: process.env.MUI_VERSION,
|
|
16
|
+
name: 'x-charts-pro'
|
|
17
|
+
};
|
|
15
18
|
export const defaultSeriesConfigPro = defaultSeriesConfig;
|
|
16
19
|
|
|
17
20
|
/**
|
|
@@ -52,7 +55,7 @@ function ChartsDataProviderPro(props) {
|
|
|
52
55
|
seriesConfig: props.seriesConfig ?? defaultSeriesConfigPro,
|
|
53
56
|
plugins: props.plugins ?? DEFAULT_PLUGINS
|
|
54
57
|
}));
|
|
55
|
-
useLicenseVerifier(
|
|
58
|
+
useLicenseVerifier(packageInfo);
|
|
56
59
|
return /*#__PURE__*/_jsxs(ChartsProvider, _extends({}, chartProviderProps, {
|
|
57
60
|
children: [/*#__PURE__*/_jsx(ChartsLocalizationProvider, {
|
|
58
61
|
localeText: localeText,
|
|
@@ -63,7 +66,7 @@ function ChartsDataProviderPro(props) {
|
|
|
63
66
|
children: children
|
|
64
67
|
})
|
|
65
68
|
}), /*#__PURE__*/_jsx(ChartsWatermark, {
|
|
66
|
-
|
|
69
|
+
packageInfo: packageInfo
|
|
67
70
|
})]
|
|
68
71
|
}));
|
|
69
72
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
|
|
2
2
|
import type { ChartsDataProviderProProps } from "./ChartsDataProviderPro.mjs";
|
|
3
3
|
import type { AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
|
|
4
|
-
export declare const useChartsDataProviderProProps: <
|
|
4
|
+
export declare const useChartsDataProviderProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderProProps<SeriesType, TSignatures>) => {
|
|
5
5
|
children: import("react").ReactNode;
|
|
6
6
|
localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
|
|
7
7
|
chartProviderProps: import("@mui/x-charts/internals").ChartsProviderProps<keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
|
|
2
2
|
import type { ChartsDataProviderProProps } from "./ChartsDataProviderPro.js";
|
|
3
3
|
import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
4
|
-
export declare const useChartsDataProviderProProps: <
|
|
4
|
+
export declare const useChartsDataProviderProProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderProProps<SeriesType, TSignatures>) => {
|
|
5
5
|
children: import("react").ReactNode;
|
|
6
6
|
localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
|
|
7
7
|
chartProviderProps: import("@mui/x-charts/internals").ChartsProviderProps<keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures>;
|
|
@@ -184,7 +184,10 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
|
|
|
184
184
|
* @default false
|
|
185
185
|
*/
|
|
186
186
|
disableAxisListener: _propTypes.default.bool,
|
|
187
|
-
|
|
187
|
+
/**
|
|
188
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
189
|
+
*/
|
|
190
|
+
disableKeyboardNavigation: _propTypes.default.bool,
|
|
188
191
|
/**
|
|
189
192
|
* The gap, in pixels, between funnel sections.
|
|
190
193
|
* @default 0
|
|
@@ -323,7 +326,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
|
|
|
323
326
|
/**
|
|
324
327
|
* The callback fired when the tooltip item changes.
|
|
325
328
|
*
|
|
326
|
-
* @param {SeriesItemIdentifier<
|
|
329
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
327
330
|
*/
|
|
328
331
|
onTooltipItemChange: _propTypes.default.func,
|
|
329
332
|
/**
|
|
@@ -177,7 +177,10 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
|
|
|
177
177
|
* @default false
|
|
178
178
|
*/
|
|
179
179
|
disableAxisListener: PropTypes.bool,
|
|
180
|
-
|
|
180
|
+
/**
|
|
181
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
182
|
+
*/
|
|
183
|
+
disableKeyboardNavigation: PropTypes.bool,
|
|
181
184
|
/**
|
|
182
185
|
* The gap, in pixels, between funnel sections.
|
|
183
186
|
* @default 0
|
|
@@ -316,7 +319,7 @@ process.env.NODE_ENV !== "production" ? FunnelChart.propTypes = {
|
|
|
316
319
|
/**
|
|
317
320
|
* The callback fired when the tooltip item changes.
|
|
318
321
|
*
|
|
319
|
-
* @param {SeriesItemIdentifier<
|
|
322
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
320
323
|
*/
|
|
321
324
|
onTooltipItemChange: PropTypes.func,
|
|
322
325
|
/**
|
|
@@ -46,10 +46,9 @@ const FunnelSection = exports.FunnelSection = (0, _internals.consumeSlots)('MuiF
|
|
|
46
46
|
dataIndex
|
|
47
47
|
}), [seriesId, dataIndex]);
|
|
48
48
|
const interactionProps = (0, _internals.useInteractionItemProps)(identifier);
|
|
49
|
-
const
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
} = (0, _hooks.useItemHighlighted)(identifier);
|
|
49
|
+
const highlightState = (0, _hooks.useItemHighlightState)(identifier);
|
|
50
|
+
const isHighlighted = highlightState === 'highlighted';
|
|
51
|
+
const isFaded = highlightState === 'faded';
|
|
53
52
|
const isOutlined = variant === 'outlined';
|
|
54
53
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(FunnelSectionPath, (0, _extends2.default)({}, interactionProps, {
|
|
55
54
|
filter: isHighlighted && !isOutlined ? 'brightness(120%)' : undefined,
|
|
@@ -6,7 +6,7 @@ const _excluded = ["seriesId", "dataIndex", "classes", "color", "onClick", "clas
|
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { styled } from '@mui/material/styles';
|
|
8
8
|
import { useInteractionItemProps, consumeSlots } from '@mui/x-charts/internals';
|
|
9
|
-
import {
|
|
9
|
+
import { useItemHighlightState } from '@mui/x-charts/hooks';
|
|
10
10
|
import clsx from 'clsx';
|
|
11
11
|
import { useUtilityClasses } from "./funnelSectionClasses.mjs";
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -39,10 +39,9 @@ const FunnelSection = consumeSlots('MuiFunnelSection', 'funnelSection', {
|
|
|
39
39
|
dataIndex
|
|
40
40
|
}), [seriesId, dataIndex]);
|
|
41
41
|
const interactionProps = useInteractionItemProps(identifier);
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
} = useItemHighlighted(identifier);
|
|
42
|
+
const highlightState = useItemHighlightState(identifier);
|
|
43
|
+
const isHighlighted = highlightState === 'highlighted';
|
|
44
|
+
const isFaded = highlightState === 'faded';
|
|
46
45
|
const isOutlined = variant === 'outlined';
|
|
47
46
|
return /*#__PURE__*/_jsx(FunnelSectionPath, _extends({}, interactionProps, {
|
|
48
47
|
filter: isHighlighted && !isOutlined ? 'brightness(120%)' : undefined,
|
|
@@ -8,10 +8,10 @@ export type ComputeResult<T extends ChartsAxisProps> = {
|
|
|
8
8
|
axis: ComputedAxisConfig<T>;
|
|
9
9
|
axisIds: string[];
|
|
10
10
|
};
|
|
11
|
-
type ComputeCommonParams<
|
|
11
|
+
type ComputeCommonParams<SeriesType extends ChartSeriesType = 'funnel'> = {
|
|
12
12
|
drawingArea: ChartDrawingArea;
|
|
13
|
-
formattedSeries: ProcessedSeries<
|
|
14
|
-
seriesConfig: ChartSeriesConfig<
|
|
13
|
+
formattedSeries: ProcessedSeries<SeriesType>;
|
|
14
|
+
seriesConfig: ChartSeriesConfig<SeriesType>;
|
|
15
15
|
gap: number;
|
|
16
16
|
};
|
|
17
17
|
export declare function computeAxisValue(options: ComputeCommonParams<'funnel'> & {
|
|
@@ -8,10 +8,10 @@ export type ComputeResult<T extends ChartsAxisProps> = {
|
|
|
8
8
|
axis: ComputedAxisConfig<T>;
|
|
9
9
|
axisIds: string[];
|
|
10
10
|
};
|
|
11
|
-
type ComputeCommonParams<
|
|
11
|
+
type ComputeCommonParams<SeriesType extends ChartSeriesType = 'funnel'> = {
|
|
12
12
|
drawingArea: ChartDrawingArea;
|
|
13
|
-
formattedSeries: ProcessedSeries<
|
|
14
|
-
seriesConfig: ChartSeriesConfig<
|
|
13
|
+
formattedSeries: ProcessedSeries<SeriesType>;
|
|
14
|
+
seriesConfig: ChartSeriesConfig<SeriesType>;
|
|
15
15
|
gap: number;
|
|
16
16
|
};
|
|
17
17
|
export declare function computeAxisValue(options: ComputeCommonParams<'funnel'> & {
|
package/Heatmap/Heatmap.js
CHANGED
|
@@ -109,7 +109,10 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
|
|
|
109
109
|
* @default false
|
|
110
110
|
*/
|
|
111
111
|
disableAxisListener: _propTypes.default.bool,
|
|
112
|
-
|
|
112
|
+
/**
|
|
113
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
114
|
+
*/
|
|
115
|
+
disableKeyboardNavigation: _propTypes.default.bool,
|
|
113
116
|
/**
|
|
114
117
|
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
115
118
|
*/
|
|
@@ -200,7 +203,7 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
|
|
|
200
203
|
/**
|
|
201
204
|
* The callback fired when the tooltip item changes.
|
|
202
205
|
*
|
|
203
|
-
* @param {SeriesItemIdentifier<
|
|
206
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
204
207
|
*/
|
|
205
208
|
onTooltipItemChange: _propTypes.default.func,
|
|
206
209
|
/**
|
|
@@ -250,13 +253,11 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
|
|
|
250
253
|
* Used when the tooltip is controlled.
|
|
251
254
|
*/
|
|
252
255
|
tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
|
|
253
|
-
dataIndex: _propTypes.default.number,
|
|
254
256
|
seriesId: _propTypes.default.string.isRequired,
|
|
255
257
|
type: _propTypes.default.oneOf(['heatmap']).isRequired,
|
|
256
258
|
xIndex: _propTypes.default.number.isRequired,
|
|
257
259
|
yIndex: _propTypes.default.number.isRequired
|
|
258
260
|
}), _propTypes.default.shape({
|
|
259
|
-
dataIndex: _propTypes.default.number,
|
|
260
261
|
seriesId: _propTypes.default.string.isRequired,
|
|
261
262
|
xIndex: _propTypes.default.number.isRequired,
|
|
262
263
|
yIndex: _propTypes.default.number.isRequired
|