@mui/x-tree-view 7.13.0 → 7.14.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/CHANGELOG.md +82 -2
- package/TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.js +9 -9
- package/index.js +1 -1
- package/modern/TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.js +9 -9
- package/modern/index.js +1 -1
- package/node/TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.js +9 -9
- package/node/index.js +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,86 @@
|
|
|
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
|
+
## 7.14.0
|
|
7
|
+
|
|
8
|
+
_Aug 23, 2024_
|
|
9
|
+
|
|
10
|
+
We'd like to offer a big thanks to the 14 contributors who made this release possible. Here are some highlights ✨:
|
|
11
|
+
|
|
12
|
+
- 💫 Allow [filtering the axis on zoom](https://mui.com/x/react-charts/zoom-and-pan/#zoom-filtering), making the axis adapt by removing values outside the view.
|
|
13
|
+
|
|
14
|
+
<img width="600" src="https://github.com/user-attachments/assets/e65bbd00-d2a8-4136-81cd-3598f1373c16" alt="filtering the axis on zoom" />
|
|
15
|
+
|
|
16
|
+
- 📊 Improve bar chart performances
|
|
17
|
+
- 🌍 Improve Czech (cs-CZ) and Hebrew (he-IL) locales on the Data Grid
|
|
18
|
+
- 🌍 Improve Chinese (zh-HK), Hebrew (he-IL), and Vietnamese (vi-VN) locales on the Date and Time Pickers
|
|
19
|
+
- 🐞 Bugfixes
|
|
20
|
+
|
|
21
|
+
<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
|
|
22
|
+
|
|
23
|
+
### Data Grid
|
|
24
|
+
|
|
25
|
+
#### `@mui/x-data-grid@7.14.0`
|
|
26
|
+
|
|
27
|
+
- [DataGrid] Use readonly array result for `getTreeDataPath` (#11743) @pcorpet
|
|
28
|
+
- [DataGrid] Use `event.key` for `Tab` and `Escape` keys (#14170) @k-rajat19
|
|
29
|
+
- [DataGrid] Introduce selectors with arguments (#14236) @MBilalShafi
|
|
30
|
+
- [DataGrid] include `api` in `gridCellParams` interface (#14201) @k-rajat19
|
|
31
|
+
- [l10n] Improve Czech (cs-CZ) locale (#14135) @chirimiri22
|
|
32
|
+
- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
|
|
33
|
+
|
|
34
|
+
#### `@mui/x-data-grid-pro@7.14.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
35
|
+
|
|
36
|
+
Same changes as in `@mui/x-data-grid@7.14.0`.
|
|
37
|
+
|
|
38
|
+
#### `@mui/x-data-grid-premium@7.14.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
39
|
+
|
|
40
|
+
Same changes as in `@mui/x-data-grid-pro@7.14.0`, plus:
|
|
41
|
+
|
|
42
|
+
- [DataGridPremium] Fix clipboard paste not working for a single cell on non-first page (#14261) @arminmeh
|
|
43
|
+
- [DataGridPremium] Fix `onCellSelectionModelChange` not triggered when additional cell range is selected (#14199) @arminmeh
|
|
44
|
+
|
|
45
|
+
### Date and Time Pickers
|
|
46
|
+
|
|
47
|
+
#### `@mui/x-date-pickers@7.14.0`
|
|
48
|
+
|
|
49
|
+
- [l10n] Improve Chinese (zh-HK) locale (#13289) @yeeharn
|
|
50
|
+
- [l10n] Improve Hebrew (he-IL) locale (#14287) @rotembarsela
|
|
51
|
+
- [l10n] Improve Vietnamese (vi-VN) locale (#14238) @locnbk2002
|
|
52
|
+
- [TimePicker] Handle `Space` and `Enter` on the `TimeClock` component @arthurbalduini
|
|
53
|
+
|
|
54
|
+
#### `@mui/x-date-pickers-pro@7.14.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
55
|
+
|
|
56
|
+
Same changes as in `@mui/x-date-pickers@7.14.0`.
|
|
57
|
+
|
|
58
|
+
### Charts
|
|
59
|
+
|
|
60
|
+
#### `@mui/x-charts@7.14.0`
|
|
61
|
+
|
|
62
|
+
- [charts] Fix grid overflow with zooming (#14280) @alexfauquette
|
|
63
|
+
- [charts] Improve bar chart performances (#14278) @alexfauquette
|
|
64
|
+
- [charts] Test pointer events (#14042) @alexfauquette
|
|
65
|
+
- [charts] Use `isPointInside` function for both graphs and axis (#14222) @JCQuintas
|
|
66
|
+
|
|
67
|
+
#### `@mui/x-charts-pro@7.0.0-alpha.2` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
68
|
+
|
|
69
|
+
Same changes as in `@mui/x-charts@7.14.0`, plus:
|
|
70
|
+
|
|
71
|
+
- [charts-pro] Zoom axis filtering (#14121) @JCQuintas
|
|
72
|
+
|
|
73
|
+
### Docs
|
|
74
|
+
|
|
75
|
+
- [docs] Consistent use of UTC and timezones (#14250) @oliviertassinari
|
|
76
|
+
- [docs] Fix missing leading slashes in URLs (#14249) @oliviertassinari
|
|
77
|
+
- [docs] Dash usage revision on pickers pages (#14260) @arthurbalduini
|
|
78
|
+
|
|
79
|
+
### Core
|
|
80
|
+
|
|
81
|
+
- [core] Follow JSDocs convention @oliviertassinari
|
|
82
|
+
- [core] Prepare for material v6 (#14143) @LukasTy
|
|
83
|
+
- [code-infra] Set up `eslint-plugin-testing-library` (#14232) @LukasTy
|
|
84
|
+
- [infra] Updated mui-x roadmap links with new project URL (#14271) @michelengelen
|
|
85
|
+
|
|
6
86
|
## 7.13.0
|
|
7
87
|
|
|
8
88
|
_Aug 16, 2024_
|
|
@@ -58,7 +138,7 @@ Same changes as in `@mui/x-date-pickers@7.13.0`.
|
|
|
58
138
|
- [charts] Rename `CartesianContextProvider` to `CartesianProvider` (#14102) @JCQuintas
|
|
59
139
|
- [charts] Support axis with the same value for all data points (#14191) @alexfauquette
|
|
60
140
|
|
|
61
|
-
#### `@mui/x-
|
|
141
|
+
#### `@mui/x-charts-pro@7.0.0-alpha.1` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
62
142
|
|
|
63
143
|
Same changes as in `@mui/x-charts@7.13.0`.
|
|
64
144
|
|
|
@@ -132,7 +212,7 @@ Same changes as in `@mui/x-date-pickers@7.12.1`.
|
|
|
132
212
|
- [charts] Fix charts vendor publish config (#14073) @JCQuintas
|
|
133
213
|
- [charts] Move `plugins` to `PluginProvider` (#14056) @JCQuintas
|
|
134
214
|
|
|
135
|
-
#### `@mui/x-
|
|
215
|
+
#### `@mui/x-charts-pro@7.0.0-alpha.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
136
216
|
|
|
137
217
|
Same changes as in `@mui/x-charts@7.12.1`, plus:
|
|
138
218
|
|
|
@@ -35,9 +35,9 @@ const TreeItem2DragAndDropOverlayRoot = styled('div', {
|
|
|
35
35
|
style: _extends({
|
|
36
36
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
|
|
37
37
|
borderTop: `1px solid ${alpha((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
38
|
-
}, theme.
|
|
39
|
-
|
|
40
|
-
})
|
|
38
|
+
}, theme.applyStyles('dark', {
|
|
39
|
+
borderTopColor: alpha((theme.vars || theme).palette.grey[100], 0.6)
|
|
40
|
+
}))
|
|
41
41
|
}, {
|
|
42
42
|
props: {
|
|
43
43
|
action: 'reorder-below'
|
|
@@ -45,9 +45,9 @@ const TreeItem2DragAndDropOverlayRoot = styled('div', {
|
|
|
45
45
|
style: _extends({
|
|
46
46
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
|
|
47
47
|
borderBottom: `1px solid ${alpha((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
48
|
-
}, theme.
|
|
49
|
-
|
|
50
|
-
})
|
|
48
|
+
}, theme.applyStyles('dark', {
|
|
49
|
+
borderBottomColor: alpha((theme.vars || theme).palette.grey[100], 0.6)
|
|
50
|
+
}))
|
|
51
51
|
}, {
|
|
52
52
|
props: {
|
|
53
53
|
action: 'move-to-parent'
|
|
@@ -55,9 +55,9 @@ const TreeItem2DragAndDropOverlayRoot = styled('div', {
|
|
|
55
55
|
style: _extends({
|
|
56
56
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))',
|
|
57
57
|
borderBottom: `1px solid ${alpha((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
58
|
-
}, theme.
|
|
59
|
-
|
|
60
|
-
})
|
|
58
|
+
}, theme.applyStyles('dark', {
|
|
59
|
+
borderBottomColor: alpha((theme.vars || theme).palette.grey[900], 0.6)
|
|
60
|
+
}))
|
|
61
61
|
}]
|
|
62
62
|
}));
|
|
63
63
|
function TreeItem2DragAndDropOverlay(props) {
|
package/index.js
CHANGED
|
@@ -35,9 +35,9 @@ const TreeItem2DragAndDropOverlayRoot = styled('div', {
|
|
|
35
35
|
style: _extends({
|
|
36
36
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
|
|
37
37
|
borderTop: `1px solid ${alpha((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
38
|
-
}, theme.
|
|
39
|
-
|
|
40
|
-
})
|
|
38
|
+
}, theme.applyStyles('dark', {
|
|
39
|
+
borderTopColor: alpha((theme.vars || theme).palette.grey[100], 0.6)
|
|
40
|
+
}))
|
|
41
41
|
}, {
|
|
42
42
|
props: {
|
|
43
43
|
action: 'reorder-below'
|
|
@@ -45,9 +45,9 @@ const TreeItem2DragAndDropOverlayRoot = styled('div', {
|
|
|
45
45
|
style: _extends({
|
|
46
46
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
|
|
47
47
|
borderBottom: `1px solid ${alpha((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
48
|
-
}, theme.
|
|
49
|
-
|
|
50
|
-
})
|
|
48
|
+
}, theme.applyStyles('dark', {
|
|
49
|
+
borderBottomColor: alpha((theme.vars || theme).palette.grey[100], 0.6)
|
|
50
|
+
}))
|
|
51
51
|
}, {
|
|
52
52
|
props: {
|
|
53
53
|
action: 'move-to-parent'
|
|
@@ -55,9 +55,9 @@ const TreeItem2DragAndDropOverlayRoot = styled('div', {
|
|
|
55
55
|
style: _extends({
|
|
56
56
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))',
|
|
57
57
|
borderBottom: `1px solid ${alpha((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
58
|
-
}, theme.
|
|
59
|
-
|
|
60
|
-
})
|
|
58
|
+
}, theme.applyStyles('dark', {
|
|
59
|
+
borderBottomColor: alpha((theme.vars || theme).palette.grey[900], 0.6)
|
|
60
|
+
}))
|
|
61
61
|
}]
|
|
62
62
|
}));
|
|
63
63
|
function TreeItem2DragAndDropOverlay(props) {
|
package/modern/index.js
CHANGED
|
@@ -44,9 +44,9 @@ const TreeItem2DragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
|
|
|
44
44
|
style: (0, _extends2.default)({
|
|
45
45
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
|
|
46
46
|
borderTop: `1px solid ${(0, _styles.alpha)((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
47
|
-
}, theme.
|
|
48
|
-
|
|
49
|
-
})
|
|
47
|
+
}, theme.applyStyles('dark', {
|
|
48
|
+
borderTopColor: (0, _styles.alpha)((theme.vars || theme).palette.grey[100], 0.6)
|
|
49
|
+
}))
|
|
50
50
|
}, {
|
|
51
51
|
props: {
|
|
52
52
|
action: 'reorder-below'
|
|
@@ -54,9 +54,9 @@ const TreeItem2DragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
|
|
|
54
54
|
style: (0, _extends2.default)({
|
|
55
55
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * var(--TreeView-itemDepth))',
|
|
56
56
|
borderBottom: `1px solid ${(0, _styles.alpha)((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
57
|
-
}, theme.
|
|
58
|
-
|
|
59
|
-
})
|
|
57
|
+
}, theme.applyStyles('dark', {
|
|
58
|
+
borderBottomColor: (0, _styles.alpha)((theme.vars || theme).palette.grey[100], 0.6)
|
|
59
|
+
}))
|
|
60
60
|
}, {
|
|
61
61
|
props: {
|
|
62
62
|
action: 'move-to-parent'
|
|
@@ -64,9 +64,9 @@ const TreeItem2DragAndDropOverlayRoot = (0, _zeroStyled.styled)('div', {
|
|
|
64
64
|
style: (0, _extends2.default)({
|
|
65
65
|
marginLeft: 'calc(var(--TreeView-indentMultiplier) * calc(var(--TreeView-itemDepth) - 1))',
|
|
66
66
|
borderBottom: `1px solid ${(0, _styles.alpha)((theme.vars || theme).palette.grey[900], 0.6)}`
|
|
67
|
-
}, theme.
|
|
68
|
-
|
|
69
|
-
})
|
|
67
|
+
}, theme.applyStyles('dark', {
|
|
68
|
+
borderBottomColor: (0, _styles.alpha)((theme.vars || theme).palette.grey[900], 0.6)
|
|
69
|
+
}))
|
|
70
70
|
}]
|
|
71
71
|
}));
|
|
72
72
|
function TreeItem2DragAndDropOverlay(props) {
|
package/node/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-tree-view",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.14.0",
|
|
4
4
|
"description": "The community edition of the Tree View components (MUI X).",
|
|
5
5
|
"author": "MUI Team",
|
|
6
6
|
"main": "./node/index.js",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@babel/runtime": "^7.25.0",
|
|
37
|
-
"@mui/system": "^5.16.
|
|
38
|
-
"@mui/utils": "^5.16.
|
|
39
|
-
"@types/react-transition-group": "^4.4.
|
|
37
|
+
"@mui/system": "^5.16.7",
|
|
38
|
+
"@mui/utils": "^5.16.6",
|
|
39
|
+
"@types/react-transition-group": "^4.4.11",
|
|
40
40
|
"clsx": "^2.1.1",
|
|
41
41
|
"prop-types": "^15.8.1",
|
|
42
42
|
"react-transition-group": "^4.4.5",
|
|
43
|
-
"@mui/x-internals": "7.
|
|
43
|
+
"@mui/x-internals": "7.14.0"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
46
46
|
"@emotion/react": "^11.9.0",
|