@mui/x-charts 8.27.5 → 8.28.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/BarChart/BarLabel/barLabelClasses.d.ts +12 -7
- package/BarChart/BarLabel/barLabelClasses.js +5 -5
- package/BarChart/barElementClasses.d.ts +10 -6
- package/BarChart/barElementClasses.js +5 -5
- package/BarChart/index.d.ts +1 -1
- package/BarChart/index.js +1 -8
- package/CHANGELOG.md +78 -0
- package/LineChart/AreaElement.d.ts +9 -5
- package/LineChart/AreaElement.js +7 -6
- package/LineChart/CircleMarkElement.js +1 -0
- package/LineChart/LineElement.d.ts +9 -5
- package/LineChart/LineElement.js +7 -6
- package/LineChart/LineHighlightElement.d.ts +4 -4
- package/LineChart/LineHighlightElement.js +5 -5
- package/LineChart/MarkElement.js +1 -0
- package/LineChart/index.d.ts +1 -1
- package/LineChart/index.js +1 -8
- package/LineChart/markElementClasses.d.ts +14 -7
- package/LineChart/markElementClasses.js +5 -5
- package/PieChart/FocusedPieArc.js +4 -1
- package/PieChart/PieArc.d.ts +15 -12
- package/PieChart/PieArc.js +25 -7
- package/PieChart/PieArcLabel.d.ts +16 -2
- package/PieChart/PieArcLabel.js +28 -5
- package/PieChart/PieArcLabelPlot.js +6 -1
- package/PieChart/PieArcPlot.js +6 -1
- package/PieChart/PiePlot.d.ts +1 -0
- package/PieChart/PiePlot.js +4 -1
- package/PieChart/pieClasses.d.ts +22 -1
- package/PieChart/pieClasses.js +10 -3
- package/RadarChart/RadarAxis/RadarAxis.js +6 -4
- package/RadarChart/RadarAxis/radarAxisClasses.d.ts +27 -3
- package/RadarChart/RadarAxis/radarAxisClasses.js +19 -0
- package/RadarChart/RadarAxisHighlight/RadarAxisHighlight.js +6 -13
- package/RadarChart/RadarAxisHighlight/radarAxisHighlightClasses.d.ts +29 -4
- package/RadarChart/RadarAxisHighlight/radarAxisHighlightClasses.js +31 -1
- package/RadarChart/RadarGrid/RadarGrid.js +8 -1
- package/RadarChart/RadarGrid/radarGridClasses.d.ts +27 -3
- package/RadarChart/RadarGrid/radarGridClasses.js +19 -0
- package/RadarChart/RadarSeriesPlot/RadarSeriesArea.js +7 -1
- package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.js +8 -2
- package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js +9 -3
- package/RadarChart/RadarSeriesPlot/radarSeriesPlotClasses.d.ts +26 -3
- package/RadarChart/RadarSeriesPlot/radarSeriesPlotClasses.js +19 -0
- package/RadarChart/index.d.ts +3 -1
- package/RadarChart/index.js +9 -1
- package/RadarChart/radarClasses.d.ts +32 -0
- package/RadarChart/radarClasses.js +36 -0
- package/ScatterChart/index.d.ts +1 -1
- package/ScatterChart/index.js +1 -8
- package/esm/BarChart/BarLabel/barLabelClasses.d.ts +12 -7
- package/esm/BarChart/BarLabel/barLabelClasses.js +5 -5
- package/esm/BarChart/barElementClasses.d.ts +10 -6
- package/esm/BarChart/barElementClasses.js +5 -5
- package/esm/BarChart/index.d.ts +1 -1
- package/esm/BarChart/index.js +1 -1
- package/esm/LineChart/AreaElement.d.ts +9 -5
- package/esm/LineChart/AreaElement.js +7 -6
- package/esm/LineChart/CircleMarkElement.js +1 -0
- package/esm/LineChart/LineElement.d.ts +9 -5
- package/esm/LineChart/LineElement.js +7 -6
- package/esm/LineChart/LineHighlightElement.d.ts +4 -4
- package/esm/LineChart/LineHighlightElement.js +5 -5
- package/esm/LineChart/MarkElement.js +1 -0
- package/esm/LineChart/index.d.ts +1 -1
- package/esm/LineChart/index.js +1 -1
- package/esm/LineChart/markElementClasses.d.ts +14 -7
- package/esm/LineChart/markElementClasses.js +5 -5
- package/esm/PieChart/FocusedPieArc.js +4 -1
- package/esm/PieChart/PieArc.d.ts +15 -12
- package/esm/PieChart/PieArc.js +27 -7
- package/esm/PieChart/PieArcLabel.d.ts +16 -2
- package/esm/PieChart/PieArcLabel.js +30 -5
- package/esm/PieChart/PieArcLabelPlot.js +6 -1
- package/esm/PieChart/PieArcPlot.js +6 -1
- package/esm/PieChart/PiePlot.d.ts +1 -0
- package/esm/PieChart/PiePlot.js +4 -1
- package/esm/PieChart/pieClasses.d.ts +22 -1
- package/esm/PieChart/pieClasses.js +10 -3
- package/esm/RadarChart/RadarAxis/RadarAxis.js +7 -5
- package/esm/RadarChart/RadarAxis/radarAxisClasses.d.ts +27 -3
- package/esm/RadarChart/RadarAxis/radarAxisClasses.js +20 -0
- package/esm/RadarChart/RadarAxisHighlight/RadarAxisHighlight.js +7 -14
- package/esm/RadarChart/RadarAxisHighlight/radarAxisHighlightClasses.d.ts +29 -4
- package/esm/RadarChart/RadarAxisHighlight/radarAxisHighlightClasses.js +30 -1
- package/esm/RadarChart/RadarGrid/RadarGrid.js +9 -2
- package/esm/RadarChart/RadarGrid/radarGridClasses.d.ts +27 -3
- package/esm/RadarChart/RadarGrid/radarGridClasses.js +20 -0
- package/esm/RadarChart/RadarSeriesPlot/RadarSeriesArea.js +8 -2
- package/esm/RadarChart/RadarSeriesPlot/RadarSeriesMarks.js +8 -2
- package/esm/RadarChart/RadarSeriesPlot/RadarSeriesPlot.js +9 -3
- package/esm/RadarChart/RadarSeriesPlot/radarSeriesPlotClasses.d.ts +26 -3
- package/esm/RadarChart/RadarSeriesPlot/radarSeriesPlotClasses.js +20 -0
- package/esm/RadarChart/index.d.ts +3 -1
- package/esm/RadarChart/index.js +2 -1
- package/esm/RadarChart/radarClasses.d.ts +32 -0
- package/esm/RadarChart/radarClasses.js +27 -0
- package/esm/ScatterChart/index.d.ts +1 -1
- package/esm/ScatterChart/index.js +1 -1
- package/esm/index.js +1 -1
- package/esm/themeAugmentation/components.d.ts +9 -0
- package/esm/themeAugmentation/overrides.d.ts +4 -0
- package/index.js +1 -1
- package/package.json +3 -3
- package/themeAugmentation/components.d.ts +9 -0
- package/themeAugmentation/overrides.d.ts +4 -0
|
@@ -1,35 +1,40 @@
|
|
|
1
1
|
import type { BarLabelOwnerState } from "./BarLabel.types.js";
|
|
2
2
|
/**
|
|
3
|
-
* @deprecated Use `BarClasses`
|
|
3
|
+
* @deprecated Use `BarClasses` instead.
|
|
4
4
|
*/
|
|
5
5
|
export interface BarLabelClasses {
|
|
6
|
-
/** Styles applied to the root element.
|
|
6
|
+
/** Styles applied to the root element.
|
|
7
|
+
* @deprecated Use `barClasses.label` instead.
|
|
8
|
+
*/
|
|
7
9
|
root: string;
|
|
8
10
|
/** Styles applied to the root element if it is highlighted. */
|
|
9
11
|
highlighted: string;
|
|
10
12
|
/** Styles applied to the root element if it is faded. */
|
|
11
13
|
faded: string;
|
|
12
|
-
/** Styles applied to the root element if it is animated.
|
|
14
|
+
/** Styles applied to the root element if it is animated.
|
|
15
|
+
* @deprecated Use `barClasses.labelAnimate` instead.
|
|
16
|
+
*/
|
|
13
17
|
animate: string;
|
|
14
18
|
/**
|
|
15
19
|
* Styles applied to the root element for a specified series.
|
|
16
20
|
* Needs to be suffixed with the series ID: `.${barLabelClasses.series}-${seriesId}`.
|
|
21
|
+
* @deprecated Use `[data-series="${seriesId}"]` selector instead.
|
|
17
22
|
*/
|
|
18
23
|
series: string;
|
|
19
24
|
}
|
|
20
25
|
/**
|
|
21
|
-
* @deprecated Use `BarClassKey`
|
|
26
|
+
* @deprecated Use `BarClassKey` instead.
|
|
22
27
|
*/
|
|
23
28
|
export type BarLabelClassKey = keyof BarLabelClasses;
|
|
24
29
|
/**
|
|
25
|
-
* @deprecated Use `getBarUtilityClass`
|
|
30
|
+
* @deprecated Use `getBarUtilityClass` instead.
|
|
26
31
|
*/
|
|
27
32
|
export declare function getBarLabelUtilityClass(slot: string): string;
|
|
28
33
|
/**
|
|
29
|
-
* @deprecated Use `barClasses`
|
|
34
|
+
* @deprecated Use `barClasses` instead.
|
|
30
35
|
*/
|
|
31
36
|
export declare const barLabelClasses: Record<"root" | "animate" | "highlighted" | "faded", string>;
|
|
32
37
|
/**
|
|
33
|
-
* @deprecated Use `useBarLabelUtilityClasses`
|
|
38
|
+
* @deprecated Use `useBarLabelUtilityClasses` instead.
|
|
34
39
|
*/
|
|
35
40
|
export declare const useUtilityClasses: (ownerState: BarLabelOwnerState) => Record<"root", string>;
|
|
@@ -11,27 +11,27 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
12
12
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
13
13
|
/**
|
|
14
|
-
* @deprecated Use `BarClasses`
|
|
14
|
+
* @deprecated Use `BarClasses` instead.
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
|
-
* @deprecated Use `BarClassKey`
|
|
18
|
+
* @deprecated Use `BarClassKey` instead.
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
|
-
* @deprecated Use `getBarUtilityClass`
|
|
22
|
+
* @deprecated Use `getBarUtilityClass` instead.
|
|
23
23
|
*/
|
|
24
24
|
function getBarLabelUtilityClass(slot) {
|
|
25
25
|
return (0, _generateUtilityClass.default)('MuiBarLabel', slot);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
/**
|
|
29
|
-
* @deprecated Use `barClasses`
|
|
29
|
+
* @deprecated Use `barClasses` instead.
|
|
30
30
|
*/
|
|
31
31
|
const barLabelClasses = exports.barLabelClasses = (0, _generateUtilityClasses.default)('MuiBarLabel', ['root', 'highlighted', 'faded', 'animate']);
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
|
-
* @deprecated Use `useBarLabelUtilityClasses`
|
|
34
|
+
* @deprecated Use `useBarLabelUtilityClasses` instead.
|
|
35
35
|
*/
|
|
36
36
|
const useUtilityClasses = ownerState => {
|
|
37
37
|
const {
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import type { BarElementOwnerState } from "./barClasses.js";
|
|
2
2
|
export { type BarElementOwnerState };
|
|
3
3
|
/**
|
|
4
|
-
* @deprecated Use `BarClasses`
|
|
4
|
+
* @deprecated Use `BarClasses` instead.
|
|
5
5
|
*/
|
|
6
6
|
export interface BarElementClasses {
|
|
7
|
-
/**
|
|
7
|
+
/**
|
|
8
|
+
* Styles applied to the root element.
|
|
9
|
+
* @deprecated Use `barClasses.element` instead.
|
|
10
|
+
*/
|
|
8
11
|
root: string;
|
|
9
12
|
/** Styles applied to the root element if it is highlighted. */
|
|
10
13
|
highlighted: string;
|
|
@@ -13,22 +16,23 @@ export interface BarElementClasses {
|
|
|
13
16
|
/**
|
|
14
17
|
* Styles applied to the root element for a specified series.
|
|
15
18
|
* Needs to be suffixed with the series ID: `.${barElementClasses.series}-${seriesId}`.
|
|
19
|
+
* @deprecated Use `[data-series="${seriesId}"]` selector instead.
|
|
16
20
|
*/
|
|
17
21
|
series: string;
|
|
18
22
|
}
|
|
19
23
|
/**
|
|
20
|
-
* @deprecated Use `BarClassKey`
|
|
24
|
+
* @deprecated Use `BarClassKey` instead.
|
|
21
25
|
*/
|
|
22
26
|
export type BarElementClassKey = keyof BarElementClasses;
|
|
23
27
|
/**
|
|
24
|
-
* @deprecated Use `getBarUtilityClass`
|
|
28
|
+
* @deprecated Use `getBarUtilityClass` instead.
|
|
25
29
|
*/
|
|
26
30
|
export declare function getBarElementUtilityClass(slot: string): string;
|
|
27
31
|
/**
|
|
28
|
-
* @deprecated Use `barClasses`
|
|
32
|
+
* @deprecated Use `barClasses` instead.
|
|
29
33
|
*/
|
|
30
34
|
export declare const barElementClasses: BarElementClasses;
|
|
31
35
|
/**
|
|
32
|
-
* @deprecated Use `useBarElementUtilityClasses`
|
|
36
|
+
* @deprecated Use `useBarElementUtilityClasses` instead.
|
|
33
37
|
*/
|
|
34
38
|
export declare const useUtilityClasses: (ownerState: BarElementOwnerState) => Record<"root", string>;
|
|
@@ -11,27 +11,27 @@ var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateU
|
|
|
11
11
|
var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
|
|
12
12
|
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
13
13
|
/**
|
|
14
|
-
* @deprecated Use `BarClasses`
|
|
14
|
+
* @deprecated Use `BarClasses` instead.
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
17
|
/**
|
|
18
|
-
* @deprecated Use `BarClassKey`
|
|
18
|
+
* @deprecated Use `BarClassKey` instead.
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
21
|
/**
|
|
22
|
-
* @deprecated Use `getBarUtilityClass`
|
|
22
|
+
* @deprecated Use `getBarUtilityClass` instead.
|
|
23
23
|
*/
|
|
24
24
|
function getBarElementUtilityClass(slot) {
|
|
25
25
|
return (0, _generateUtilityClass.default)('MuiBarElement', slot);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
/**
|
|
29
|
-
* @deprecated Use `barClasses`
|
|
29
|
+
* @deprecated Use `barClasses` instead.
|
|
30
30
|
*/
|
|
31
31
|
const barElementClasses = exports.barElementClasses = (0, _generateUtilityClasses.default)('MuiBarElement', ['root', 'highlighted', 'faded', 'series']);
|
|
32
32
|
|
|
33
33
|
/**
|
|
34
|
-
* @deprecated Use `useBarElementUtilityClasses`
|
|
34
|
+
* @deprecated Use `useBarElementUtilityClasses` instead.
|
|
35
35
|
*/
|
|
36
36
|
const useUtilityClasses = ownerState => {
|
|
37
37
|
const {
|
package/BarChart/index.d.ts
CHANGED
|
@@ -6,5 +6,5 @@ export * from "./FocusedBar.js";
|
|
|
6
6
|
export * from "./barElementClasses.js";
|
|
7
7
|
export * from "./BarChart.plugins.js";
|
|
8
8
|
export { type BarProps } from "./AnimatedBarElement.js";
|
|
9
|
-
export { barClasses
|
|
9
|
+
export { barClasses } from "./barClasses.js";
|
|
10
10
|
export type { BarClassKey, BarClasses } from "./barClasses.js";
|
package/BarChart/index.js
CHANGED
|
@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
var _exportNames = {
|
|
7
|
-
barClasses: true
|
|
8
|
-
getBarUtilityClass: true
|
|
7
|
+
barClasses: true
|
|
9
8
|
};
|
|
10
9
|
Object.defineProperty(exports, "barClasses", {
|
|
11
10
|
enumerable: true,
|
|
@@ -13,12 +12,6 @@ Object.defineProperty(exports, "barClasses", {
|
|
|
13
12
|
return _barClasses.barClasses;
|
|
14
13
|
}
|
|
15
14
|
});
|
|
16
|
-
Object.defineProperty(exports, "getBarUtilityClass", {
|
|
17
|
-
enumerable: true,
|
|
18
|
-
get: function () {
|
|
19
|
-
return _barClasses.getBarUtilityClass;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
15
|
var _BarChart = require("./BarChart");
|
|
23
16
|
Object.keys(_BarChart).forEach(function (key) {
|
|
24
17
|
if (key === "default" || key === "__esModule") return;
|
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,84 @@
|
|
|
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.28.0
|
|
9
|
+
|
|
10
|
+
_Mar 19, 2026_
|
|
11
|
+
|
|
12
|
+
We'd like to extend a big thank you to the 5 contributors who made this release possible. Here are some highlights ✨:
|
|
13
|
+
|
|
14
|
+
TODO INSERT HIGHLIGHTS
|
|
15
|
+
|
|
16
|
+
The following team members contributed to this release:
|
|
17
|
+
@alexfauquette, @brijeshb42, @Janpot, @JCQuintas, @sai6855
|
|
18
|
+
|
|
19
|
+
### Data Grid
|
|
20
|
+
|
|
21
|
+
#### `@mui/x-data-grid@8.28.0`
|
|
22
|
+
|
|
23
|
+
- [DataGrid] Move `elementOverrides` to constants and remove duplicates (@sai6855) (#21752) @github-actions[bot]
|
|
24
|
+
|
|
25
|
+
#### `@mui/x-data-grid-pro@8.28.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
26
|
+
|
|
27
|
+
Same changes as in `@mui/x-data-grid@8.28.0`.
|
|
28
|
+
|
|
29
|
+
#### `@mui/x-data-grid-premium@8.28.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
30
|
+
|
|
31
|
+
Same changes as in `@mui/x-data-grid-pro@8.28.0`.
|
|
32
|
+
|
|
33
|
+
### Date and Time Pickers
|
|
34
|
+
|
|
35
|
+
#### `@mui/x-date-pickers@8.27.2`
|
|
36
|
+
|
|
37
|
+
Internal changes.
|
|
38
|
+
|
|
39
|
+
#### `@mui/x-date-pickers-pro@8.27.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
40
|
+
|
|
41
|
+
Same changes as in `@mui/x-date-pickers@8.27.2`.
|
|
42
|
+
|
|
43
|
+
### Charts
|
|
44
|
+
|
|
45
|
+
#### `@mui/x-charts@8.28.0`
|
|
46
|
+
|
|
47
|
+
- [charts] Improve deprecation warnings (#21760) (#21767) @alexfauquette
|
|
48
|
+
- [charts] Refactor `FunnelChart` classes structure (@JCQuintas) (#21763) @github-actions[bot]
|
|
49
|
+
- [charts] Refactor `Heatmap` classes structure (#21653) (#21745) @JCQuintas
|
|
50
|
+
- [charts] Refactor `PieChart` classes structure (@JCQuintas) (#21715) @github-actions[bot]
|
|
51
|
+
- [charts] Refactor `RadarChart` classes structure (@JCQuintas) (#21730) @github-actions[bot]
|
|
52
|
+
- [charts] Refactor `SankeyChart` classes structure (#21654) (#21726) @JCQuintas
|
|
53
|
+
- [charts] Rename `data-series-id` by `data-series` (#21761) (#21772) @alexfauquette
|
|
54
|
+
|
|
55
|
+
#### `@mui/x-charts-pro@8.28.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
56
|
+
|
|
57
|
+
Same changes as in `@mui/x-charts@8.28.0`, plus:
|
|
58
|
+
|
|
59
|
+
- [charts-pro] Allow `brush` interaction to accept `requiredKeys/pointerMode` (#21723) @JCQuintas
|
|
60
|
+
|
|
61
|
+
#### `@mui/x-charts-premium@8.28.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
62
|
+
|
|
63
|
+
Same changes as in `@mui/x-charts-pro@8.28.0`.
|
|
64
|
+
|
|
65
|
+
### Tree View
|
|
66
|
+
|
|
67
|
+
#### `@mui/x-tree-view@8.27.2`
|
|
68
|
+
|
|
69
|
+
Internal changes.
|
|
70
|
+
|
|
71
|
+
#### `@mui/x-tree-view-pro@8.27.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
72
|
+
|
|
73
|
+
Same changes as in `@mui/x-tree-view@8.27.2`.
|
|
74
|
+
|
|
75
|
+
### Codemod
|
|
76
|
+
|
|
77
|
+
#### `@mui/x-codemod@8.27.0`
|
|
78
|
+
|
|
79
|
+
Internal changes.
|
|
80
|
+
|
|
81
|
+
### Core
|
|
82
|
+
|
|
83
|
+
- [code-infra] Fix contributor generation in changelog (#21712) @brijeshb42
|
|
84
|
+
- [code-infra] Install pkg-pr-new (#21778) @Janpot
|
|
85
|
+
|
|
8
86
|
## 8.27.5
|
|
9
87
|
|
|
10
88
|
_Mar 11, 2026_
|
|
@@ -3,10 +3,13 @@ import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
|
|
|
3
3
|
import { type AnimatedAreaProps } from "./AnimatedArea.js";
|
|
4
4
|
import { type SeriesId } from "../models/seriesType/common.js";
|
|
5
5
|
/**
|
|
6
|
-
* @deprecated Use `LineClasses`
|
|
6
|
+
* @deprecated Use `LineClasses` instead.
|
|
7
7
|
*/
|
|
8
8
|
export interface AreaElementClasses {
|
|
9
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
* Styles applied to the root element.
|
|
11
|
+
* @deprecated Use `lineClasses.area` instead.
|
|
12
|
+
*/
|
|
10
13
|
root: string;
|
|
11
14
|
/** Styles applied to the root element when highlighted. */
|
|
12
15
|
highlighted: string;
|
|
@@ -15,11 +18,12 @@ export interface AreaElementClasses {
|
|
|
15
18
|
/**
|
|
16
19
|
* Styles applied to the root element for a specified series.
|
|
17
20
|
* Needs to be suffixed with the series ID: `.${areaElementClasses.series}-${seriesId}`.
|
|
21
|
+
* @deprecated Use `[data-series="${seriesId}"]` selector instead.
|
|
18
22
|
*/
|
|
19
23
|
series: string;
|
|
20
24
|
}
|
|
21
25
|
/**
|
|
22
|
-
* @deprecated Use `LineClassKey`
|
|
26
|
+
* @deprecated Use `LineClassKey` instead.
|
|
23
27
|
*/
|
|
24
28
|
export type AreaElementClassKey = keyof AreaElementClasses;
|
|
25
29
|
export interface AreaElementOwnerState {
|
|
@@ -31,11 +35,11 @@ export interface AreaElementOwnerState {
|
|
|
31
35
|
classes?: Partial<AreaElementClasses>;
|
|
32
36
|
}
|
|
33
37
|
/**
|
|
34
|
-
* @deprecated Use `getLineUtilityClass`
|
|
38
|
+
* @deprecated Use `getLineUtilityClass` instead.
|
|
35
39
|
*/
|
|
36
40
|
export declare function getAreaElementUtilityClass(slot: string): string;
|
|
37
41
|
/**
|
|
38
|
-
* @deprecated Use `lineClasses`
|
|
42
|
+
* @deprecated Use `lineClasses` instead.
|
|
39
43
|
*/
|
|
40
44
|
export declare const areaElementClasses: AreaElementClasses;
|
|
41
45
|
export interface AreaElementSlots {
|
package/LineChart/AreaElement.js
CHANGED
|
@@ -24,25 +24,25 @@ var _lineClasses = require("./lineClasses");
|
|
|
24
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
25
|
const _excluded = ["id", "classes", "color", "gradientId", "slots", "slotProps", "onClick"];
|
|
26
26
|
/**
|
|
27
|
-
* @deprecated Use `LineClasses`
|
|
27
|
+
* @deprecated Use `LineClasses` instead.
|
|
28
28
|
*/
|
|
29
29
|
/**
|
|
30
|
-
* @deprecated Use `LineClassKey`
|
|
30
|
+
* @deprecated Use `LineClassKey` instead.
|
|
31
31
|
*/
|
|
32
32
|
/**
|
|
33
|
-
* @deprecated Use `getLineUtilityClass`
|
|
33
|
+
* @deprecated Use `getLineUtilityClass` instead.
|
|
34
34
|
*/
|
|
35
35
|
function getAreaElementUtilityClass(slot) {
|
|
36
36
|
return (0, _generateUtilityClass.default)('MuiAreaElement', slot);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
|
-
* @deprecated Use `lineClasses`
|
|
40
|
+
* @deprecated Use `lineClasses` instead.
|
|
41
41
|
*/
|
|
42
42
|
const areaElementClasses = exports.areaElementClasses = (0, _generateUtilityClasses.default)('MuiAreaElement', ['root', 'highlighted', 'faded', 'series']);
|
|
43
43
|
|
|
44
44
|
/**
|
|
45
|
-
* @deprecated Use `useUtilityClasses`
|
|
45
|
+
* @deprecated Use `useUtilityClasses` instead.
|
|
46
46
|
*/
|
|
47
47
|
const useDeprecatedUtilityClasses = ownerState => {
|
|
48
48
|
const {
|
|
@@ -106,7 +106,8 @@ function AreaElement(props) {
|
|
|
106
106
|
cursor: onClick ? 'pointer' : 'unset',
|
|
107
107
|
'data-highlighted': isHighlighted || undefined,
|
|
108
108
|
'data-faded': isFaded || undefined,
|
|
109
|
-
'data-series-id': id
|
|
109
|
+
'data-series-id': id,
|
|
110
|
+
'data-series': id
|
|
110
111
|
}),
|
|
111
112
|
className: `${classes.area} ${deprecatedClasses.root}`,
|
|
112
113
|
ownerState
|
|
@@ -3,10 +3,13 @@ import { type SlotComponentPropsFromProps } from '@mui/x-internals/types';
|
|
|
3
3
|
import { type AnimatedLineProps } from "./AnimatedLine.js";
|
|
4
4
|
import { type SeriesId } from "../models/seriesType/common.js";
|
|
5
5
|
/**
|
|
6
|
-
* @deprecated Use `LineClasses`
|
|
6
|
+
* @deprecated Use `LineClasses` instead.
|
|
7
7
|
*/
|
|
8
8
|
export interface LineElementClasses {
|
|
9
|
-
/**
|
|
9
|
+
/**
|
|
10
|
+
* Styles applied to the root element.
|
|
11
|
+
* @deprecated Use `lineClasses.line` instead.
|
|
12
|
+
*/
|
|
10
13
|
root: string;
|
|
11
14
|
/** Styles applied to the root element when highlighted. */
|
|
12
15
|
highlighted: string;
|
|
@@ -15,11 +18,12 @@ export interface LineElementClasses {
|
|
|
15
18
|
/**
|
|
16
19
|
* Styles applied to the root element for a specified series.
|
|
17
20
|
* Needs to be suffixed with the series ID: `.${lineElementClasses.series}-${seriesId}`.
|
|
21
|
+
* @deprecated Use `[data-series="${seriesId}"]` selector instead.
|
|
18
22
|
*/
|
|
19
23
|
series: string;
|
|
20
24
|
}
|
|
21
25
|
/**
|
|
22
|
-
* @deprecated Use `LineClassKey`
|
|
26
|
+
* @deprecated Use `LineClassKey` instead.
|
|
23
27
|
*/
|
|
24
28
|
export type LineElementClassKey = keyof LineElementClasses;
|
|
25
29
|
export interface LineElementOwnerState {
|
|
@@ -33,11 +37,11 @@ export interface LineElementOwnerState {
|
|
|
33
37
|
hidden?: boolean;
|
|
34
38
|
}
|
|
35
39
|
/**
|
|
36
|
-
* @deprecated Use `getLineUtilityClass`
|
|
40
|
+
* @deprecated Use `getLineUtilityClass` instead.
|
|
37
41
|
*/
|
|
38
42
|
export declare function getLineElementUtilityClass(slot: string): string;
|
|
39
43
|
/**
|
|
40
|
-
* @deprecated Use `lineClasses`
|
|
44
|
+
* @deprecated Use `lineClasses` instead.
|
|
41
45
|
*/
|
|
42
46
|
export declare const lineElementClasses: LineElementClasses;
|
|
43
47
|
export interface LineElementSlots {
|
package/LineChart/LineElement.js
CHANGED
|
@@ -24,25 +24,25 @@ var _lineClasses = require("./lineClasses");
|
|
|
24
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
25
25
|
const _excluded = ["id", "classes", "color", "gradientId", "slots", "slotProps", "onClick", "hidden"];
|
|
26
26
|
/**
|
|
27
|
-
* @deprecated Use `LineClasses`
|
|
27
|
+
* @deprecated Use `LineClasses` instead.
|
|
28
28
|
*/
|
|
29
29
|
/**
|
|
30
|
-
* @deprecated Use `LineClassKey`
|
|
30
|
+
* @deprecated Use `LineClassKey` instead.
|
|
31
31
|
*/
|
|
32
32
|
/**
|
|
33
|
-
* @deprecated Use `getLineUtilityClass`
|
|
33
|
+
* @deprecated Use `getLineUtilityClass` instead.
|
|
34
34
|
*/
|
|
35
35
|
function getLineElementUtilityClass(slot) {
|
|
36
36
|
return (0, _generateUtilityClass.default)('MuiLineElement', slot);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
|
-
* @deprecated Use `lineClasses`
|
|
40
|
+
* @deprecated Use `lineClasses` instead.
|
|
41
41
|
*/
|
|
42
42
|
const lineElementClasses = exports.lineElementClasses = (0, _generateUtilityClasses.default)('MuiLineElement', ['root', 'highlighted', 'faded', 'series']);
|
|
43
43
|
|
|
44
44
|
/**
|
|
45
|
-
* @deprecated Use `useUtilityClasses`
|
|
45
|
+
* @deprecated Use `useUtilityClasses` instead.
|
|
46
46
|
*/
|
|
47
47
|
const useDeprecatedUtilityClasses = ownerState => {
|
|
48
48
|
const {
|
|
@@ -108,7 +108,8 @@ function LineElement(props) {
|
|
|
108
108
|
cursor: onClick ? 'pointer' : 'unset',
|
|
109
109
|
'data-highlighted': isHighlighted || undefined,
|
|
110
110
|
'data-faded': isFaded || undefined,
|
|
111
|
-
'data-series-id': id
|
|
111
|
+
'data-series-id': id,
|
|
112
|
+
'data-series': id
|
|
112
113
|
}),
|
|
113
114
|
className: `${classes.line} ${deprecatedClasses.root}`,
|
|
114
115
|
ownerState
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type SeriesId } from "../models/seriesType/common.js";
|
|
3
3
|
/**
|
|
4
|
-
* @deprecated Use `LineClasses`
|
|
4
|
+
* @deprecated Use `LineClasses` instead.
|
|
5
5
|
*/
|
|
6
6
|
export interface LineHighlightElementClasses {
|
|
7
7
|
/** Styles applied to the root element. */
|
|
8
8
|
root: string;
|
|
9
9
|
}
|
|
10
10
|
/**
|
|
11
|
-
* @deprecated Use `LineClassKey`
|
|
11
|
+
* @deprecated Use `LineClassKey` instead.
|
|
12
12
|
*/
|
|
13
13
|
export type HighlightElementClassKey = keyof LineHighlightElementClasses;
|
|
14
14
|
interface LineHighlightElementCommonProps {
|
|
@@ -19,11 +19,11 @@ interface LineHighlightElementCommonProps {
|
|
|
19
19
|
classes?: Partial<LineHighlightElementClasses>;
|
|
20
20
|
}
|
|
21
21
|
/**
|
|
22
|
-
* @deprecated Use `getLineUtilityClass`
|
|
22
|
+
* @deprecated Use `getLineUtilityClass` instead.
|
|
23
23
|
*/
|
|
24
24
|
export declare function getHighlightElementUtilityClass(slot: string): string;
|
|
25
25
|
/**
|
|
26
|
-
* @deprecated Use `lineClasses`
|
|
26
|
+
* @deprecated Use `lineClasses` instead.
|
|
27
27
|
*/
|
|
28
28
|
export declare const lineHighlightElementClasses: LineHighlightElementClasses;
|
|
29
29
|
export type LineHighlightElementProps = (LineHighlightElementCommonProps & ({
|
|
@@ -23,25 +23,25 @@ var _lineClasses = require("./lineClasses");
|
|
|
23
23
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
24
24
|
const _excluded = ["x", "y", "id", "classes", "color", "shape"];
|
|
25
25
|
/**
|
|
26
|
-
* @deprecated Use `LineClasses`
|
|
26
|
+
* @deprecated Use `LineClasses` instead.
|
|
27
27
|
*/
|
|
28
28
|
/**
|
|
29
|
-
* @deprecated Use `LineClassKey`
|
|
29
|
+
* @deprecated Use `LineClassKey` instead.
|
|
30
30
|
*/
|
|
31
31
|
/**
|
|
32
|
-
* @deprecated Use `getLineUtilityClass`
|
|
32
|
+
* @deprecated Use `getLineUtilityClass` instead.
|
|
33
33
|
*/
|
|
34
34
|
function getHighlightElementUtilityClass(slot) {
|
|
35
35
|
return (0, _generateUtilityClass.default)('MuiHighlightElement', slot);
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
/**
|
|
39
|
-
* @deprecated Use `lineClasses`
|
|
39
|
+
* @deprecated Use `lineClasses` instead.
|
|
40
40
|
*/
|
|
41
41
|
const lineHighlightElementClasses = exports.lineHighlightElementClasses = (0, _generateUtilityClasses.default)('MuiHighlightElement', ['root']);
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
|
-
* @deprecated Use `useUtilityClasses`
|
|
44
|
+
* @deprecated Use `useUtilityClasses` instead.
|
|
45
45
|
*/
|
|
46
46
|
const useDeprecatedUtilityClasses = ownerState => {
|
|
47
47
|
const {
|
package/LineChart/MarkElement.js
CHANGED
package/LineChart/index.d.ts
CHANGED
|
@@ -13,5 +13,5 @@ export * from "./LineHighlightElement.js";
|
|
|
13
13
|
export * from "./LineChart.plugins.js";
|
|
14
14
|
export type { MarkElementClasses, MarkElementClassKey } from "./markElementClasses.js";
|
|
15
15
|
export { getMarkElementUtilityClass, markElementClasses } from "./markElementClasses.js";
|
|
16
|
-
export { lineClasses
|
|
16
|
+
export { lineClasses } from "./lineClasses.js";
|
|
17
17
|
export type { LineClassKey, LineClasses } from "./lineClasses.js";
|
package/LineChart/index.js
CHANGED
|
@@ -6,15 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
var _exportNames = {
|
|
7
7
|
getMarkElementUtilityClass: true,
|
|
8
8
|
markElementClasses: true,
|
|
9
|
-
lineClasses: true
|
|
10
|
-
getLineUtilityClass: true
|
|
9
|
+
lineClasses: true
|
|
11
10
|
};
|
|
12
|
-
Object.defineProperty(exports, "getLineUtilityClass", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _lineClasses.getLineUtilityClass;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
11
|
Object.defineProperty(exports, "getMarkElementUtilityClass", {
|
|
19
12
|
enumerable: true,
|
|
20
13
|
get: function () {
|
|
@@ -1,36 +1,43 @@
|
|
|
1
1
|
import type { MarkElementOwnerState } from "./lineClasses.js";
|
|
2
2
|
export { type MarkElementOwnerState };
|
|
3
3
|
/**
|
|
4
|
-
* @deprecated Use `LineClasses`
|
|
4
|
+
* @deprecated Use `LineClasses` instead.
|
|
5
5
|
*/
|
|
6
6
|
export interface MarkElementClasses {
|
|
7
|
-
/**
|
|
7
|
+
/**
|
|
8
|
+
* Styles applied to the root element.
|
|
9
|
+
* @deprecated Use `lineClasses.mark` instead.
|
|
10
|
+
*/
|
|
8
11
|
root: string;
|
|
9
12
|
/** Styles applied to the root element when highlighted. */
|
|
10
13
|
highlighted: string;
|
|
11
14
|
/** Styles applied to the root element when faded. */
|
|
12
15
|
faded: string;
|
|
13
|
-
/**
|
|
16
|
+
/**
|
|
17
|
+
* Styles applied to the root element when animation is not skipped.
|
|
18
|
+
* @deprecated Use `lineClasses.markAnimate` instead.
|
|
19
|
+
*/
|
|
14
20
|
animate: string;
|
|
15
21
|
/**
|
|
16
22
|
* Styles applied to the root element for a specified series.
|
|
17
23
|
* Needs to be suffixed with the series ID: `.${markElementClasses.series}-${seriesId}`.
|
|
24
|
+
* @deprecated Use `[data-series="${seriesId}"]` selector instead.
|
|
18
25
|
*/
|
|
19
26
|
series: string;
|
|
20
27
|
}
|
|
21
28
|
/**
|
|
22
|
-
* @deprecated Use `LineClassKey`
|
|
29
|
+
* @deprecated Use `LineClassKey` instead.
|
|
23
30
|
*/
|
|
24
31
|
export type MarkElementClassKey = keyof MarkElementClasses;
|
|
25
32
|
/**
|
|
26
|
-
* @deprecated Use `getLineUtilityClass`
|
|
33
|
+
* @deprecated Use `getLineUtilityClass` instead.
|
|
27
34
|
*/
|
|
28
35
|
export declare function getMarkElementUtilityClass(slot: string): string;
|
|
29
36
|
/**
|
|
30
|
-
* @deprecated Use `lineClasses`
|
|
37
|
+
* @deprecated Use `lineClasses` instead.
|
|
31
38
|
*/
|
|
32
39
|
export declare const markElementClasses: MarkElementClasses;
|
|
33
40
|
/**
|
|
34
|
-
* @deprecated Use `useUtilityClasses`
|
|
41
|
+
* @deprecated Use `useUtilityClasses` instead.
|
|
35
42
|
*/
|
|
36
43
|
export declare const useUtilityClasses: (ownerState: MarkElementOwnerState) => Record<"root", string>;
|
|
@@ -10,27 +10,27 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
|
|
|
10
10
|
var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
|
|
11
11
|
var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
|
|
12
12
|
/**
|
|
13
|
-
* @deprecated Use `LineClasses`
|
|
13
|
+
* @deprecated Use `LineClasses` instead.
|
|
14
14
|
*/
|
|
15
15
|
|
|
16
16
|
/**
|
|
17
|
-
* @deprecated Use `LineClassKey`
|
|
17
|
+
* @deprecated Use `LineClassKey` instead.
|
|
18
18
|
*/
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
|
-
* @deprecated Use `getLineUtilityClass`
|
|
21
|
+
* @deprecated Use `getLineUtilityClass` instead.
|
|
22
22
|
*/
|
|
23
23
|
function getMarkElementUtilityClass(slot) {
|
|
24
24
|
return (0, _generateUtilityClass.default)('MuiMarkElement', slot);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
|
-
* @deprecated Use `lineClasses`
|
|
28
|
+
* @deprecated Use `lineClasses` instead.
|
|
29
29
|
*/
|
|
30
30
|
const markElementClasses = exports.markElementClasses = (0, _generateUtilityClasses.default)('MuiMarkElement', ['root', 'highlighted', 'faded', 'animate', 'series']);
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
|
-
* @deprecated Use `useUtilityClasses`
|
|
33
|
+
* @deprecated Use `useUtilityClasses` instead.
|
|
34
34
|
*/
|
|
35
35
|
const useUtilityClasses = ownerState => {
|
|
36
36
|
const {
|