@mui/x-charts 6.0.0-alpha.3 → 6.0.0-alpha.4
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/CHANGELOG.md +72 -3
- package/LineChart/extremums.js +2 -2
- package/ResponsiveChartContainer/index.js +2 -2
- package/esm/LineChart/extremums.js +2 -2
- package/esm/ResponsiveChartContainer/index.js +2 -2
- package/index.js +1 -1
- package/legacy/LineChart/extremums.js +3 -3
- package/legacy/ResponsiveChartContainer/index.js +2 -2
- package/legacy/index.js +1 -1
- package/modern/LineChart/extremums.js +2 -2
- package/modern/ResponsiveChartContainer/index.js +2 -2
- package/modern/index.js +1 -1
- package/package.json +22 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,75 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 6.10.1
|
|
7
|
+
|
|
8
|
+
_Jul 20, 2023_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 🎁 Fix CSV export for values containing double quotes
|
|
13
|
+
- 🚀 Improve tree data performance
|
|
14
|
+
- 🐞 Bugfixes
|
|
15
|
+
- 📚 Documentation improvements
|
|
16
|
+
|
|
17
|
+
### Data Grid
|
|
18
|
+
|
|
19
|
+
#### `@mui/x-data-grid@v6.10.1`
|
|
20
|
+
|
|
21
|
+
- [DataGrid] Filtering performance: compile filter applier with `eval` (#9635) @romgrk
|
|
22
|
+
- [DataGrid] Fix CSV export for values containing double quotes (#9667) @cherniavskii
|
|
23
|
+
- [DataGrid] Fix column type change not working correctly (#9594) @cherniavskii
|
|
24
|
+
- [DataGrid] Fix quick filter `undefined` row error (#9708) @romgrk
|
|
25
|
+
- [DataGrid] Prevent `viewportOuterSize.height` going negative (#9664) @gitstart
|
|
26
|
+
- [DataGrid] Update focused cell on page change via keyboard (#9203) @m4theushw
|
|
27
|
+
- [DataGrid] Wait for remote stylesheets to load before print (#9665) @cherniavskii
|
|
28
|
+
|
|
29
|
+
#### `@mui/x-data-grid-pro@v6.10.1` [](https://mui.com/r/x-pro-svg-link)
|
|
30
|
+
|
|
31
|
+
Same changes as in `@mui/x-data-grid@v6.10.1`, plus:
|
|
32
|
+
|
|
33
|
+
- [DataGridPro] Improve tree data performance (#9682) @cherniavskii
|
|
34
|
+
- [DataGridPro] Prevent affecting cells from child DataGrid when resizing a column (#9670) @m4theushw
|
|
35
|
+
|
|
36
|
+
#### `@mui/x-data-grid-premium@v6.10.1` [](https://mui.com/r/x-premium-svg-link)
|
|
37
|
+
|
|
38
|
+
Same changes as in `@mui/x-data-grid-pro@v6.10.1`.
|
|
39
|
+
|
|
40
|
+
### Date Pickers
|
|
41
|
+
|
|
42
|
+
#### `@mui/x-date-pickers@v6.10.1`
|
|
43
|
+
|
|
44
|
+
- [fields] Fix `format` and `value` update order (#9715) @LukasTy
|
|
45
|
+
- [pickers] Remove `require` usage in comment (#9675) @LukasTy
|
|
46
|
+
|
|
47
|
+
#### `@mui/x-date-pickers-pro@v6.10.1` [](https://mui.com/r/x-pro-svg-link)
|
|
48
|
+
|
|
49
|
+
Same changes as in `@mui/x-date-pickers@v6.10.1`.
|
|
50
|
+
|
|
51
|
+
### Charts / `@mui/x-charts@v6.0.0-alpha.4`
|
|
52
|
+
|
|
53
|
+
- [charts] Fix blinking in responsive charts and extremums computation for line charts (#9734) @alexfauquette
|
|
54
|
+
- [charts] Use ESM with imports (#9645) @alexfauquette
|
|
55
|
+
|
|
56
|
+
### Docs
|
|
57
|
+
|
|
58
|
+
- [docs] Add additional note for license key installation on Next.js (#9575) @joserodolfofreitas
|
|
59
|
+
- [docs] Add paragraph about managing focus of custom edit components (#9658) @m4theushw
|
|
60
|
+
- [docs] Add unsorted icon slot to the custom sort icons demo (#9169) @d4rekanguok
|
|
61
|
+
- [docs] Disable ad for onboarding pages (#9700) @oliviertassinari
|
|
62
|
+
- [docs] Disabling ads without toolbar has no effect @oliviertassinari
|
|
63
|
+
- [docs] Fix Date Pickers usage to Title Case (#9680) @richbustos
|
|
64
|
+
- [docs] Fix sorting in `CustomSortIcons` demo (#9656) @MBilalShafi
|
|
65
|
+
- [docs] Improve the UI for pickers introduction (#9644) @alexfauquette
|
|
66
|
+
- [docs] Improve the demo design @oliviertassinari
|
|
67
|
+
- [docs] Localization progress, polish (#9672) @oliviertassinari
|
|
68
|
+
- [docs] Normalize the WIP items (#9671) @oliviertassinari
|
|
69
|
+
|
|
70
|
+
### Core
|
|
71
|
+
|
|
72
|
+
- [core] Add `validate` command (#9714) @romgrk
|
|
73
|
+
- [CHANGELOG] Update generator to new format @oliviertassinari
|
|
74
|
+
|
|
6
75
|
## 6.10.0
|
|
7
76
|
|
|
8
77
|
_Jul 13, 2023_
|
|
@@ -26,11 +95,11 @@ We'd like to offer a big thanks to the 10 contributors who made this release pos
|
|
|
26
95
|
- [DataGrid] Make `rowExpansionChange` event public (#9611) @MBilalShafi
|
|
27
96
|
- [l10n] Improve Polish (pl-PL) locale (#9625) @ch1llysense
|
|
28
97
|
|
|
29
|
-
#### `@mui/x-data-grid-pro@6.10.0`
|
|
98
|
+
#### `@mui/x-data-grid-pro@6.10.0` [](https://mui.com/r/x-pro-svg-link)
|
|
30
99
|
|
|
31
100
|
Same changes as in `@mui/x-data-grid@6.10.0`.
|
|
32
101
|
|
|
33
|
-
#### `@mui/x-data-grid-premium@6.10.0`
|
|
102
|
+
#### `@mui/x-data-grid-premium@6.10.0` [](https://mui.com/r/x-premium-svg-link)
|
|
34
103
|
|
|
35
104
|
Same changes as in `@mui/x-data-grid-pro@6.10.0`.
|
|
36
105
|
|
|
@@ -41,7 +110,7 @@ Same changes as in `@mui/x-data-grid-pro@6.10.0`.
|
|
|
41
110
|
- [pickers] Fix date calendar issues (#9652) @LukasTy
|
|
42
111
|
- [l10n] Improve Norwegian (nb-NO) locale (#9608) @JosteinBrevik
|
|
43
112
|
|
|
44
|
-
#### `@mui/x-date-pickers-pro@6.10.0`
|
|
113
|
+
#### `@mui/x-date-pickers-pro@6.10.0` [](https://mui.com/r/x-pro-svg-link)
|
|
45
114
|
|
|
46
115
|
Same changes as in `@mui/x-date-pickers@6.10.0`.
|
|
47
116
|
|
package/LineChart/extremums.js
CHANGED
|
@@ -24,8 +24,8 @@ const getExtremumY = params => {
|
|
|
24
24
|
const getValues = isArea ? d => d : d => [d[1], d[1]]; // Id area should go from bottom to top, without area should only consider the top
|
|
25
25
|
|
|
26
26
|
const [seriesMin, seriesMax] = series[seriesId].stackedData.reduce((seriesAcc, stackedValue) => {
|
|
27
|
-
const [
|
|
28
|
-
return [Math.min(
|
|
27
|
+
const [base, value] = getValues(stackedValue);
|
|
28
|
+
return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
|
|
29
29
|
}, getValues(series[seriesId].stackedData[0]));
|
|
30
30
|
if (acc[0] === null || acc[1] === null) {
|
|
31
31
|
return [seriesMin, seriesMax];
|
|
@@ -30,8 +30,8 @@ const useChartDimensions = (inWidth, inHeight) => {
|
|
|
30
30
|
}
|
|
31
31
|
const win = (0, _ownerWindow.default)(mainEl);
|
|
32
32
|
const computedStyle = win.getComputedStyle(mainEl);
|
|
33
|
-
const newHeight = parseFloat(computedStyle.height) || 0;
|
|
34
|
-
const newWidth = parseFloat(computedStyle.width) || 0;
|
|
33
|
+
const newHeight = Math.floor(parseFloat(computedStyle.height)) || 0;
|
|
34
|
+
const newWidth = Math.floor(parseFloat(computedStyle.width)) || 0;
|
|
35
35
|
setWidth(newWidth);
|
|
36
36
|
setHeight(newHeight);
|
|
37
37
|
}, []);
|
|
@@ -18,8 +18,8 @@ export const getExtremumY = params => {
|
|
|
18
18
|
const getValues = isArea ? d => d : d => [d[1], d[1]]; // Id area should go from bottom to top, without area should only consider the top
|
|
19
19
|
|
|
20
20
|
const [seriesMin, seriesMax] = series[seriesId].stackedData.reduce((seriesAcc, stackedValue) => {
|
|
21
|
-
const [
|
|
22
|
-
return [Math.min(
|
|
21
|
+
const [base, value] = getValues(stackedValue);
|
|
22
|
+
return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
|
|
23
23
|
}, getValues(series[seriesId].stackedData[0]));
|
|
24
24
|
if (acc[0] === null || acc[1] === null) {
|
|
25
25
|
return [seriesMin, seriesMax];
|
|
@@ -21,8 +21,8 @@ const useChartDimensions = (inWidth, inHeight) => {
|
|
|
21
21
|
}
|
|
22
22
|
const win = ownerWindow(mainEl);
|
|
23
23
|
const computedStyle = win.getComputedStyle(mainEl);
|
|
24
|
-
const newHeight = parseFloat(computedStyle.height) || 0;
|
|
25
|
-
const newWidth = parseFloat(computedStyle.width) || 0;
|
|
24
|
+
const newHeight = Math.floor(parseFloat(computedStyle.height)) || 0;
|
|
25
|
+
const newWidth = Math.floor(parseFloat(computedStyle.width)) || 0;
|
|
26
26
|
setWidth(newWidth);
|
|
27
27
|
setHeight(newHeight);
|
|
28
28
|
}, []);
|
package/index.js
CHANGED
|
@@ -24,9 +24,9 @@ export var getExtremumY = function getExtremumY(params) {
|
|
|
24
24
|
var _series$seriesId$stac = series[seriesId].stackedData.reduce(function (seriesAcc, stackedValue) {
|
|
25
25
|
var _getValues = getValues(stackedValue),
|
|
26
26
|
_getValues2 = _slicedToArray(_getValues, 2),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
return [Math.min(
|
|
27
|
+
base = _getValues2[0],
|
|
28
|
+
value = _getValues2[1];
|
|
29
|
+
return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
|
|
30
30
|
}, getValues(series[seriesId].stackedData[0])),
|
|
31
31
|
_series$seriesId$stac2 = _slicedToArray(_series$seriesId$stac, 2),
|
|
32
32
|
seriesMin = _series$seriesId$stac2[0],
|
|
@@ -28,8 +28,8 @@ var useChartDimensions = function useChartDimensions(inWidth, inHeight) {
|
|
|
28
28
|
}
|
|
29
29
|
var win = ownerWindow(mainEl);
|
|
30
30
|
var computedStyle = win.getComputedStyle(mainEl);
|
|
31
|
-
var newHeight = parseFloat(computedStyle.height) || 0;
|
|
32
|
-
var newWidth = parseFloat(computedStyle.width) || 0;
|
|
31
|
+
var newHeight = Math.floor(parseFloat(computedStyle.height)) || 0;
|
|
32
|
+
var newWidth = Math.floor(parseFloat(computedStyle.width)) || 0;
|
|
33
33
|
setWidth(newWidth);
|
|
34
34
|
setHeight(newHeight);
|
|
35
35
|
}, []);
|
package/legacy/index.js
CHANGED
|
@@ -17,8 +17,8 @@ export const getExtremumY = params => {
|
|
|
17
17
|
const getValues = isArea ? d => d : d => [d[1], d[1]]; // Id area should go from bottom to top, without area should only consider the top
|
|
18
18
|
|
|
19
19
|
const [seriesMin, seriesMax] = series[seriesId].stackedData.reduce((seriesAcc, stackedValue) => {
|
|
20
|
-
const [
|
|
21
|
-
return [Math.min(
|
|
20
|
+
const [base, value] = getValues(stackedValue);
|
|
21
|
+
return [Math.min(base, value, seriesAcc[0]), Math.max(base, value, seriesAcc[1])];
|
|
22
22
|
}, getValues(series[seriesId].stackedData[0]));
|
|
23
23
|
if (acc[0] === null || acc[1] === null) {
|
|
24
24
|
return [seriesMin, seriesMax];
|
|
@@ -21,8 +21,8 @@ const useChartDimensions = (inWidth, inHeight) => {
|
|
|
21
21
|
}
|
|
22
22
|
const win = ownerWindow(mainEl);
|
|
23
23
|
const computedStyle = win.getComputedStyle(mainEl);
|
|
24
|
-
const newHeight = parseFloat(computedStyle.height) || 0;
|
|
25
|
-
const newWidth = parseFloat(computedStyle.width) || 0;
|
|
24
|
+
const newHeight = Math.floor(parseFloat(computedStyle.height)) || 0;
|
|
25
|
+
const newWidth = Math.floor(parseFloat(computedStyle.width)) || 0;
|
|
26
26
|
setWidth(newWidth);
|
|
27
27
|
setHeight(newHeight);
|
|
28
28
|
}, []);
|
package/modern/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-charts",
|
|
3
|
-
"version": "6.0.0-alpha.
|
|
3
|
+
"version": "6.0.0-alpha.4",
|
|
4
4
|
"description": "The community edition of the charts components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -27,10 +27,7 @@
|
|
|
27
27
|
"directory": "packages/x-charts"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@babel/runtime": "^7.22.
|
|
31
|
-
"@types/d3-color": "^3.1.0",
|
|
32
|
-
"@types/d3-scale": "^4.0.3",
|
|
33
|
-
"@types/d3-shape": "^3.1.1",
|
|
30
|
+
"@babel/runtime": "^7.22.6",
|
|
34
31
|
"clsx": "^1.2.1",
|
|
35
32
|
"d3-color": "^3.1.0",
|
|
36
33
|
"d3-scale": "^4.0.2",
|
|
@@ -38,11 +35,31 @@
|
|
|
38
35
|
"prop-types": "^15.8.1"
|
|
39
36
|
},
|
|
40
37
|
"peerDependencies": {
|
|
38
|
+
"@emotion/react": "^11.9.0",
|
|
39
|
+
"@emotion/styled": "^11.8.1",
|
|
41
40
|
"@mui/material": "^5.4.1",
|
|
42
41
|
"@mui/system": "^5.4.1",
|
|
43
42
|
"react": "^17.0.0 || ^18.0.0",
|
|
44
43
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
45
44
|
},
|
|
45
|
+
"peerDependenciesMeta": {
|
|
46
|
+
"@emotion/react": {
|
|
47
|
+
"optional": true
|
|
48
|
+
},
|
|
49
|
+
"@emotion/styled": {
|
|
50
|
+
"optional": true
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"exports": {
|
|
54
|
+
".": {
|
|
55
|
+
"require": "./index.js",
|
|
56
|
+
"import": "./esm/index.js"
|
|
57
|
+
},
|
|
58
|
+
"./*": {
|
|
59
|
+
"require": "./*",
|
|
60
|
+
"import": "./esm/*"
|
|
61
|
+
}
|
|
62
|
+
},
|
|
46
63
|
"setupFiles": [
|
|
47
64
|
"<rootDir>/src/setupTests.js"
|
|
48
65
|
],
|