@mui/x-charts-premium 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/BarChartPremium/BarChartPremium.js +5 -2
- package/BarChartPremium/BarChartPremium.mjs +5 -2
- package/BarChartPremium/RangeBar/RangeBarPlot.js +1 -1
- package/BarChartPremium/RangeBar/RangeBarPlot.mjs +2 -2
- package/CHANGELOG.md +123 -1
- package/ChartContainerPremium/ChartContainerPremium.d.mts +2 -2
- package/ChartContainerPremium/ChartContainerPremium.d.ts +2 -2
- package/ChartContainerPremium/useChartContainerPremiumProps.d.mts +1 -1
- package/ChartContainerPremium/useChartContainerPremiumProps.d.ts +1 -1
- package/ChartDataProviderPremium/ChartDataProviderPremium.d.mts +1 -1
- package/ChartDataProviderPremium/ChartDataProviderPremium.d.ts +1 -1
- package/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.mts +1 -1
- package/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.ts +1 -1
- package/ChartsContainerPremium/ChartsContainerPremium.d.mts +2 -2
- package/ChartsContainerPremium/ChartsContainerPremium.d.ts +2 -2
- package/ChartsContainerPremium/useChartsContainerPremiumProps.d.mts +3 -3
- package/ChartsContainerPremium/useChartsContainerPremiumProps.d.ts +3 -3
- package/ChartsDataProviderPremium/ChartsDataProviderPremium.d.mts +2 -2
- package/ChartsDataProviderPremium/ChartsDataProviderPremium.d.ts +2 -2
- package/ChartsDataProviderPremium/ChartsDataProviderPremium.js +8 -5
- package/ChartsDataProviderPremium/ChartsDataProviderPremium.mjs +8 -5
- package/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.d.mts +1 -1
- package/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.d.ts +1 -1
- package/HeatmapPremium/HeatmapPremium.js +5 -4
- package/HeatmapPremium/HeatmapPremium.mjs +5 -4
- package/HeatmapPremium/webgl/useHeatmapPlotData.js +6 -11
- package/HeatmapPremium/webgl/useHeatmapPlotData.mjs +7 -12
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/internals/plugins/allPlugins.d.mts +4 -4
- package/internals/plugins/allPlugins.d.ts +4 -4
- package/package.json +257 -257
|
@@ -164,7 +164,10 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
|
|
|
164
164
|
* @default false
|
|
165
165
|
*/
|
|
166
166
|
disableAxisListener: _propTypes.default.bool,
|
|
167
|
-
|
|
167
|
+
/**
|
|
168
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
169
|
+
*/
|
|
170
|
+
disableKeyboardNavigation: _propTypes.default.bool,
|
|
168
171
|
/**
|
|
169
172
|
* Option to display a cartesian grid in the background.
|
|
170
173
|
*/
|
|
@@ -342,7 +345,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
|
|
|
342
345
|
/**
|
|
343
346
|
* The callback fired when the tooltip item changes.
|
|
344
347
|
*
|
|
345
|
-
* @param {SeriesItemIdentifier<
|
|
348
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
346
349
|
*/
|
|
347
350
|
onTooltipItemChange: _propTypes.default.func,
|
|
348
351
|
/**
|
|
@@ -157,7 +157,10 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
|
|
|
157
157
|
* @default false
|
|
158
158
|
*/
|
|
159
159
|
disableAxisListener: PropTypes.bool,
|
|
160
|
-
|
|
160
|
+
/**
|
|
161
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
162
|
+
*/
|
|
163
|
+
disableKeyboardNavigation: PropTypes.bool,
|
|
161
164
|
/**
|
|
162
165
|
* Option to display a cartesian grid in the background.
|
|
163
166
|
*/
|
|
@@ -335,7 +338,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
|
|
|
335
338
|
/**
|
|
336
339
|
* The callback fired when the tooltip item changes.
|
|
337
340
|
*
|
|
338
|
-
* @param {SeriesItemIdentifier<
|
|
341
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
339
342
|
*/
|
|
340
343
|
onTooltipItemChange: PropTypes.func,
|
|
341
344
|
/**
|
|
@@ -25,7 +25,7 @@ const RangeBarPlotRoot = (0, _styles.styled)('g', {
|
|
|
25
25
|
name: 'MuiRangeBarPlot',
|
|
26
26
|
slot: 'Root'
|
|
27
27
|
})({
|
|
28
|
-
[`& .${_BarChart.
|
|
28
|
+
[`& .${_BarChart.barClasses.element}`]: {
|
|
29
29
|
transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
|
|
30
30
|
}
|
|
31
31
|
});
|
|
@@ -7,7 +7,7 @@ import * as React from 'react';
|
|
|
7
7
|
import PropTypes from 'prop-types';
|
|
8
8
|
import { styled } from '@mui/material/styles';
|
|
9
9
|
import { useSkipAnimation } from '@mui/x-charts/internals';
|
|
10
|
-
import { BarElement,
|
|
10
|
+
import { BarElement, barClasses } from '@mui/x-charts/BarChart';
|
|
11
11
|
import { useDrawingArea, useXAxes, useYAxes } from '@mui/x-charts/hooks';
|
|
12
12
|
import { useIsZoomInteracting } from '@mui/x-charts-pro/hooks';
|
|
13
13
|
import { useUtilityClasses } from "./useUtilityClasses.mjs";
|
|
@@ -18,7 +18,7 @@ const RangeBarPlotRoot = styled('g', {
|
|
|
18
18
|
name: 'MuiRangeBarPlot',
|
|
19
19
|
slot: 'Root'
|
|
20
20
|
})({
|
|
21
|
-
[`& .${
|
|
21
|
+
[`& .${barClasses.element}`]: {
|
|
22
22
|
transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
|
|
23
23
|
}
|
|
24
24
|
});
|
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 ChartContainerPremiumSlotProps = ChartsContainerPremiumSlotProps;
|
|
|
12
12
|
/**
|
|
13
13
|
* @deprecated Use `ChartsContainerPremiumProps` instead. We added S to the charts prefix to align with other components.
|
|
14
14
|
*/
|
|
15
|
-
export type ChartContainerPremiumProps<
|
|
15
|
+
export type ChartContainerPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsContainerPremiumProps<SeriesType, TSignatures>;
|
|
16
16
|
/**
|
|
17
17
|
* @deprecated Use `ChartsContainerPremium` instead. We added S to the charts prefix to align with other components.
|
|
18
18
|
*/
|
|
19
|
-
export declare const ChartContainerPremium: <
|
|
19
|
+
export declare const ChartContainerPremium: <SeriesType extends ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerPremiumProps<SeriesType, TSignatures> & {
|
|
20
20
|
ref?: React.ForwardedRef<SVGSVGElement>;
|
|
21
21
|
}) => React.JSX.Element;
|
|
@@ -12,10 +12,10 @@ export type ChartContainerPremiumSlotProps = ChartsContainerPremiumSlotProps;
|
|
|
12
12
|
/**
|
|
13
13
|
* @deprecated Use `ChartsContainerPremiumProps` instead. We added S to the charts prefix to align with other components.
|
|
14
14
|
*/
|
|
15
|
-
export type ChartContainerPremiumProps<
|
|
15
|
+
export type ChartContainerPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsContainerPremiumProps<SeriesType, TSignatures>;
|
|
16
16
|
/**
|
|
17
17
|
* @deprecated Use `ChartsContainerPremium` instead. We added S to the charts prefix to align with other components.
|
|
18
18
|
*/
|
|
19
|
-
export declare const ChartContainerPremium: <
|
|
19
|
+
export declare const ChartContainerPremium: <SeriesType extends ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerPremiumProps<SeriesType, TSignatures> & {
|
|
20
20
|
ref?: React.ForwardedRef<SVGSVGElement>;
|
|
21
21
|
}) => React.JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { useChartsContainerPremiumProps, type UseChartsContainerPremiumPropsRetu
|
|
|
3
3
|
/**
|
|
4
4
|
* @deprecated Use `UseChartsContainerPremiumPropsReturnValue` instead.
|
|
5
5
|
*/
|
|
6
|
-
export type UseChartContainerPremiumPropsReturnValue<
|
|
6
|
+
export type UseChartContainerPremiumPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartsContainerPremiumPropsReturnValue<SeriesType, TSignatures>;
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated Use `useChartsContainerPremiumProps` instead.
|
|
9
9
|
*/
|
|
@@ -3,7 +3,7 @@ import { useChartsContainerPremiumProps, type UseChartsContainerPremiumPropsRetu
|
|
|
3
3
|
/**
|
|
4
4
|
* @deprecated Use `UseChartsContainerPremiumPropsReturnValue` instead.
|
|
5
5
|
*/
|
|
6
|
-
export type UseChartContainerPremiumPropsReturnValue<
|
|
6
|
+
export type UseChartContainerPremiumPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartsContainerPremiumPropsReturnValue<SeriesType, TSignatures>;
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated Use `useChartsContainerPremiumProps` instead.
|
|
9
9
|
*/
|
|
@@ -13,7 +13,7 @@ export type ChartDataProviderPremiumSlotProps = ChartsDataProviderPremiumSlotPro
|
|
|
13
13
|
/**
|
|
14
14
|
* @deprecated Use `ChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
|
|
15
15
|
*/
|
|
16
|
-
export type ChartDataProviderPremiumProps<
|
|
16
|
+
export type ChartDataProviderPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderPremiumProps<SeriesType, TSignatures>;
|
|
17
17
|
/**
|
|
18
18
|
* @deprecated Use `ChartsDataProviderPremium` instead. We added S to the charts prefix to align with other components.
|
|
19
19
|
*/
|
|
@@ -13,7 +13,7 @@ export type ChartDataProviderPremiumSlotProps = ChartsDataProviderPremiumSlotPro
|
|
|
13
13
|
/**
|
|
14
14
|
* @deprecated Use `ChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
|
|
15
15
|
*/
|
|
16
|
-
export type ChartDataProviderPremiumProps<
|
|
16
|
+
export type ChartDataProviderPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderPremiumProps<SeriesType, TSignatures>;
|
|
17
17
|
/**
|
|
18
18
|
* @deprecated Use `ChartsDataProviderPremium` 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 `useChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
|
|
3
3
|
*/
|
|
4
|
-
export declare const useChartDataProviderPremiumProps: <
|
|
4
|
+
export declare const useChartDataProviderPremiumProps: <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").ChartsDataProviderPremiumProps<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 `useChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
|
|
3
3
|
*/
|
|
4
|
-
export declare const useChartDataProviderPremiumProps: <
|
|
4
|
+
export declare const useChartDataProviderPremiumProps: <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").ChartsDataProviderPremiumProps<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 ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.mjs";
|
|
6
6
|
export interface ChartsContainerPremiumSlots {}
|
|
7
7
|
export interface ChartsContainerPremiumSlotProps {}
|
|
8
|
-
export type ChartsContainerPremiumProps<
|
|
9
|
-
type ChartsContainerPremiumComponent = <
|
|
8
|
+
export type ChartsContainerPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartDataProviderPremiumProps<SeriesType, TSignatures> & ChartsSurfaceProps;
|
|
9
|
+
type ChartsContainerPremiumComponent = <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerPremiumProps<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 ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.js";
|
|
6
6
|
export interface ChartsContainerPremiumSlots {}
|
|
7
7
|
export interface ChartsContainerPremiumSlotProps {}
|
|
8
|
-
export type ChartsContainerPremiumProps<
|
|
9
|
-
type ChartsContainerPremiumComponent = <
|
|
8
|
+
export type ChartsContainerPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartDataProviderPremiumProps<SeriesType, TSignatures> & ChartsSurfaceProps;
|
|
9
|
+
type ChartsContainerPremiumComponent = <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerPremiumProps<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 AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
|
|
3
3
|
import type { ChartsContainerPremiumProps } from "./ChartsContainerPremium.mjs";
|
|
4
4
|
import type { ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.mjs";
|
|
5
|
-
export type UseChartsContainerPremiumPropsReturnValue<
|
|
6
|
-
chartDataProviderPremiumProps: ChartDataProviderPremiumProps<
|
|
5
|
+
export type UseChartsContainerPremiumPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<SeriesType, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
|
|
6
|
+
chartDataProviderPremiumProps: ChartDataProviderPremiumProps<SeriesType, TSignatures>;
|
|
7
7
|
};
|
|
8
|
-
export declare function useChartsContainerPremiumProps<
|
|
8
|
+
export declare function useChartsContainerPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerPremiumProps<SeriesType, TSignatures>): UseChartsContainerPremiumPropsReturnValue<SeriesType, TSignatures>;
|
|
@@ -2,7 +2,7 @@ import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartsConta
|
|
|
2
2
|
import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
3
3
|
import type { ChartsContainerPremiumProps } from "./ChartsContainerPremium.js";
|
|
4
4
|
import type { ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.js";
|
|
5
|
-
export type UseChartsContainerPremiumPropsReturnValue<
|
|
6
|
-
chartDataProviderPremiumProps: ChartDataProviderPremiumProps<
|
|
5
|
+
export type UseChartsContainerPremiumPropsReturnValue<SeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<SeriesType, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
|
|
6
|
+
chartDataProviderPremiumProps: ChartDataProviderPremiumProps<SeriesType, TSignatures>;
|
|
7
7
|
};
|
|
8
|
-
export declare function useChartsContainerPremiumProps<
|
|
8
|
+
export declare function useChartsContainerPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsContainerPremiumProps<SeriesType, TSignatures>): UseChartsContainerPremiumPropsReturnValue<SeriesType, TSignatures>;
|
|
@@ -4,7 +4,7 @@ import { type ChartsDataProviderProProps } from '@mui/x-charts-pro/ChartsDataPro
|
|
|
4
4
|
import { type AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
|
|
5
5
|
export interface ChartsDataProviderPremiumSlots extends ChartsSlotsPro {}
|
|
6
6
|
export interface ChartsDataProviderPremiumSlotProps extends ChartsSlotPropsPro {}
|
|
7
|
-
export type ChartsDataProviderPremiumProps<
|
|
7
|
+
export type ChartsDataProviderPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderProProps<SeriesType, TSignatures> & ChartsProviderProps<SeriesType, TSignatures>['pluginParams'] & {
|
|
8
8
|
/**
|
|
9
9
|
* Slots to customize charts' components.
|
|
10
10
|
*/
|
|
@@ -42,7 +42,7 @@ export declare const defaultSeriesConfigPremium: ChartSeriesConfig<'bar' | 'rang
|
|
|
42
42
|
* </ChartsDataProviderPremium>
|
|
43
43
|
* ```
|
|
44
44
|
*/
|
|
45
|
-
declare function ChartsDataProviderPremium<
|
|
45
|
+
declare function ChartsDataProviderPremium<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderPremiumProps<SeriesType, TSignatures>): import("react/jsx-runtime").JSX.Element;
|
|
46
46
|
declare namespace ChartsDataProviderPremium {
|
|
47
47
|
var propTypes: any;
|
|
48
48
|
}
|
|
@@ -4,7 +4,7 @@ import { type ChartsDataProviderProProps } from '@mui/x-charts-pro/ChartsDataPro
|
|
|
4
4
|
import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
5
5
|
export interface ChartsDataProviderPremiumSlots extends ChartsSlotsPro {}
|
|
6
6
|
export interface ChartsDataProviderPremiumSlotProps extends ChartsSlotPropsPro {}
|
|
7
|
-
export type ChartsDataProviderPremiumProps<
|
|
7
|
+
export type ChartsDataProviderPremiumProps<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>> = ChartsDataProviderProProps<SeriesType, TSignatures> & ChartsProviderProps<SeriesType, TSignatures>['pluginParams'] & {
|
|
8
8
|
/**
|
|
9
9
|
* Slots to customize charts' components.
|
|
10
10
|
*/
|
|
@@ -42,7 +42,7 @@ export declare const defaultSeriesConfigPremium: ChartSeriesConfig<'bar' | 'rang
|
|
|
42
42
|
* </ChartsDataProviderPremium>
|
|
43
43
|
* ```
|
|
44
44
|
*/
|
|
45
|
-
declare function ChartsDataProviderPremium<
|
|
45
|
+
declare function ChartsDataProviderPremium<SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderPremiumProps<SeriesType, TSignatures>): import("react/jsx-runtime").JSX.Element;
|
|
46
46
|
declare namespace ChartsDataProviderPremium {
|
|
47
47
|
var propTypes: any;
|
|
48
48
|
}
|
|
@@ -12,13 +12,16 @@ 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
14
|
var _internals2 = require("@mui/x-charts-pro/internals");
|
|
15
|
-
var
|
|
15
|
+
var _internals3 = require("@mui/x-license/internals");
|
|
16
16
|
var _seriesConfig = require("../BarChartPremium/RangeBar/seriesConfig");
|
|
17
17
|
var _allPlugins = require("../internals/plugins/allPlugins");
|
|
18
18
|
var _useChartsDataProviderPremiumProps = require("./useChartsDataProviderPremiumProps");
|
|
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-premium'
|
|
24
|
+
};
|
|
22
25
|
const defaultSeriesConfigPremium = exports.defaultSeriesConfigPremium = (0, _extends2.default)({}, _internals2.defaultSeriesConfigPro, {
|
|
23
26
|
rangeBar: _seriesConfig.rangeBarSeriesConfig
|
|
24
27
|
});
|
|
@@ -61,7 +64,7 @@ function ChartsDataProviderPremium(props) {
|
|
|
61
64
|
seriesConfig: props.seriesConfig ?? defaultSeriesConfigPremium,
|
|
62
65
|
plugins: props.plugins ?? _allPlugins.DEFAULT_PLUGINS
|
|
63
66
|
}));
|
|
64
|
-
(0,
|
|
67
|
+
(0, _internals3.useLicenseVerifier)(packageInfo);
|
|
65
68
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.ChartsProvider, (0, _extends2.default)({}, chartProviderProps, {
|
|
66
69
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLocalizationProvider.ChartsLocalizationProvider, {
|
|
67
70
|
localeText: localeText,
|
|
@@ -72,7 +75,7 @@ function ChartsDataProviderPremium(props) {
|
|
|
72
75
|
children: children
|
|
73
76
|
})
|
|
74
77
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals2.ChartsWatermark, {
|
|
75
|
-
|
|
78
|
+
packageInfo: packageInfo
|
|
76
79
|
})]
|
|
77
80
|
}));
|
|
78
81
|
}
|
|
@@ -5,14 +5,17 @@ import PropTypes from 'prop-types';
|
|
|
5
5
|
import { ChartsProvider, ChartsSlotsProvider } from '@mui/x-charts/internals';
|
|
6
6
|
import { ChartsLocalizationProvider } from '@mui/x-charts/ChartsLocalizationProvider';
|
|
7
7
|
import { ChartsWatermark, defaultSlotsMaterial } from '@mui/x-charts-pro/internals';
|
|
8
|
-
import { useLicenseVerifier } from '@mui/x-license/
|
|
8
|
+
import { useLicenseVerifier } from '@mui/x-license/internals';
|
|
9
9
|
import { defaultSeriesConfigPro } from '@mui/x-charts-pro/internals';
|
|
10
10
|
import { rangeBarSeriesConfig } from "../BarChartPremium/RangeBar/seriesConfig/index.mjs";
|
|
11
11
|
import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.mjs";
|
|
12
12
|
import { useChartsDataProviderPremiumProps } from "./useChartsDataProviderPremiumProps.mjs";
|
|
13
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
const
|
|
15
|
-
|
|
14
|
+
const packageInfo = {
|
|
15
|
+
releaseDate: "MTc3MzI3MzYwMDAwMA==",
|
|
16
|
+
version: process.env.MUI_VERSION,
|
|
17
|
+
name: 'x-charts-premium'
|
|
18
|
+
};
|
|
16
19
|
export const defaultSeriesConfigPremium = _extends({}, defaultSeriesConfigPro, {
|
|
17
20
|
rangeBar: rangeBarSeriesConfig
|
|
18
21
|
});
|
|
@@ -55,7 +58,7 @@ function ChartsDataProviderPremium(props) {
|
|
|
55
58
|
seriesConfig: props.seriesConfig ?? defaultSeriesConfigPremium,
|
|
56
59
|
plugins: props.plugins ?? DEFAULT_PLUGINS
|
|
57
60
|
}));
|
|
58
|
-
useLicenseVerifier(
|
|
61
|
+
useLicenseVerifier(packageInfo);
|
|
59
62
|
return /*#__PURE__*/_jsxs(ChartsProvider, _extends({}, chartProviderProps, {
|
|
60
63
|
children: [/*#__PURE__*/_jsx(ChartsLocalizationProvider, {
|
|
61
64
|
localeText: localeText,
|
|
@@ -66,7 +69,7 @@ function ChartsDataProviderPremium(props) {
|
|
|
66
69
|
children: children
|
|
67
70
|
})
|
|
68
71
|
}), /*#__PURE__*/_jsx(ChartsWatermark, {
|
|
69
|
-
|
|
72
|
+
packageInfo: packageInfo
|
|
70
73
|
})]
|
|
71
74
|
}));
|
|
72
75
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
|
|
2
2
|
import type { ChartsDataProviderPremiumProps } from "./ChartsDataProviderPremium.mjs";
|
|
3
3
|
import type { AllPluginSignatures } from "../internals/plugins/allPlugins.mjs";
|
|
4
|
-
export declare const useChartsDataProviderPremiumProps: <
|
|
4
|
+
export declare const useChartsDataProviderPremiumProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderPremiumProps<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 { ChartsDataProviderPremiumProps } from "./ChartsDataProviderPremium.js";
|
|
3
3
|
import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
|
|
4
|
-
export declare const useChartsDataProviderPremiumProps: <
|
|
4
|
+
export declare const useChartsDataProviderPremiumProps: <SeriesType extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<SeriesType>>(props: ChartsDataProviderPremiumProps<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>;
|
|
@@ -112,7 +112,10 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
|
|
|
112
112
|
* @default false
|
|
113
113
|
*/
|
|
114
114
|
disableAxisListener: _propTypes.default.bool,
|
|
115
|
-
|
|
115
|
+
/**
|
|
116
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
117
|
+
*/
|
|
118
|
+
disableKeyboardNavigation: _propTypes.default.bool,
|
|
116
119
|
/**
|
|
117
120
|
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
118
121
|
*/
|
|
@@ -203,7 +206,7 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
|
|
|
203
206
|
/**
|
|
204
207
|
* The callback fired when the tooltip item changes.
|
|
205
208
|
*
|
|
206
|
-
* @param {SeriesItemIdentifier<
|
|
209
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
207
210
|
*/
|
|
208
211
|
onTooltipItemChange: _propTypes.default.func,
|
|
209
212
|
/**
|
|
@@ -260,13 +263,11 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
|
|
|
260
263
|
* Used when the tooltip is controlled.
|
|
261
264
|
*/
|
|
262
265
|
tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
|
|
263
|
-
dataIndex: _propTypes.default.number,
|
|
264
266
|
seriesId: _propTypes.default.string.isRequired,
|
|
265
267
|
type: _propTypes.default.oneOf(['heatmap']).isRequired,
|
|
266
268
|
xIndex: _propTypes.default.number.isRequired,
|
|
267
269
|
yIndex: _propTypes.default.number.isRequired
|
|
268
270
|
}), _propTypes.default.shape({
|
|
269
|
-
dataIndex: _propTypes.default.number,
|
|
270
271
|
seriesId: _propTypes.default.string.isRequired,
|
|
271
272
|
xIndex: _propTypes.default.number.isRequired,
|
|
272
273
|
yIndex: _propTypes.default.number.isRequired
|
|
@@ -105,7 +105,10 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
|
|
|
105
105
|
* @default false
|
|
106
106
|
*/
|
|
107
107
|
disableAxisListener: PropTypes.bool,
|
|
108
|
-
|
|
108
|
+
/**
|
|
109
|
+
* If `true`, disables keyboard navigation for the chart.
|
|
110
|
+
*/
|
|
111
|
+
disableKeyboardNavigation: PropTypes.bool,
|
|
109
112
|
/**
|
|
110
113
|
* The height of the chart in px. If not defined, it takes the height of the parent element.
|
|
111
114
|
*/
|
|
@@ -196,7 +199,7 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
|
|
|
196
199
|
/**
|
|
197
200
|
* The callback fired when the tooltip item changes.
|
|
198
201
|
*
|
|
199
|
-
* @param {SeriesItemIdentifier<
|
|
202
|
+
* @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem The newly highlighted item.
|
|
200
203
|
*/
|
|
201
204
|
onTooltipItemChange: PropTypes.func,
|
|
202
205
|
/**
|
|
@@ -253,13 +256,11 @@ process.env.NODE_ENV !== "production" ? HeatmapPremium.propTypes = {
|
|
|
253
256
|
* Used when the tooltip is controlled.
|
|
254
257
|
*/
|
|
255
258
|
tooltipItem: PropTypes.oneOfType([PropTypes.shape({
|
|
256
|
-
dataIndex: PropTypes.number,
|
|
257
259
|
seriesId: PropTypes.string.isRequired,
|
|
258
260
|
type: PropTypes.oneOf(['heatmap']).isRequired,
|
|
259
261
|
xIndex: PropTypes.number.isRequired,
|
|
260
262
|
yIndex: PropTypes.number.isRequired
|
|
261
263
|
}), PropTypes.shape({
|
|
262
|
-
dataIndex: PropTypes.number,
|
|
263
264
|
seriesId: PropTypes.string.isRequired,
|
|
264
265
|
xIndex: PropTypes.number.isRequired,
|
|
265
266
|
yIndex: PropTypes.number.isRequired
|
|
@@ -14,8 +14,7 @@ function useHeatmapPlotData(drawingArea, series, xScale, yScale) {
|
|
|
14
14
|
const height = yScale.bandwidth();
|
|
15
15
|
const colorScale = (0, _hooks.useZColorScale)();
|
|
16
16
|
const store = (0, _internals.useStore)();
|
|
17
|
-
const
|
|
18
|
-
const isFaded = store.use(_internals.selectorChartsIsFadedCallback);
|
|
17
|
+
const getHighlightState = store.use(_internals.selectorChartsHighlightStateCallback);
|
|
19
18
|
return React.useMemo(() => {
|
|
20
19
|
const centers = new Float32Array(series.data.length * 2);
|
|
21
20
|
const colors = new Float32Array(series.data.length * 4);
|
|
@@ -37,19 +36,15 @@ function useHeatmapPlotData(drawingArea, series, xScale, yScale) {
|
|
|
37
36
|
colors[dataIndex * 4 + 1] = rgbColor[1];
|
|
38
37
|
colors[dataIndex * 4 + 2] = rgbColor[2];
|
|
39
38
|
colors[dataIndex * 4 + 3] = 1.0;
|
|
40
|
-
|
|
39
|
+
const highlightState = getHighlightState({
|
|
41
40
|
type: 'heatmap',
|
|
42
41
|
seriesId: series.id,
|
|
43
42
|
xIndex,
|
|
44
43
|
yIndex
|
|
45
|
-
})
|
|
44
|
+
});
|
|
45
|
+
if (highlightState === 'highlighted') {
|
|
46
46
|
saturations[dataIndex] = 0.2;
|
|
47
|
-
} else if (
|
|
48
|
-
type: 'heatmap',
|
|
49
|
-
seriesId: series.id,
|
|
50
|
-
xIndex,
|
|
51
|
-
yIndex
|
|
52
|
-
})) {
|
|
47
|
+
} else if (highlightState === 'faded') {
|
|
53
48
|
saturations[dataIndex] = -0.2;
|
|
54
49
|
}
|
|
55
50
|
}
|
|
@@ -58,5 +53,5 @@ function useHeatmapPlotData(drawingArea, series, xScale, yScale) {
|
|
|
58
53
|
colors,
|
|
59
54
|
saturations
|
|
60
55
|
};
|
|
61
|
-
}, [colorScale, drawingArea.left, drawingArea.top, height,
|
|
56
|
+
}, [colorScale, drawingArea.left, drawingArea.top, height, getHighlightState, series.data, series.id, width, xScale, yScale]);
|
|
62
57
|
}
|