@mui/x-internals 8.17.0 → 8.18.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
CHANGED
|
@@ -5,6 +5,106 @@
|
|
|
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.18.0
|
|
9
|
+
|
|
10
|
+
<!-- generated comparing v8.17.0..master -->
|
|
11
|
+
|
|
12
|
+
_Nov 13, 2025_
|
|
13
|
+
|
|
14
|
+
We'd like to extend a big thank you to the 14 contributors who made this release possible. Here are some highlights ✨:
|
|
15
|
+
|
|
16
|
+
- Add `barLabelPlacement` property to customize the bar label position in bar charts, enabling labels to be placed above bars.
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
- Add `source` property to the date/time picker lifecycle and event handler context, enabling clearer differentiation between changes initiated by the picker UI and those from direct field input.
|
|
21
|
+
- 🐞 Bugfixes
|
|
22
|
+
- 📚 Documentation improvements
|
|
23
|
+
|
|
24
|
+
Special thanks go out to these community members for their valuable contributions:
|
|
25
|
+
@htollefsen, @sai6855, @Sigdriv
|
|
26
|
+
|
|
27
|
+
The following team members contributed to this release:
|
|
28
|
+
@arminmeh, @bernardobelchior, @brijeshb42, @cherniavskii, @flaviendelangle, @JCQuintas, @michelengelen, @noraleonte, @prakhargupta1, @rita-codes, @siriwatknp
|
|
29
|
+
|
|
30
|
+
### Data Grid
|
|
31
|
+
|
|
32
|
+
#### `@mui/x-data-grid@8.18.0`
|
|
33
|
+
|
|
34
|
+
- [DataGrid] Allow default event in the column action cell item click event handler (#20272) @arminmeh
|
|
35
|
+
- [DataGrid] Remove unnecessary generic from `useGridApiRef` (#20277) @cherniavskii
|
|
36
|
+
|
|
37
|
+
#### `@mui/x-data-grid-pro@8.18.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
38
|
+
|
|
39
|
+
Same changes as in `@mui/x-data-grid@8.18.0`.
|
|
40
|
+
|
|
41
|
+
#### `@mui/x-data-grid-premium@8.18.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
42
|
+
|
|
43
|
+
Same changes as in `@mui/x-data-grid-pro@8.18.0`, plus:
|
|
44
|
+
|
|
45
|
+
- [DataGridPremium] Return the correct `cellParams` value from the aggregation cells (#20224) @arminmeh
|
|
46
|
+
|
|
47
|
+
### Date and Time Pickers
|
|
48
|
+
|
|
49
|
+
#### `@mui/x-date-pickers@8.18.0`
|
|
50
|
+
|
|
51
|
+
- [pickers] Keep invalid date state consistent (#20040) @michelengelen
|
|
52
|
+
- [pickers] Adds new `source` property to `onChange` and `onAccept` context object (#20234) @michelengelen
|
|
53
|
+
|
|
54
|
+
#### `@mui/x-date-pickers-pro@8.18.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
55
|
+
|
|
56
|
+
Same changes as in `@mui/x-date-pickers@8.18.0`.
|
|
57
|
+
|
|
58
|
+
### Charts
|
|
59
|
+
|
|
60
|
+
#### `@mui/x-charts@8.18.0`
|
|
61
|
+
|
|
62
|
+
- [charts] Add prop for positioning a bar label (#20194) @Sigdriv
|
|
63
|
+
- [charts] Fix applying dark mode styles in `ChartAxisZoomSliderThumb` (#20232) @sai6855
|
|
64
|
+
|
|
65
|
+
#### `@mui/x-charts-pro@8.18.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
66
|
+
|
|
67
|
+
Same changes as in `@mui/x-charts@8.18.0`, plus:
|
|
68
|
+
|
|
69
|
+
- [charts-pro] Allow specifying Content Security Policy nonce on export (#20053) @bernardobelchior
|
|
70
|
+
- [charts-pro] Fix applying dark mode styles to slider (#20220) @sai6855
|
|
71
|
+
- [charts-pro] Sankey should respect node order (#20065) @JCQuintas
|
|
72
|
+
|
|
73
|
+
#### `@mui/x-charts-premium@8.18.0` [](https://mui.com/r/x-premium-svg-link 'Premium plan')
|
|
74
|
+
|
|
75
|
+
Same changes as in `@mui/x-charts-pro@8.18.0`.
|
|
76
|
+
|
|
77
|
+
### Tree View
|
|
78
|
+
|
|
79
|
+
#### `@mui/x-tree-view@8.18.0`
|
|
80
|
+
|
|
81
|
+
- [tree view] Prepare tests for the new store structure (#20225) @flaviendelangle
|
|
82
|
+
- [tree view] Prepare the item plugin files for the store migration (#20240) @flaviendelangle
|
|
83
|
+
- [tree view] Use `TreeItemId` type instead of raw string (#20233) @flaviendelangle
|
|
84
|
+
|
|
85
|
+
#### `@mui/x-tree-view-pro@8.18.0` [](https://mui.com/r/x-pro-svg-link 'Pro plan')
|
|
86
|
+
|
|
87
|
+
Same changes as in `@mui/x-tree-view@8.18.0`.
|
|
88
|
+
|
|
89
|
+
### Codemod
|
|
90
|
+
|
|
91
|
+
#### `@mui/x-codemod@8.18.0`
|
|
92
|
+
|
|
93
|
+
Internal changes.
|
|
94
|
+
|
|
95
|
+
### Docs
|
|
96
|
+
|
|
97
|
+
- [charts] Add a demo for a custom tick label (#20073) @prakhargupta1
|
|
98
|
+
- [charts] Create `useAxes()` hook documentation page (#20229) @JCQuintas
|
|
99
|
+
- [charts] Fix logo alignment (#20228) @JCQuintas
|
|
100
|
+
- [charts] Fixes typo in import example (#20236) @htollefsen
|
|
101
|
+
- [Data Grid] Add recipe for cursor pagination with data source (#19700) @siriwatknp
|
|
102
|
+
- [Data Grid] Add a demo for pinned rows aggregation (#20198) @cherniavskii
|
|
103
|
+
|
|
104
|
+
### Core
|
|
105
|
+
|
|
106
|
+
- [docs-infra] Use deployment config from docs-infra package (#20243) @brijeshb42
|
|
107
|
+
|
|
8
108
|
## 8.17.0
|
|
9
109
|
|
|
10
110
|
_Nov 5, 2025_
|
|
@@ -3,5 +3,6 @@
|
|
|
3
3
|
* @returns an array of promises that resolve when each stylesheet is loaded
|
|
4
4
|
* @param document Document to load stylesheets into
|
|
5
5
|
* @param root Document or ShadowRoot to load stylesheets from
|
|
6
|
+
* @param nonce Optional nonce to set on style elements for CSP compliance
|
|
6
7
|
*/
|
|
7
|
-
export declare function loadStyleSheets(document: Document, root: Document | ShadowRoot): Promise<void>[];
|
|
8
|
+
export declare function loadStyleSheets(document: Document, root: Document | ShadowRoot, nonce?: string): Promise<void>[];
|
|
@@ -3,14 +3,15 @@
|
|
|
3
3
|
* @returns an array of promises that resolve when each stylesheet is loaded
|
|
4
4
|
* @param document Document to load stylesheets into
|
|
5
5
|
* @param root Document or ShadowRoot to load stylesheets from
|
|
6
|
+
* @param nonce Optional nonce to set on style elements for CSP compliance
|
|
6
7
|
*/
|
|
7
|
-
export function loadStyleSheets(document, root) {
|
|
8
|
+
export function loadStyleSheets(document, root, nonce) {
|
|
8
9
|
const stylesheetLoadPromises = [];
|
|
9
10
|
const headStyleElements = root.querySelectorAll("style, link[rel='stylesheet']");
|
|
10
11
|
for (let i = 0; i < headStyleElements.length; i += 1) {
|
|
11
12
|
const node = headStyleElements[i];
|
|
13
|
+
const newHeadStyleElements = document.createElement(node.tagName);
|
|
12
14
|
if (node.tagName === 'STYLE') {
|
|
13
|
-
const newHeadStyleElements = document.createElement(node.tagName);
|
|
14
15
|
const sheet = node.sheet;
|
|
15
16
|
if (sheet) {
|
|
16
17
|
let styleCSS = '';
|
|
@@ -20,12 +21,8 @@ export function loadStyleSheets(document, root) {
|
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
23
|
newHeadStyleElements.appendChild(document.createTextNode(styleCSS));
|
|
23
|
-
document.head.appendChild(newHeadStyleElements);
|
|
24
24
|
}
|
|
25
25
|
} else if (node.getAttribute('href')) {
|
|
26
|
-
// If `href` tag is empty, avoid loading these links
|
|
27
|
-
|
|
28
|
-
const newHeadStyleElements = document.createElement(node.tagName);
|
|
29
26
|
for (let j = 0; j < node.attributes.length; j += 1) {
|
|
30
27
|
const attr = node.attributes[j];
|
|
31
28
|
if (attr) {
|
|
@@ -35,8 +32,11 @@ export function loadStyleSheets(document, root) {
|
|
|
35
32
|
stylesheetLoadPromises.push(new Promise(resolve => {
|
|
36
33
|
newHeadStyleElements.addEventListener('load', () => resolve());
|
|
37
34
|
}));
|
|
38
|
-
document.head.appendChild(newHeadStyleElements);
|
|
39
35
|
}
|
|
36
|
+
if (nonce) {
|
|
37
|
+
newHeadStyleElements.nonce = nonce;
|
|
38
|
+
}
|
|
39
|
+
document.head.appendChild(newHeadStyleElements);
|
|
40
40
|
}
|
|
41
41
|
return stylesheetLoadPromises;
|
|
42
42
|
}
|
|
@@ -3,5 +3,6 @@
|
|
|
3
3
|
* @returns an array of promises that resolve when each stylesheet is loaded
|
|
4
4
|
* @param document Document to load stylesheets into
|
|
5
5
|
* @param root Document or ShadowRoot to load stylesheets from
|
|
6
|
+
* @param nonce Optional nonce to set on style elements for CSP compliance
|
|
6
7
|
*/
|
|
7
|
-
export declare function loadStyleSheets(document: Document, root: Document | ShadowRoot): Promise<void>[];
|
|
8
|
+
export declare function loadStyleSheets(document: Document, root: Document | ShadowRoot, nonce?: string): Promise<void>[];
|
|
@@ -9,14 +9,15 @@ exports.loadStyleSheets = loadStyleSheets;
|
|
|
9
9
|
* @returns an array of promises that resolve when each stylesheet is loaded
|
|
10
10
|
* @param document Document to load stylesheets into
|
|
11
11
|
* @param root Document or ShadowRoot to load stylesheets from
|
|
12
|
+
* @param nonce Optional nonce to set on style elements for CSP compliance
|
|
12
13
|
*/
|
|
13
|
-
function loadStyleSheets(document, root) {
|
|
14
|
+
function loadStyleSheets(document, root, nonce) {
|
|
14
15
|
const stylesheetLoadPromises = [];
|
|
15
16
|
const headStyleElements = root.querySelectorAll("style, link[rel='stylesheet']");
|
|
16
17
|
for (let i = 0; i < headStyleElements.length; i += 1) {
|
|
17
18
|
const node = headStyleElements[i];
|
|
19
|
+
const newHeadStyleElements = document.createElement(node.tagName);
|
|
18
20
|
if (node.tagName === 'STYLE') {
|
|
19
|
-
const newHeadStyleElements = document.createElement(node.tagName);
|
|
20
21
|
const sheet = node.sheet;
|
|
21
22
|
if (sheet) {
|
|
22
23
|
let styleCSS = '';
|
|
@@ -26,12 +27,8 @@ function loadStyleSheets(document, root) {
|
|
|
26
27
|
}
|
|
27
28
|
}
|
|
28
29
|
newHeadStyleElements.appendChild(document.createTextNode(styleCSS));
|
|
29
|
-
document.head.appendChild(newHeadStyleElements);
|
|
30
30
|
}
|
|
31
31
|
} else if (node.getAttribute('href')) {
|
|
32
|
-
// If `href` tag is empty, avoid loading these links
|
|
33
|
-
|
|
34
|
-
const newHeadStyleElements = document.createElement(node.tagName);
|
|
35
32
|
for (let j = 0; j < node.attributes.length; j += 1) {
|
|
36
33
|
const attr = node.attributes[j];
|
|
37
34
|
if (attr) {
|
|
@@ -41,8 +38,11 @@ function loadStyleSheets(document, root) {
|
|
|
41
38
|
stylesheetLoadPromises.push(new Promise(resolve => {
|
|
42
39
|
newHeadStyleElements.addEventListener('load', () => resolve());
|
|
43
40
|
}));
|
|
44
|
-
document.head.appendChild(newHeadStyleElements);
|
|
45
41
|
}
|
|
42
|
+
if (nonce) {
|
|
43
|
+
newHeadStyleElements.nonce = nonce;
|
|
44
|
+
}
|
|
45
|
+
document.head.appendChild(newHeadStyleElements);
|
|
46
46
|
}
|
|
47
47
|
return stylesheetLoadPromises;
|
|
48
48
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mui/x-internals",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.18.0",
|
|
4
4
|
"author": "MUI Team",
|
|
5
5
|
"description": "Utility functions for the MUI X packages (internal use only).",
|
|
6
6
|
"license": "MIT",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@babel/runtime": "^7.28.4",
|
|
34
|
-
"@mui/utils": "^7.3.
|
|
34
|
+
"@mui/utils": "^7.3.5",
|
|
35
35
|
"reselect": "^5.1.1",
|
|
36
36
|
"use-sync-external-store": "^1.6.0"
|
|
37
37
|
},
|