@mui/x-tree-view-pro 7.18.0 → 7.20.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.
Files changed (15) hide show
  1. package/CHANGELOG.md +213 -11
  2. package/RichTreeViewPro/RichTreeViewPro.js +6 -70
  3. package/RichTreeViewPro/RichTreeViewPro.plugins.d.ts +1 -1
  4. package/index.js +1 -1
  5. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +18 -14
  6. package/internals/utils/releaseInfo.js +1 -1
  7. package/modern/RichTreeViewPro/RichTreeViewPro.js +6 -70
  8. package/modern/index.js +1 -1
  9. package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +18 -14
  10. package/modern/internals/utils/releaseInfo.js +1 -1
  11. package/node/RichTreeViewPro/RichTreeViewPro.js +5 -69
  12. package/node/index.js +1 -1
  13. package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +18 -14
  14. package/node/internals/utils/releaseInfo.js +1 -1
  15. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,206 @@
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.20.0
7
+
8
+ _Oct 11, 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
+ - 📚 Updated ["What's new"](https://mui.com/x/whats-new/) page giving more detailed overview of the latest new features and other highlights
13
+ - 📚 New [collapsible column groups demo](https://mui.com/x/react-data-grid/column-groups/#collapsible-column-groups) for the Data Grid component
14
+ - 📚 New [Tree Item Customization](https://mui.com/x/react-tree-view/tree-item-customization/) documentation to learn how to use the new APIs to create custom Tree Items. The old APIs (`props.ContentComponent` and `props.ContentProps`) have been deprecated and will be removed in the new major version of the Tree View component.
15
+ - 🌍 Improve Japanese (ja-JP) locale on the Data Grid component
16
+ - 🐞 Bugfixes
17
+ - 📚 Other documentation improvements
18
+
19
+ Special thanks go out to the community contributors who have helped make this release possible:
20
+ @k-rajat19, @kalyan90, @uma-neko, @vfbiby.
21
+ Following are all team members who have contributed to this release: @alelthomas, @arminmeh, @arthurbalduini,
22
+ @cherniavskii, @flaviendelangle, @JCQuintas, @MBilalShafi, @noraleonte, @oliviertassinari, @samuelsycamore, @siriwatknp.
23
+
24
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
25
+
26
+ ### Data Grid
27
+
28
+ #### `@mui/x-data-grid@7.20.0`
29
+
30
+ - [DataGrid] Add `onColumnHeaderContextMenu` event (#14734) @vfbiby
31
+ - [DataGrid] Avoid row spanning computation of outdated rows (#14902) @MBilalShafi
32
+ - [DataGrid] Fix scrollbar position not being updated after `scrollToIndexes` (#14888) @arminmeh
33
+ - [DataGrid] Pass `rowId` param to `processRowUpdate` (#14821) @k-rajat19
34
+ - [l10n] Improve Japanese (ja-JP) locale (#14870) @uma-neko
35
+
36
+ #### `@mui/x-data-grid-pro@7.20.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
37
+
38
+ Same changes as in `@mui/x-data-grid@7.20.0`, plus:
39
+
40
+ - [DataGridPro] Fix wording on the `rowSelectionPropagation` JSDoc and doc section (#14907) @flaviendelangle
41
+
42
+ #### `@mui/x-data-grid-premium@7.20.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
43
+
44
+ Same changes as in `@mui/x-data-grid-pro@7.20.0`.
45
+
46
+ ### Date and Time Pickers
47
+
48
+ #### `@mui/x-date-pickers@7.20.0`
49
+
50
+ - [pickers] Add `PageUp` and `PageDown` support for time components (#14812) @arthurbalduini
51
+ - [pickers] Fix regression on `PickerValidDate` (#14896) @flaviendelangle
52
+ - [pickers] Move the `DateFieldInPickerProps` interface to the `DatePicker` folder and rename it `DatePickerFieldProps` (same for time and date time) (#14828) @flaviendelangle
53
+
54
+ #### `@mui/x-date-pickers-pro@7.20.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
55
+
56
+ Same changes as in `@mui/x-date-pickers@7.20.0`.
57
+
58
+ ### Charts
59
+
60
+ #### `@mui/x-charts@7.20.0`
61
+
62
+ No changes since `@mui/x-charts@v7.19.0`.
63
+
64
+ #### `@mui/x-charts-pro@7.0.0-beta.4` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
65
+
66
+ Same changes as in `@mui/x-charts@7.20.0`.
67
+
68
+ ### Tree View
69
+
70
+ #### `@mui/x-tree-view@7.20.0`
71
+
72
+ - [TreeItem] Deprecate the `ContentComponent` and `ContentProps` props (#14908) @flaviendelangle
73
+ - [TreeView] Rework how items are being rendered in Rich Tree View components (#14749) @flaviendelangle
74
+
75
+ ### Docs
76
+
77
+ - [docs] Update "What's new" page (#14858) @cherniavskii
78
+ - [docs] Add collapsible column groups demo (#14818) @cherniavskii
79
+ - [docs] Add custom columns panel demo (#14825) @cherniavskii
80
+ - [docs] Capitalize all instances of "Data Grid" (#14884) @samuelsycamore
81
+ - [docs] Divide charts `tooltip` and `highlighting` pages (#14824) @JCQuintas
82
+ - [docs] Document the `TreeItem2` component and the `useTreeItem2` hook (#14551) @noraleonte
83
+ - [docs] Fix column pinning for "Disable detail panel content scroll" section (#14854 and #14885) @kalyan90
84
+ - [docs] Fix detail panel demo not working well with pinned columns (#14883) @cherniavskii
85
+ - [docs] New recipe of a read-only field (#14606) @flaviendelangle
86
+ - [docs] Change demo name example (#14822) @alelthomas
87
+
88
+ ### Core
89
+
90
+ - [core] Support `@mui/utils` v6 (#14867) @siriwatknp
91
+ - [code-infra] Remove deprecated `data-mui-test` in favour of `data-testid` (#14882) @JCQuintas
92
+ - [code-infra] Update renovate config and add a `vitest` group (#14856) @JCQuintas
93
+ - [test] Replace `waitFor()` with `act()` (#14851) @oliviertassinari
94
+ - [test] Restore "pnpm tc" CLI (#14852) @oliviertassinari
95
+
96
+ ## 7.19.0
97
+
98
+ _Oct 4, 2024_
99
+
100
+ We'd like to offer a big thanks to the 26 contributors who made this release possible. Here are some highlights ✨:
101
+
102
+ - 🔁 Automatic parents and children selection for Data Grid ["tree data"](https://mui.com/x/react-data-grid/tree-data/) and ["row grouping"](https://mui.com/x/react-data-grid/row-grouping/) features
103
+ - 💫 Support `minHeight` and `maxHeight` on flex parent container for the Data Grid component
104
+ - 🎁 Export `publicAPI` from the `useTreeItem2Utils` hook for the Tree View
105
+ - 🌍 Improve Bulgarian (bg-BG), Croatian (hr-HR), French (fr-FR), German (de-DE), Japanese (ja-JP) and Vietnamese (vi-VN) locales and add Portuguese (pt-PT) locale on the Data Grid component
106
+ - 🌏 Improve Czech (cs-CZ) and Portuguese (pt-BR) locales and add Bulgarian (bg-BG), Croatian (hr-HR) and Portuguese (pt-PT) locales on the Pickers components
107
+ - 🐞 Bugfixes
108
+ - 📚 Documentation improvements
109
+
110
+ Special thanks goes out to our community contributors who have helped make this release possible:
111
+ @AWAIS97, @chucamphong, @GMchris, @JakubSveda, @k-rajat19, @k725, @lhilgert9, @ruiaraujo012, @Sanderand, @thomasmoon, @vallereaugabriel.
112
+ Following are all team members who have contributed to this release:
113
+ @alexfauquette, @arminmeh, @arthurbalduini, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @KenanYusuf, @MBilalShafi, @michelengelen, @noraleonte, @oliviertassinari, @romgrk, @sai6855, @samuelsycamore.
114
+
115
+ <!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
116
+
117
+ ### Data Grid
118
+
119
+ #### `@mui/x-data-grid@7.19.0`
120
+
121
+ - [DataGrid] Fix column definition `undefined` value (#14456) @sai6855
122
+ - [DataGrid] Fix `checkboxSelectionVisibleOnly` reset the selection on filtering (#14677) @MBilalShafi
123
+ - [DataGrid] Fix background colors when `CSSVarsProvider` is used (#12901) @cherniavskii
124
+ - [DataGrid] Fix error when initializing aggregation with row spanning (#14710) @MBilalShafi
125
+ - [DataGrid] Fix scroll to cell logic for keyboard navigating cells and drag selection with pinned columns (#14550) @KenanYusuf
126
+ - [DataGrid] Support `minHeight` and `maxHeight` on flex parent container (#14614) @cherniavskii
127
+ - [l10n] Add missing Portuguese (pt-PT) translations (#14707) @ruiaraujo012
128
+ - [l10n] Improve Bulgarian (bg-BG) locale (#14451) @GMchris
129
+ - [l10n] Improve Croatian (hr-HR) locale (#14794) @arminmeh
130
+ - [l10n] Improve French (fr-FR) locale (#14750) @vallereaugabriel
131
+ - [l10n] Improve German (de-DE) locale (#14755) @lhilgert9
132
+ - [l10n] Improve Japanese (ja-JP) locale (#14381) @k725
133
+ - [l10n] Improve Vietnamese (vi-VN) locale (#14769) @chucamphong
134
+
135
+ #### `@mui/x-data-grid-pro@7.19.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
136
+
137
+ Same changes as in `@mui/x-data-grid@7.19.0`, plus:
138
+
139
+ - [DataGridPro] Fix dragging styles removal in column reorder (#14680) @k-rajat19
140
+ - [DataGridPro] Fix row pre-processing running with a stale data source (#14810) @MBilalShafi
141
+ - [DataGridPro] Fix `onRowsScrollEnd` not firing on very fast scrolling (#14171) @arminmeh
142
+
143
+ #### `@mui/x-data-grid-premium@7.19.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
144
+
145
+ Same changes as in `@mui/x-data-grid-pro@7.19.0`, plus:
146
+
147
+ - [DataGridPremium] Automatic parents and children selection (#13757) @MBilalShafi
148
+
149
+ ### Date and Time Pickers
150
+
151
+ #### `@mui/x-date-pickers@7.19.0`
152
+
153
+ - [pickers] Fix left-right keyboard nav with `yearsOrder="desc"` and `direction="rtl"` (#14682) @thomasmoon
154
+ - [pickers] Improve `PickerValidDate` type (#14771) @flaviendelangle
155
+ - [pickers] Improve typing of the range pickers (#14716) @flaviendelangle
156
+ - [l10n] Add Bulgarian (bg-BG) locale (#14469) @GMchris
157
+ - [l10n] Add Croatian (hr-HR) locale (#14795) @arminmeh
158
+ - [l10n] Add Portuguese (pt-PT) locale (#14722) @ruiaraujo012
159
+ - [l10n] Improve Czech (cs-CZ) locale (#14732) @JakubSveda
160
+ - [l10n] Improve Portuguese (pt-BR) locale (#14725) @arthurbalduini
161
+
162
+ #### `@mui/x-date-pickers-pro@7.19.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
163
+
164
+ Same changes as in `@mui/x-date-pickers@7.19.0`.
165
+
166
+ ### Charts
167
+
168
+ #### `@mui/x-charts@7.19.0`
169
+
170
+ - [charts] Fix `LineChart` area animation being stuck when resizing container (#14711) @alexfauquette
171
+ - [charts] Improve types and start using `warnOnce` (#14792) @JCQuintas
172
+
173
+ #### `@mui/x-charts-pro@7.0.0-beta.3` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
174
+
175
+ Same changes as in `@mui/x-charts@7.19.0`.
176
+
177
+ ### Tree View
178
+
179
+ #### `@mui/x-tree-view@7.19.0`
180
+
181
+ - [TreeView] Apply experimental features in `getDefaultizedParams` instead of in the plugin render (#14661) @flaviendelangle
182
+ - [TreeView] Export `publicAPI` form `useTreeItem2Utils` (#14729) @noraleonte
183
+ - [TreeView] Fix cursor navigation interfering with browser shortcut keys (#14798) @sai6855
184
+ - [TreeView] Fix invalid test for items reordering (#14665) @flaviendelangle
185
+ - [TreeView] Remove `instance.getTreeItemIdAttribute` (#14667) @flaviendelangle
186
+
187
+ ### Docs
188
+
189
+ - [docs] Added warning callout for Firefox reordering bug (#14516) @michelengelen
190
+ - [docs] Copyedit `pages.ts` navigation (#14782) @samuelsycamore
191
+ - [docs] Fix typo in row spanning doc (#14770) @flaviendelangle
192
+ - [docs] Fix typo in the Tree View migration guide to v7 (#14727) @Sanderand
193
+ - [docs] Fix typo in usage of Moment guide for UTC and timezones (#14780) @AWAIS97
194
+ - [docs] Fix what's new link to use absolute URL (#14543) @oliviertassinari
195
+
196
+ ### Core
197
+
198
+ - [core] Fix class name composition order (#14775) @oliviertassinari
199
+ - [core] Replace minWidth, maxWidth with width (#14776) @oliviertassinari
200
+ - [code-infra] Remove custom playwright installation steps (#14728) @Janpot
201
+ - [code-infra] Replace or remove all instances of `e` identifier (#14724) @samuelsycamore
202
+ - [infra] Adds community contribution section to the changelog script (#14799) @michelengelen
203
+ - [infra] Fix line break in Stack Overflow message @oliviertassinari
204
+ - [test] Fix `Escape` event firing event (#14797) @oliviertassinari
205
+
6
206
  ## 7.18.0
7
207
 
8
208
  _Sep 20, 2024_
@@ -11,7 +211,7 @@ We'd like to offer a big thanks to the 14 contributors who made this release pos
11
211
 
12
212
  - 💫 Support [Row spanning](https://mui.com/x/react-data-grid/row-spanning/) on the Data Grid that automatically merges the consecutive cells in a column based on the cell value
13
213
 
14
- <img width="600" src="https://github.com/user-attachments/assets/d32ec936-d238-4c92-9e1a-af6788d74cdf" alt="data grid row spanning" />
214
+ <img width="600" src="https://github.com/user-attachments/assets/d32ec936-d238-4c92-9e1a-af6788d74cdf" alt="Data Grid row spanning" />
15
215
 
16
216
  - ⏰ Support `date-fns` v4 (#14673) @LukasTy
17
217
  - 🎉 Add option for Pickers to change the order of displayed years (#11780) @thomasmoon
@@ -450,7 +650,7 @@ We'd like to offer a big thanks to the 12 contributors who made this release pos
450
650
  #### `@mui/x-data-grid@7.13.0`
451
651
 
452
652
  - [DataGrid] Fix CSV export for `null` and `undefined` values (#14166) @k-rajat19
453
- - [DataGrid] Fix error logged during skeleton loading with nested data grid (#14186) @KenanYusuf
653
+ - [DataGrid] Fix error logged during skeleton loading with nested Data Grid (#14186) @KenanYusuf
454
654
  - [DataGrid] Remove needless check in `useGridStateInitialization` (#14181) @k-rajat19
455
655
  - [DataGrid] Add recipe for persisting filters in local storage (#14208) @cherniavskii
456
656
  - [l10n] Improve Vietnamese (vi-VN) locale (#14216) @hungnd-casso
@@ -568,6 +768,8 @@ Same changes as in `@mui/x-charts@7.12.1`, plus:
568
768
 
569
769
  #### `@mui/x-tree-view@7.12.1`
570
770
 
771
+ No changes since `@mui/x-tree-view@7.12.0`.
772
+
571
773
  ### Docs
572
774
 
573
775
  - [docs] Add a warning to promote the usage of `updateRows` (#14027) @MBilalShafi
@@ -1418,7 +1620,7 @@ Same changes as in `@mui/x-date-pickers@7.6.0`.
1418
1620
  - [docs] Fix a small typo in property comment (#13245) @Janpot
1419
1621
  - [docs] Improve the Data Grid FAQ page (#13258) @MBilalShafi
1420
1622
  - [docs] Removes unused lines in TreeItem2 styling (#13264) @arthurbalduini
1421
- - [docs] Small improvements on accessibility data grid doc (#13233) @arthurbalduini
1623
+ - [docs] Small improvements on accessibility Data Grid doc (#13233) @arthurbalduini
1422
1624
  - [docs] Update Pickers demo configurations (#13303) @LukasTy
1423
1625
 
1424
1626
  ### Core
@@ -1432,7 +1634,7 @@ Same changes as in `@mui/x-date-pickers@7.6.0`.
1432
1634
  - [test] Use test-utils from npm (#12880) @michaldudak
1433
1635
  - [typescript] Remove duplicate `DateRangePosition` type in favor of `RangePosition` (#13288) @LukasTy
1434
1636
 
1435
- ## v7.5.1
1637
+ ## 7.5.1
1436
1638
 
1437
1639
  _May 23, 2024_
1438
1640
 
@@ -1492,7 +1694,7 @@ Same changes as in `@mui/x-date-pickers@7.5.1`.
1492
1694
  - [code-infra] Run corepack enable on all CI jobs (#13205) @Janpot
1493
1695
  - [code-infra] Use `nx` for lerna tasks (#13166) @LukasTy
1494
1696
 
1495
- ## v7.5.0
1697
+ ## 7.5.0
1496
1698
 
1497
1699
  _May 17, 2024_
1498
1700
 
@@ -2017,7 +2219,7 @@ Same changes as in `@mui/x-date-pickers@7.1.1`, plus:
2017
2219
  - [docs] Fix typo in `getItemId` prop description (#12637) @flaviendelangle
2018
2220
  - [docs] Make the Charts `margin` usage more visible (#12591) @alexfauquette
2019
2221
  - [docs] Match IE 11 spacing with Material UI @oliviertassinari
2020
- - [docs] Move data grid interfaces to standard API page layout (#12016) @alexfauquette
2222
+ - [docs] Move Data Grid interfaces to standard API page layout (#12016) @alexfauquette
2021
2223
  - [docs] Remove ` around @default values (#12158) @alexfauquette
2022
2224
  - [docs] Remove `day` from the default `dayOfWeekFormatter` function params (#12644) @LukasTy
2023
2225
  - [docs] Use `TreeItem2` for icon expansion example on `RichTreeView` (#12563) @flaviendelangle
@@ -3458,7 +3660,7 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.9`.
3458
3660
  - [docs] Fix generated tree view API docs (#11737) @LukasTy
3459
3661
  - [docs] Generate docs for Tree View slots (#11730) @flaviendelangle
3460
3662
  - [docs] Improve codemod for v7 (#11650) @oliviertassinari
3461
- - [docs] Improve data grid `pageSizeOptions` prop documentation (#11682) @oliviertassinari
3663
+ - [docs] Improve Data Grid `pageSizeOptions` prop documentation (#11682) @oliviertassinari
3462
3664
  - [docs] Parse markdown on API docs demo titles (#11728) @LukasTy
3463
3665
  - [docs] Remove the description from the `className` prop (#11693) @oliviertassinari
3464
3666
  - [docs] Uplift `SimpleTreeView` customization examples (#11424) @noraleonte
@@ -3546,8 +3748,8 @@ Same changes as in `@mui/x-date-pickers@7.0.0-alpha.8`.
3546
3748
  - [docs] Fix parsing of `x-date-pickers-pro` demo adapter imports (#11628) @LukasTy
3547
3749
  - [docs] Improve `git diff` format @oliviertassinari
3548
3750
  - [docs] Push up the MUI X brand (#11533) @oliviertassinari
3549
- - [docs] Remove old data grid translation files (#11646) @cherniavskii
3550
- - [docs] Improve Server-side data grid docs (#11589) @oliviertassinari
3751
+ - [docs] Remove old Data Grid translation files (#11646) @cherniavskii
3752
+ - [docs] Improve Server-side Data Grid docs (#11589) @oliviertassinari
3551
3753
  - [docs] Improve charts landing page (#11570) @oliviertassinari
3552
3754
 
3553
3755
  ### Core
@@ -4057,7 +4259,7 @@ We'd like to offer a big thanks to the 15 contributors who made this release pos
4057
4259
 
4058
4260
  - The clipboard related exports `ignoreValueFormatterDuringExport` and `splitClipboardPastedText` are no longer prefixed with `unstable_`.
4059
4261
 
4060
- - The deprecated constants `SUBMIT_FILTER_STROKE_TIME` and `SUBMIT_FILTER_DATE_STROKE_TIME` have been removed from the `DataGrid` exports. Use the [`filterDebounceMs`](https://next.mui.com/x/api/data-grid/data-grid/#data-grid-prop-filterDebounceMs) prop to customize filter debounce time.
4262
+ - The deprecated constants `SUBMIT_FILTER_STROKE_TIME` and `SUBMIT_FILTER_DATE_STROKE_TIME` have been removed from the Data Grid exports. Use the [`filterDebounceMs`](https://next.mui.com/x/api/data-grid/data-grid/#data-grid-prop-filterDebounceMs) prop to customize filter debounce time.
4061
4263
 
4062
4264
  - The `slots.preferencesPanel` slot and the `slotProps.preferencesPanel` prop were removed. Use `slots.panel` and `slotProps.panel` instead.
4063
4265
 
@@ -4769,7 +4971,7 @@ A special shoutout to thank the 12 contributors who made this release possible.
4769
4971
  - 🚀 First v7 alpha release
4770
4972
  - ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
4771
4973
  - 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/)
4772
- - 💫 New recipes added for the data grid
4974
+ - 💫 New recipes added for the Data Grid
4773
4975
  - 📈 `<ChartsReferenceLine />` component is now available
4774
4976
  - 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
4775
4977
  - 🐞 Bugfixes
package/RichTreeViewPro/RichTreeViewPro.js CHANGED
@@ -6,8 +6,7 @@ import PropTypes from 'prop-types';
6
6
  import composeClasses from '@mui/utils/composeClasses';
7
7
  import { useLicenseVerifier, Watermark } from '@mui/x-license';
8
8
  import useSlotProps from '@mui/utils/useSlotProps';
9
- import { TreeItem } from '@mui/x-tree-view/TreeItem';
10
- import { useTreeView, TreeViewProvider } from '@mui/x-tree-view/internals';
9
+ import { useTreeView, TreeViewProvider, RichTreeViewItems } from '@mui/x-tree-view/internals';
11
10
  import { warnOnce } from '@mui/x-internals/warning';
12
11
  import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
13
12
  import { getRichTreeViewProUtilityClass } from "./richTreeViewProClasses.js";
@@ -35,57 +34,6 @@ export const RichTreeViewProRoot = styled('ul', {
35
34
  outline: 0,
36
35
  position: 'relative'
37
36
  });
38
- function WrappedTreeItem({
39
- slots,
40
- slotProps,
41
- label,
42
- id,
43
- itemId,
44
- children
45
- }) {
46
- const Item = slots?.item ?? TreeItem;
47
- const itemProps = useSlotProps({
48
- elementType: Item,
49
- externalSlotProps: slotProps?.item,
50
- additionalProps: {
51
- itemId,
52
- id,
53
- label
54
- },
55
- ownerState: {
56
- itemId,
57
- label
58
- }
59
- });
60
- return /*#__PURE__*/_jsx(Item, _extends({}, itemProps, {
61
- children: children
62
- }));
63
- }
64
- process.env.NODE_ENV !== "production" ? WrappedTreeItem.propTypes = {
65
- // ----------------------------- Warning --------------------------------
66
- // | These PropTypes are generated from the TypeScript type definitions |
67
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
68
- // ----------------------------------------------------------------------
69
- /**
70
- * The content of the component.
71
- */
72
- children: PropTypes.node,
73
- /**
74
- * The id of the item.
75
- */
76
- itemId: PropTypes.string.isRequired,
77
- label: PropTypes.string.isRequired,
78
- /**
79
- * The props used for each component slot.
80
- * @default {}
81
- */
82
- slotProps: PropTypes.object,
83
- /**
84
- * Overridable component slots.
85
- * @default {}
86
- */
87
- slots: PropTypes.object
88
- } : void 0;
89
37
  const releaseInfo = getReleaseInfo();
90
38
 
91
39
  /**
@@ -131,26 +79,14 @@ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(i
131
79
  getSlotProps: getRootProps,
132
80
  ownerState: props
133
81
  });
134
- const itemsToRender = instance.getItemsToRender();
135
- const renderItem = ({
136
- label,
137
- itemId,
138
- id,
139
- children
140
- }) => {
141
- return /*#__PURE__*/_jsx(WrappedTreeItem, {
142
- slots: slots,
143
- slotProps: slotProps,
144
- label: label,
145
- id: id,
146
- itemId: itemId,
147
- children: children?.map(renderItem)
148
- }, itemId);
149
- };
150
82
  return /*#__PURE__*/_jsx(TreeViewProvider, {
151
83
  value: contextValue,
152
84
  children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
153
- children: [itemsToRender.map(renderItem), /*#__PURE__*/_jsx(Watermark, {
85
+ children: [/*#__PURE__*/_jsx(RichTreeViewItems, {
86
+ slots: slots,
87
+ slotProps: slotProps,
88
+ itemsToRender: instance.getItemsToRender()
89
+ }), /*#__PURE__*/_jsx(Watermark, {
154
90
  packageName: "x-tree-view-pro",
155
91
  releaseInfo: releaseInfo
156
92
  })]
package/RichTreeViewPro/RichTreeViewPro.plugins.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { UseTreeViewItemsParameters, UseTreeViewExpansionParameters, UseTreeViewSelectionParameters, UseTreeViewFocusParameters, UseTreeViewIconsParameters, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewCorePluginParameters, UseTreeViewLabelParameters } from '@mui/x-tree-view/internals';
2
2
  import { UseTreeViewItemsReorderingParameters } from '../internals/plugins/useTreeViewItemsReordering';
3
- export declare const RICH_TREE_VIEW_PRO_PLUGINS: readonly [import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewExpansionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewSelectionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewFocusSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewKeyboardNavigationSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewIconsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewLabelSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals/plugins/useTreeViewItemsReordering").UseTreeViewItemsReorderingSignature>];
3
+ export declare const RICH_TREE_VIEW_PRO_PLUGINS: readonly [import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewItemsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewExpansionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewSelectionSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewFocusSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewKeyboardNavigationSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewIconsSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("@mui/x-tree-view/internals").UseTreeViewLabelSignature>, import("@mui/x-tree-view/internals").TreeViewPlugin<import("../internals").UseTreeViewItemsReorderingSignature>];
4
4
  export type RichTreeViewProPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PRO_PLUGINS>;
5
5
  export type RichTreeViewProPluginSlots = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slots'>;
6
6
  export type RichTreeViewProPluginSlotProps = MergeSignaturesProperty<RichTreeViewProPluginSignatures, 'slotProps'>;
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view-pro v7.18.0
2
+ * @mui/x-tree-view-pro v7.20.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js CHANGED
@@ -7,17 +7,10 @@ export const useTreeViewItemsReordering = ({
7
7
  params,
8
8
  instance,
9
9
  state,
10
- setState,
11
- experimentalFeatures
10
+ setState
12
11
  }) => {
13
- const isItemsReorderingEnabled = params.itemsReordering && !!experimentalFeatures?.itemsReordering;
14
- if (process.env.NODE_ENV !== 'production') {
15
- if (params.itemsReordering && (!experimentalFeatures?.indentationAtItemLevel || !experimentalFeatures?.itemsReordering)) {
16
- warnOnce(['MUI X: The items reordering feature requires the `indentationAtItemLevel` and `itemsReordering` experimental features to be enabled.', 'You can do it by passing `experimentalFeatures={{ indentationAtItemLevel: true, itemsReordering: true }}` to the `RichTreeViewPro` component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
17
- }
18
- }
19
12
  const canItemBeDragged = React.useCallback(itemId => {
20
- if (!isItemsReorderingEnabled) {
13
+ if (!params.itemsReordering) {
21
14
  return false;
22
15
  }
23
16
  const isItemReorderable = params.isItemReorderable;
@@ -25,7 +18,7 @@ export const useTreeViewItemsReordering = ({
25
18
  return isItemReorderable(itemId);
26
19
  }
27
20
  return true;
28
- }, [isItemsReorderingEnabled, params.isItemReorderable]);
21
+ }, [params.itemsReordering, params.isItemReorderable]);
29
22
  const getDroppingTargetValidActions = React.useCallback(itemId => {
30
23
  const itemsReordering = state.itemsReordering;
31
24
  if (!itemsReordering) {
@@ -173,16 +166,27 @@ export const useTreeViewItemsReordering = ({
173
166
  },
174
167
  contextValue: {
175
168
  itemsReordering: {
176
- enabled: isItemsReorderingEnabled,
169
+ enabled: params.itemsReordering,
177
170
  currentDrag: state.itemsReordering
178
171
  }
179
172
  }
180
173
  };
181
174
  };
182
175
  useTreeViewItemsReordering.itemPlugin = useTreeViewItemsReorderingItemPlugin;
183
- useTreeViewItemsReordering.getDefaultizedParams = params => _extends({}, params, {
184
- itemsReordering: params.itemsReordering ?? false
185
- });
176
+ useTreeViewItemsReordering.getDefaultizedParams = ({
177
+ params,
178
+ experimentalFeatures
179
+ }) => {
180
+ const canUseFeature = experimentalFeatures?.indentationAtItemLevel && experimentalFeatures?.itemsReordering;
181
+ if (process.env.NODE_ENV !== 'production') {
182
+ if (params.itemsReordering && !canUseFeature) {
183
+ warnOnce(['MUI X: The items reordering feature requires the `indentationAtItemLevel` and `itemsReordering` experimental features to be enabled.', 'You can do it by passing `experimentalFeatures={{ indentationAtItemLevel: true, itemsReordering: true }}` to the `RichTreeViewPro` component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
184
+ }
185
+ }
186
+ return _extends({}, params, {
187
+ itemsReordering: canUseFeature ? params.itemsReordering ?? false : false
188
+ });
189
+ };
186
190
  useTreeViewItemsReordering.getInitialState = () => ({
187
191
  itemsReordering: null
188
192
  });
package/internals/utils/releaseInfo.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcyNjc4NjgwMDAwMA==";
3
+ const releaseInfo = "MTcyODU5NzYwMDAwMA==";
4
4
  if (process.env.NODE_ENV !== 'production') {
5
5
  // A simple hack to set the value in the test environment (has no build step).
6
6
  // eslint-disable-next-line no-useless-concat
package/modern/RichTreeViewPro/RichTreeViewPro.js CHANGED
@@ -6,8 +6,7 @@ import PropTypes from 'prop-types';
6
6
  import composeClasses from '@mui/utils/composeClasses';
7
7
  import { useLicenseVerifier, Watermark } from '@mui/x-license';
8
8
  import useSlotProps from '@mui/utils/useSlotProps';
9
- import { TreeItem } from '@mui/x-tree-view/TreeItem';
10
- import { useTreeView, TreeViewProvider } from '@mui/x-tree-view/internals';
9
+ import { useTreeView, TreeViewProvider, RichTreeViewItems } from '@mui/x-tree-view/internals';
11
10
  import { warnOnce } from '@mui/x-internals/warning';
12
11
  import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
13
12
  import { getRichTreeViewProUtilityClass } from "./richTreeViewProClasses.js";
@@ -35,57 +34,6 @@ export const RichTreeViewProRoot = styled('ul', {
35
34
  outline: 0,
36
35
  position: 'relative'
37
36
  });
38
- function WrappedTreeItem({
39
- slots,
40
- slotProps,
41
- label,
42
- id,
43
- itemId,
44
- children
45
- }) {
46
- const Item = slots?.item ?? TreeItem;
47
- const itemProps = useSlotProps({
48
- elementType: Item,
49
- externalSlotProps: slotProps?.item,
50
- additionalProps: {
51
- itemId,
52
- id,
53
- label
54
- },
55
- ownerState: {
56
- itemId,
57
- label
58
- }
59
- });
60
- return /*#__PURE__*/_jsx(Item, _extends({}, itemProps, {
61
- children: children
62
- }));
63
- }
64
- process.env.NODE_ENV !== "production" ? WrappedTreeItem.propTypes = {
65
- // ----------------------------- Warning --------------------------------
66
- // | These PropTypes are generated from the TypeScript type definitions |
67
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
68
- // ----------------------------------------------------------------------
69
- /**
70
- * The content of the component.
71
- */
72
- children: PropTypes.node,
73
- /**
74
- * The id of the item.
75
- */
76
- itemId: PropTypes.string.isRequired,
77
- label: PropTypes.string.isRequired,
78
- /**
79
- * The props used for each component slot.
80
- * @default {}
81
- */
82
- slotProps: PropTypes.object,
83
- /**
84
- * Overridable component slots.
85
- * @default {}
86
- */
87
- slots: PropTypes.object
88
- } : void 0;
89
37
  const releaseInfo = getReleaseInfo();
90
38
 
91
39
  /**
@@ -131,26 +79,14 @@ const RichTreeViewPro = /*#__PURE__*/React.forwardRef(function RichTreeViewPro(i
131
79
  getSlotProps: getRootProps,
132
80
  ownerState: props
133
81
  });
134
- const itemsToRender = instance.getItemsToRender();
135
- const renderItem = ({
136
- label,
137
- itemId,
138
- id,
139
- children
140
- }) => {
141
- return /*#__PURE__*/_jsx(WrappedTreeItem, {
142
- slots: slots,
143
- slotProps: slotProps,
144
- label: label,
145
- id: id,
146
- itemId: itemId,
147
- children: children?.map(renderItem)
148
- }, itemId);
149
- };
150
82
  return /*#__PURE__*/_jsx(TreeViewProvider, {
151
83
  value: contextValue,
152
84
  children: /*#__PURE__*/_jsxs(Root, _extends({}, rootProps, {
153
- children: [itemsToRender.map(renderItem), /*#__PURE__*/_jsx(Watermark, {
85
+ children: [/*#__PURE__*/_jsx(RichTreeViewItems, {
86
+ slots: slots,
87
+ slotProps: slotProps,
88
+ itemsToRender: instance.getItemsToRender()
89
+ }), /*#__PURE__*/_jsx(Watermark, {
154
90
  packageName: "x-tree-view-pro",
155
91
  releaseInfo: releaseInfo
156
92
  })]
package/modern/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view-pro v7.18.0
2
+ * @mui/x-tree-view-pro v7.20.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/modern/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js CHANGED
@@ -7,17 +7,10 @@ export const useTreeViewItemsReordering = ({
7
7
  params,
8
8
  instance,
9
9
  state,
10
- setState,
11
- experimentalFeatures
10
+ setState
12
11
  }) => {
13
- const isItemsReorderingEnabled = params.itemsReordering && !!experimentalFeatures?.itemsReordering;
14
- if (process.env.NODE_ENV !== 'production') {
15
- if (params.itemsReordering && (!experimentalFeatures?.indentationAtItemLevel || !experimentalFeatures?.itemsReordering)) {
16
- warnOnce(['MUI X: The items reordering feature requires the `indentationAtItemLevel` and `itemsReordering` experimental features to be enabled.', 'You can do it by passing `experimentalFeatures={{ indentationAtItemLevel: true, itemsReordering: true }}` to the `RichTreeViewPro` component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
17
- }
18
- }
19
12
  const canItemBeDragged = React.useCallback(itemId => {
20
- if (!isItemsReorderingEnabled) {
13
+ if (!params.itemsReordering) {
21
14
  return false;
22
15
  }
23
16
  const isItemReorderable = params.isItemReorderable;
@@ -25,7 +18,7 @@ export const useTreeViewItemsReordering = ({
25
18
  return isItemReorderable(itemId);
26
19
  }
27
20
  return true;
28
- }, [isItemsReorderingEnabled, params.isItemReorderable]);
21
+ }, [params.itemsReordering, params.isItemReorderable]);
29
22
  const getDroppingTargetValidActions = React.useCallback(itemId => {
30
23
  const itemsReordering = state.itemsReordering;
31
24
  if (!itemsReordering) {
@@ -173,16 +166,27 @@ export const useTreeViewItemsReordering = ({
173
166
  },
174
167
  contextValue: {
175
168
  itemsReordering: {
176
- enabled: isItemsReorderingEnabled,
169
+ enabled: params.itemsReordering,
177
170
  currentDrag: state.itemsReordering
178
171
  }
179
172
  }
180
173
  };
181
174
  };
182
175
  useTreeViewItemsReordering.itemPlugin = useTreeViewItemsReorderingItemPlugin;
183
- useTreeViewItemsReordering.getDefaultizedParams = params => _extends({}, params, {
184
- itemsReordering: params.itemsReordering ?? false
185
- });
176
+ useTreeViewItemsReordering.getDefaultizedParams = ({
177
+ params,
178
+ experimentalFeatures
179
+ }) => {
180
+ const canUseFeature = experimentalFeatures?.indentationAtItemLevel && experimentalFeatures?.itemsReordering;
181
+ if (process.env.NODE_ENV !== 'production') {
182
+ if (params.itemsReordering && !canUseFeature) {
183
+ warnOnce(['MUI X: The items reordering feature requires the `indentationAtItemLevel` and `itemsReordering` experimental features to be enabled.', 'You can do it by passing `experimentalFeatures={{ indentationAtItemLevel: true, itemsReordering: true }}` to the `RichTreeViewPro` component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
184
+ }
185
+ }
186
+ return _extends({}, params, {
187
+ itemsReordering: canUseFeature ? params.itemsReordering ?? false : false
188
+ });
189
+ };
186
190
  useTreeViewItemsReordering.getInitialState = () => ({
187
191
  itemsReordering: null
188
192
  });
package/modern/internals/utils/releaseInfo.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ponyfillGlobal } from '@mui/utils';
2
2
  export const getReleaseInfo = () => {
3
- const releaseInfo = "MTcyNjc4NjgwMDAwMA==";
3
+ const releaseInfo = "MTcyODU5NzYwMDAwMA==";
4
4
  if (process.env.NODE_ENV !== 'production') {
5
5
  // A simple hack to set the value in the test environment (has no build step).
6
6
  // eslint-disable-next-line no-useless-concat
package/node/RichTreeViewPro/RichTreeViewPro.js CHANGED
@@ -13,7 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
  var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
14
14
  var _xLicense = require("@mui/x-license");
15
15
  var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
16
- var _TreeItem = require("@mui/x-tree-view/TreeItem");
17
16
  var _internals = require("@mui/x-tree-view/internals");
18
17
  var _warning = require("@mui/x-internals/warning");
19
18
  var _zeroStyled = require("../internals/zero-styled");
@@ -42,57 +41,6 @@ const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled
42
41
  outline: 0,
43
42
  position: 'relative'
44
43
  });
45
- function WrappedTreeItem({
46
- slots,
47
- slotProps,
48
- label,
49
- id,
50
- itemId,
51
- children
52
- }) {
53
- const Item = slots?.item ?? _TreeItem.TreeItem;
54
- const itemProps = (0, _useSlotProps.default)({
55
- elementType: Item,
56
- externalSlotProps: slotProps?.item,
57
- additionalProps: {
58
- itemId,
59
- id,
60
- label
61
- },
62
- ownerState: {
63
- itemId,
64
- label
65
- }
66
- });
67
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Item, (0, _extends2.default)({}, itemProps, {
68
- children: children
69
- }));
70
- }
71
- process.env.NODE_ENV !== "production" ? WrappedTreeItem.propTypes = {
72
- // ----------------------------- Warning --------------------------------
73
- // | These PropTypes are generated from the TypeScript type definitions |
74
- // | To update them edit the TypeScript types and run "pnpm proptypes" |
75
- // ----------------------------------------------------------------------
76
- /**
77
- * The content of the component.
78
- */
79
- children: _propTypes.default.node,
80
- /**
81
- * The id of the item.
82
- */
83
- itemId: _propTypes.default.string.isRequired,
84
- label: _propTypes.default.string.isRequired,
85
- /**
86
- * The props used for each component slot.
87
- * @default {}
88
- */
89
- slotProps: _propTypes.default.object,
90
- /**
91
- * Overridable component slots.
92
- * @default {}
93
- */
94
- slots: _propTypes.default.object
95
- } : void 0;
96
44
  const releaseInfo = (0, _releaseInfo.getReleaseInfo)();
97
45
 
98
46
  /**
@@ -138,26 +86,14 @@ const RichTreeViewPro = exports.RichTreeViewPro = /*#__PURE__*/React.forwardRef(
138
86
  getSlotProps: getRootProps,
139
87
  ownerState: props
140
88
  });
141
- const itemsToRender = instance.getItemsToRender();
142
- const renderItem = ({
143
- label,
144
- itemId,
145
- id,
146
- children
147
- }) => {
148
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedTreeItem, {
149
- slots: slots,
150
- slotProps: slotProps,
151
- label: label,
152
- id: id,
153
- itemId: itemId,
154
- children: children?.map(renderItem)
155
- }, itemId);
156
- };
157
89
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.TreeViewProvider, {
158
90
  value: contextValue,
159
91
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, (0, _extends2.default)({}, rootProps, {
160
- children: [itemsToRender.map(renderItem), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
92
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.RichTreeViewItems, {
93
+ slots: slots,
94
+ slotProps: slotProps,
95
+ itemsToRender: instance.getItemsToRender()
96
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicense.Watermark, {
161
97
  packageName: "x-tree-view-pro",
162
98
  releaseInfo: releaseInfo
163
99
  })]
package/node/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view-pro v7.18.0
2
+ * @mui/x-tree-view-pro v7.20.0
3
3
  *
4
4
  * @license MUI X Commercial
5
5
  * This source code is licensed under the commercial license found in the
package/node/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js CHANGED
@@ -15,17 +15,10 @@ const useTreeViewItemsReordering = ({
15
15
  params,
16
16
  instance,
17
17
  state,
18
- setState,
19
- experimentalFeatures
18
+ setState
20
19
  }) => {
21
- const isItemsReorderingEnabled = params.itemsReordering && !!experimentalFeatures?.itemsReordering;
22
- if (process.env.NODE_ENV !== 'production') {
23
- if (params.itemsReordering && (!experimentalFeatures?.indentationAtItemLevel || !experimentalFeatures?.itemsReordering)) {
24
- (0, _warning.warnOnce)(['MUI X: The items reordering feature requires the `indentationAtItemLevel` and `itemsReordering` experimental features to be enabled.', 'You can do it by passing `experimentalFeatures={{ indentationAtItemLevel: true, itemsReordering: true }}` to the `RichTreeViewPro` component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
25
- }
26
- }
27
20
  const canItemBeDragged = React.useCallback(itemId => {
28
- if (!isItemsReorderingEnabled) {
21
+ if (!params.itemsReordering) {
29
22
  return false;
30
23
  }
31
24
  const isItemReorderable = params.isItemReorderable;
@@ -33,7 +26,7 @@ const useTreeViewItemsReordering = ({
33
26
  return isItemReorderable(itemId);
34
27
  }
35
28
  return true;
36
- }, [isItemsReorderingEnabled, params.isItemReorderable]);
29
+ }, [params.itemsReordering, params.isItemReorderable]);
37
30
  const getDroppingTargetValidActions = React.useCallback(itemId => {
38
31
  const itemsReordering = state.itemsReordering;
39
32
  if (!itemsReordering) {
@@ -181,7 +174,7 @@ const useTreeViewItemsReordering = ({
181
174
  },
182
175
  contextValue: {
183
176
  itemsReordering: {
184
- enabled: isItemsReorderingEnabled,
177
+ enabled: params.itemsReordering,
185
178
  currentDrag: state.itemsReordering
186
179
  }
187
180
  }
@@ -189,9 +182,20 @@ const useTreeViewItemsReordering = ({
189
182
  };
190
183
  exports.useTreeViewItemsReordering = useTreeViewItemsReordering;
191
184
  useTreeViewItemsReordering.itemPlugin = _useTreeViewItemsReordering2.useTreeViewItemsReorderingItemPlugin;
192
- useTreeViewItemsReordering.getDefaultizedParams = params => (0, _extends2.default)({}, params, {
193
- itemsReordering: params.itemsReordering ?? false
194
- });
185
+ useTreeViewItemsReordering.getDefaultizedParams = ({
186
+ params,
187
+ experimentalFeatures
188
+ }) => {
189
+ const canUseFeature = experimentalFeatures?.indentationAtItemLevel && experimentalFeatures?.itemsReordering;
190
+ if (process.env.NODE_ENV !== 'production') {
191
+ if (params.itemsReordering && !canUseFeature) {
192
+ (0, _warning.warnOnce)(['MUI X: The items reordering feature requires the `indentationAtItemLevel` and `itemsReordering` experimental features to be enabled.', 'You can do it by passing `experimentalFeatures={{ indentationAtItemLevel: true, itemsReordering: true }}` to the `RichTreeViewPro` component.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
193
+ }
194
+ }
195
+ return (0, _extends2.default)({}, params, {
196
+ itemsReordering: canUseFeature ? params.itemsReordering ?? false : false
197
+ });
198
+ };
195
199
  useTreeViewItemsReordering.getInitialState = () => ({
196
200
  itemsReordering: null
197
201
  });
package/node/internals/utils/releaseInfo.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.getReleaseInfo = void 0;
7
7
  var _utils = require("@mui/utils");
8
8
  const getReleaseInfo = () => {
9
- const releaseInfo = "MTcyNjc4NjgwMDAwMA==";
9
+ const releaseInfo = "MTcyODU5NzYwMDAwMA==";
10
10
  if (process.env.NODE_ENV !== 'production') {
11
11
  // A simple hack to set the value in the test environment (has no build step).
12
12
  // eslint-disable-next-line no-useless-concat
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-tree-view-pro",
3
- "version": "7.18.0",
3
+ "version": "7.20.0",
4
4
  "description": "The Pro plan edition of the Tree View components (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -33,15 +33,15 @@
33
33
  "directory": "packages/x-tree-view-pro"
34
34
  },
35
35
  "dependencies": {
36
- "@babel/runtime": "^7.25.6",
37
- "@mui/utils": "^5.16.6",
36
+ "@babel/runtime": "^7.25.7",
37
+ "@mui/utils": "^5.16.6 || ^6.0.0",
38
38
  "@types/react-transition-group": "^4.4.11",
39
39
  "clsx": "^2.1.1",
40
40
  "prop-types": "^15.8.1",
41
41
  "react-transition-group": "^4.4.5",
42
- "@mui/x-internals": "7.18.0",
43
- "@mui/x-license": "7.18.0",
44
- "@mui/x-tree-view": "7.18.0"
42
+ "@mui/x-internals": "7.20.0",
43
+ "@mui/x-license": "7.20.0",
44
+ "@mui/x-tree-view": "7.20.0"
45
45
  },
46
46
  "peerDependencies": {
47
47
  "@emotion/react": "^11.9.0",