@mui/x-tree-view-pro 8.18.0 → 8.21.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 (20) hide show
  1. package/CHANGELOG.md +287 -0
  2. package/RichTreeViewPro/RichTreeViewPro.js +1 -1
  3. package/esm/RichTreeViewPro/RichTreeViewPro.js +1 -1
  4. package/esm/index.js +1 -1
  5. package/esm/internals/plugins/useTreeViewItemsReordering/itemPlugin.js +6 -9
  6. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +0 -11
  7. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +2 -2
  8. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js +4 -7
  9. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +0 -6
  10. package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +2 -2
  11. package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.js +1 -1
  12. package/index.js +1 -1
  13. package/internals/plugins/useTreeViewItemsReordering/itemPlugin.js +6 -9
  14. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js +0 -11
  15. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts +2 -2
  16. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js +3 -6
  17. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts +0 -6
  18. package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts +2 -2
  19. package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.js +1 -1
  20. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -5,6 +5,293 @@
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.21.0
9
+
10
+ _Dec 3, 2025_
11
+
12
+ We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:
13
+
14
+ - ✨ Add [tick spacing property](https://mui.com/x/react-charts/axis/#tick-spacing) to charts axis to control the distance between ticks.
15
+
16
+ The following team members contributed to this release:
17
+ @alexfauquette, @bernardobelchior, @ElliottMiller, @Janpot, @JCQuintas, @romgrk, @sai6855, @siriwatknp
18
+
19
+ ### Data Grid
20
+
21
+ #### `@mui/x-data-grid@8.21.0`
22
+
23
+ - [DataGrid] Fix autosizing header width calculation (#20323) @siriwatknp
24
+ - [DataGrid] Virtualizer refactor (#19465) @romgrk
25
+
26
+ #### `@mui/x-data-grid-pro@8.21.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
27
+
28
+ Same changes as in `@mui/x-data-grid@8.21.0`.
29
+
30
+ #### `@mui/x-data-grid-premium@8.21.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
31
+
32
+ Same changes as in `@mui/x-data-grid-pro@8.21.0`, plus:
33
+
34
+ - [DataGridPremium] Prevent pasting to non-editable cells (#20333) @ElliottMiller
35
+
36
+ ### Date and Time Pickers
37
+
38
+ #### `@mui/x-date-pickers@8.21.0`
39
+
40
+ Internal changes.
41
+
42
+ #### `@mui/x-date-pickers-pro@8.21.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
43
+
44
+ Same changes as in `@mui/x-date-pickers@8.21.0`.
45
+
46
+ ### Charts
47
+
48
+ #### `@mui/x-charts@8.21.0`
49
+
50
+ - [charts] Fix string measuring types (#20454) @bernardobelchior
51
+ - [charts] Fix typo in performance note for CustomLineMarks demo (#20529) @sai6855
52
+ - [charts] Introduce the notion of series with positions (#20461) @alexfauquette
53
+ - [charts] Migrate from sinon to Vitest mocking utilities for x-charts\* packages (#20444) @Copilot
54
+ - [charts] Move series-level values to series computed data in bar plot (#20467) @bernardobelchior
55
+ - [charts] Refactor bar chart components in preparation for range bar chart (#20521) @bernardobelchior
56
+ - [charts] Remove unnecessary `any` types (#20527) @sai6855
57
+ - [charts] Remove unused `drawingArea` from `findClosestPoints` (#20471) @bernardobelchior
58
+ - [charts] Revert `useIsHydrated` to default=false (#20511) @JCQuintas
59
+ - [charts] Support tooltip anchor position for radar (#20422) @alexfauquette
60
+ - [charts] Add tick spacing property (#20282) @bernardobelchior
61
+ - [charts] Fix Vitest lint error (#20550) @bernardobelchior
62
+ - [charts] Fix infinite loop when highlighting pie slices or scatter points (#20549) @bernardobelchior
63
+
64
+ #### `@mui/x-charts-pro@8.21.0` [![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@8.21.0`, plus:
67
+
68
+ - [charts-pro] Add support for `anchor="node"` on Sankey tooltip (#20462) @alexfauquette
69
+
70
+ #### `@mui/x-charts-premium@8.21.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
71
+
72
+ Same changes as in `@mui/x-charts-pro@8.21.0`.
73
+
74
+ ### Tree View
75
+
76
+ #### `@mui/x-tree-view@8.21.0`
77
+
78
+ Internal changes.
79
+
80
+ #### `@mui/x-tree-view-pro@8.21.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
81
+
82
+ Same changes as in `@mui/x-tree-view@8.21.0`.
83
+
84
+ ### Codemod
85
+
86
+ #### `@mui/x-codemod@8.21.0`
87
+
88
+ Internal changes.
89
+
90
+ ### Docs
91
+
92
+ - [docs] Migrate to `next/font` for fonts loading (#20407) @Copilot
93
+
94
+ ### Core
95
+
96
+ - [code-infra] Enable vitest eslint plugin (#20530) @Janpot
97
+ - [code-infra] Fix missing font loading for local fonts (#20480) @Janpot
98
+ - [internal] Performance: use raw `useSyncExternalStore` (#20447) @romgrk
99
+ - [code-infra] Enable `vitest/expect-expect` and `vitest/no-standalone-expect` rules for x-charts packages (#20535) @Copilot
100
+
101
+ ### Miscellaneous
102
+
103
+ - Bump @types/d3-sankey to ^0.12.5 (#20489) @renovate[bot]
104
+ - Bump @types/react to 19.2.7 (#20490) @renovate[bot]
105
+ - Bump @types/yargs to ^17.0.35 (#20491) @renovate[bot]
106
+ - Bump Vite & Vitest to ^4.0.14 (#20500) @renovate[bot]
107
+ - Bump csstype to ^3.2.3 (#20493) @renovate[bot]
108
+ - Bump es-toolkit to ^1.42.0 (#20494) @renovate[bot]
109
+ - Bump eslint to ^8.48.0 (#20495) @renovate[bot]
110
+ - Bump lerna to ^9.0.3 (#20496) @renovate[bot]
111
+ - Bump lucide-react to ^0.555.0 (#20502) @renovate[bot]
112
+ - Bump playwright monorepo (#20503) @renovate[bot]
113
+ - Bump pnpm to 10.24.0 (#20504) @renovate[bot]
114
+ - Bump react monorepo (#20340) @renovate[bot]
115
+ - Bump react-hook-form to ^7.66.1 (#20497) @renovate[bot]
116
+ - Bump rimraf to ^6.1.2 (#20498) @renovate[bot]
117
+ - Bump webpack-bundle-analyzer to ^5.0.1 (#20508) @renovate[bot]
118
+ - Bump next to ^15.5.6 [SECURITY] (#20555) @renovate[bot]
119
+
120
+ ## 8.20.0
121
+
122
+ _Nov 26, 2025_
123
+
124
+ We'd like to extend a big thank you to the 8 contributors who made this release possible. Here are some highlights ✨:
125
+
126
+ - 🔃 Data Grid tree data now supports row reordering. See the [Drag-and-drop tree data reordering](https://mui.com/x/react-data-grid/tree-data/#drag-and-drop-tree-data-reordering) section for more details.
127
+ - 🐞 Bugfixes
128
+
129
+ The following team members contributed to this release:
130
+ @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @siriwatknp, @JCQuintas, @MBilalShafi, @prakhargupta1
131
+
132
+ ### Data Grid
133
+
134
+ #### `@mui/x-data-grid@8.20.0`
135
+
136
+ - [DataGrid] Fix RTL virtualization to display columns when viewport width is larger than the grid (#20409) @siriwatknp
137
+ - [DataGrid] Fix row range selection (#20442) @arminmeh
138
+ - [DataGrid] Initialize data grid core packages (#20276) @cherniavskii
139
+ - [DataGrid] Improve accessibility of the sort icon (#20430) @arminmeh
140
+ - [DataGrid] Use `viewport` as a boundary for the `BasePopper` flip (#20311) @arminmeh
141
+
142
+ #### `@mui/x-data-grid-pro@8.20.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
143
+
144
+ Same changes as in `@mui/x-data-grid@8.20.0`, plus:
145
+
146
+ - [DataGridPro] Avoid automatic scroll back to the focused header filter after it leaves the viewport (#20416) @arminmeh
147
+ - [DataGridPro] Tree data row reordering (#19401) @MBilalShafi
148
+
149
+ #### `@mui/x-data-grid-premium@8.20.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
150
+
151
+ Same changes as in `@mui/x-data-grid-pro@8.20.0`.
152
+
153
+ ### Charts
154
+
155
+ #### `@mui/x-charts@8.20.0`
156
+
157
+ - [charts] Fix item tooltip position with node anchor (#20421) @alexfauquette
158
+ - [charts] Fix radar item tooltip closing bug (#20429) @alexfauquette
159
+ - [charts] Move series processing to selector (#20388) @JCQuintas
160
+ - [charts] Prevent pointer out from removing controlled highlight (#20385) @alexfauquette
161
+
162
+ #### `@mui/x-charts-pro@8.20.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-charts@8.20.0`, plus:
165
+
166
+ - [charts-pro] Fix Content-Security-Policy nonce not being correctly set on export (#20395) @bernardobelchior
167
+ - [charts-pro] Improve vertical zoom slider thumb on mobile (#20439) @bernardobelchior
168
+ - [charts-pro] Provide arguments to the `AreaPlotRoot` styled component (#20414) @arminmeh
169
+ - [charts-pro] Remove grid outside the drawing area (#20412) @alexfauquette
170
+
171
+ #### `@mui/x-charts-premium@8.20.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
172
+
173
+ Same changes as in `@mui/x-charts-pro@8.20.0`, plus:
174
+
175
+ - [charts-premium] Add explicit return type to `ChartsRenderer` for better compatibility with React 18 (#20413) @arminmeh
176
+
177
+ ### Docs
178
+
179
+ - [docs] Add `llms.txt` link to the sidebar (#20312) @siriwatknp
180
+ - [docs] Add a line chart demo for the Overview section (#20239) @prakhargupta1
181
+
182
+ ## 8.19.0
183
+
184
+ _Nov 20, 2025_
185
+
186
+ We'd like to extend a big thank you to the 15 contributors who made this release possible. Here are some highlights ✨:
187
+
188
+ - 🔎 Add pan on `wheel` to the charts zoom
189
+ - ⌨️ Allow opt-in to [tab navigation](https://mui.com/x/react-data-grid/accessibility/#tab-navigation) inside the Data Grid.
190
+ - ⚙️ New way of defining [action columns](https://mui.com/x/react-data-grid/column-definition/#ActionsWithModalGrid.tsx) in the Data Grid that makes it easier to keep `columns` prop stable.
191
+ - 🐞 Bugfixes
192
+ - 📚 Documentation improvements
193
+
194
+ Special thanks go out to these community members for their valuable contributions:
195
+ @lauri865, @noobyogi0010, @sai6855
196
+
197
+ The following team members contributed to this release:
198
+ @alexfauquette, @arminmeh, @bernardobelchior, @cherniavskii, @flaviendelangle, @Janpot, @JCQuintas, @mj12albert, @noraleonte, @rita-codes, @siriwatknp, @ZeeshanTamboli
199
+
200
+ ### Data Grid
201
+
202
+ #### `@mui/x-data-grid@8.19.0`
203
+
204
+ - [DataGrid] Add `tabNavigation` prop to control tab navigation in the grid (#20286) @arminmeh
205
+ - [DataGrid] Allow to focus disabled checkbox cells (#19959) @mj12albert
206
+ - [DataGrid] Alternative actions column definition API (#15041) @cherniavskii
207
+ - [DataGrid] Fix failing tests (#20332) @cherniavskii
208
+ - [DataGrid] Prevent Safari 26 error in the event handler (#20369) @arminmeh
209
+ - [DataGrid] Undeprecate the `autoHeight` prop (#20363) @cherniavskii
210
+ - [DataGrid] Fix print export grid dimensions with dynamic row height and print styles (#19835) @cherniavskii
211
+
212
+ #### `@mui/x-data-grid-pro@8.19.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
213
+
214
+ Same changes as in `@mui/x-data-grid@8.19.0`.
215
+
216
+ #### `@mui/x-data-grid-premium@8.19.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
217
+
218
+ Same changes as in `@mui/x-data-grid-pro@8.19.0`, plus:
219
+
220
+ - [DataGridPremium] Fix aggregation with sorting (#19892) @lauri865
221
+ - [DataGridPremium] Lock `ExcelJS` version (#20329) @cherniavskii
222
+
223
+ ### Date and Time Pickers
224
+
225
+ #### `@mui/x-date-pickers@8.19.0`
226
+
227
+ - [pickers] Do not loose `slotProps.field.slotProps` (#20322) @flaviendelangle
228
+
229
+ #### `@mui/x-date-pickers-pro@8.19.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
230
+
231
+ Same changes as in `@mui/x-date-pickers@8.19.0`.
232
+
233
+ ### Charts
234
+
235
+ #### `@mui/x-charts@8.19.0`
236
+
237
+ - [charts] Expose `niceDomain` utility (#20250) @bernardobelchior
238
+ - [charts] Fix benchmark regression by downgrading to JSDOM v26 (#20405) @bernardobelchior
239
+ - [charts] Fix Pie Chart keyboard focus highlight (#20358) @JCQuintas
240
+ - [charts] Memoize series selectors (#20326) @JCQuintas
241
+ - [charts] Relax dataset type (#20294) @bernardobelchior
242
+ - [charts] Remove `touch-action: pan-y` when zoom is disabled (#20204) @bernardobelchior
243
+ - [charts] Use `getBBox()` for correct SVG sizes in firefox (#20309) @JCQuintas
244
+ - [charts] Use directly selector from `@mui/x-internals` (#20365) @alexfauquette
245
+ - [charts] Fix unnecessary errors in dev mode (#20380) @JCQuintas
246
+
247
+ #### `@mui/x-charts-pro@8.19.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
248
+
249
+ Same changes as in `@mui/x-charts@8.19.0`, plus:
250
+
251
+ - [charts-pro] Add pan on `wheel` to zoom (#19998) @JCQuintas
252
+ - [charts-pro] Fix zoom slider preview having an opaque background in dark mode (#20367) @bernardobelchior
253
+
254
+ #### `@mui/x-charts-premium@8.19.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
255
+
256
+ Same changes as in `@mui/x-charts-pro@8.19.0`.
257
+
258
+ ### Tree View
259
+
260
+ #### `@mui/x-tree-view@8.19.0`
261
+
262
+ - [tree view] Enable lazy load when children count is not know in tree view (#18680) @noobyogi0010
263
+ - [tree view] Fix unwanted behaviors on the item re-ordering (#20368) @flaviendelangle
264
+
265
+ #### `@mui/x-tree-view-pro@8.19.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
266
+
267
+ Same changes as in `@mui/x-tree-view@8.19.0`.
268
+
269
+ ### Codemod
270
+
271
+ #### `@mui/x-codemod@8.19.0`
272
+
273
+ Internal changes.
274
+
275
+ ### Docs
276
+
277
+ - [docs] Add minimum Typescript version to migration guide (#20320) @siriwatknp
278
+ - [docs] Fix Autosizing documentation (#20348) @siriwatknp
279
+ - [docs] Fix separator opacity in demo (#20293) @sai6855
280
+ - [docs] Replace deprecated `LoadingButton` with `Button` component (#20208) @Janpot
281
+
282
+ ### Core
283
+
284
+ - [code-infra] Add new broken links checker (#20120) @Janpot
285
+ - [code-infra] Disable Codspeed pipeline (#20370) @JCQuintas
286
+ - [code-infra] Optimize `checkMaterialVersion` (#20307) @Janpot
287
+ - [code-infra] Use utils from code-infra for changelog and PR creation (#20406) @brijeshb42
288
+ - [docs-infra] Revert `@docsearch/react` (#20313) @Janpot
289
+
290
+ ### Miscellaneous
291
+
292
+ - [test] Fix browser tests skipping some projects (#20318) @cherniavskii
293
+ - [test] Update `use-react-version` pnpm script (#20319) @cherniavskii
294
+
8
295
  ## 8.18.0
9
296
 
10
297
  <!-- generated comparing v8.17.0..master -->
package/RichTreeViewPro/RichTreeViewPro.js CHANGED
@@ -52,7 +52,7 @@ const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled
52
52
  outline: 0,
53
53
  position: 'relative'
54
54
  });
55
- const releaseInfo = "MTc2Mjk5MjAwMDAwMA==";
55
+ const releaseInfo = "MTc2NDgwNjQwMDAwMA==";
56
56
 
57
57
  /**
58
58
  *
package/esm/RichTreeViewPro/RichTreeViewPro.js CHANGED
@@ -45,7 +45,7 @@ export const RichTreeViewProRoot = styled('ul', {
45
45
  outline: 0,
46
46
  position: 'relative'
47
47
  });
48
- const releaseInfo = "MTc2Mjk5MjAwMDAwMA==";
48
+ const releaseInfo = "MTc2NDgwNjQwMDAwMA==";
49
49
 
50
50
  /**
51
51
  *
package/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view-pro v8.18.0
2
+ * @mui/x-tree-view-pro v8.21.0
3
3
  *
4
4
  * @license SEE LICENSE IN LICENSE
5
5
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
package/esm/internals/plugins/useTreeViewItemsReordering/itemPlugin.js CHANGED
@@ -16,7 +16,7 @@ export const useTreeViewItemsReorderingItemPlugin = ({
16
16
  const validActionsRef = React.useRef(null);
17
17
  const draggedItemProperties = useStore(store, itemsReorderingSelectors.draggedItemProperties, itemId);
18
18
  const canItemBeReordered = useStore(store, itemsReorderingSelectors.canItemBeReordered, itemId);
19
- const isValidTarget = useStore(store, itemsReorderingSelectors.isItemValidDropTarget, itemId);
19
+ const isDragging = useStore(store, itemsReorderingSelectors.isDragging, itemId);
20
20
  return {
21
21
  propsEnhancers: {
22
22
  root: ({
@@ -24,12 +24,9 @@ export const useTreeViewItemsReorderingItemPlugin = ({
24
24
  contentRefObject,
25
25
  externalEventHandlers
26
26
  }) => {
27
- if (!canItemBeReordered) {
28
- return {};
29
- }
30
27
  const handleDragStart = event => {
31
28
  externalEventHandlers.onDragStart?.(event);
32
- if (event.defaultMuiPrevented || event.defaultPrevented) {
29
+ if (!canItemBeReordered || event.defaultMuiPrevented || event.defaultPrevented) {
33
30
  return;
34
31
  }
35
32
 
@@ -75,7 +72,7 @@ export const useTreeViewItemsReorderingItemPlugin = ({
75
72
  instance.completeDraggingItem(itemId);
76
73
  };
77
74
  return {
78
- draggable: true,
75
+ draggable: canItemBeReordered ? true : undefined,
79
76
  onDragStart: handleDragStart,
80
77
  onDragOver: handleRootDragOver,
81
78
  onDragEnd: handleRootDragEnd
@@ -85,15 +82,15 @@ export const useTreeViewItemsReorderingItemPlugin = ({
85
82
  externalEventHandlers,
86
83
  contentRefObject
87
84
  }) => {
88
- if (!isValidTarget) {
85
+ if (!isDragging) {
89
86
  return {};
90
87
  }
91
88
  const handleDragOver = event => {
92
89
  externalEventHandlers.onDragOver?.(event);
93
- if (event.defaultMuiPrevented || validActionsRef.current == null) {
90
+ if (event.defaultMuiPrevented || validActionsRef.current == null || !contentRefObject.current) {
94
91
  return;
95
92
  }
96
- const rect = event.target.getBoundingClientRect();
93
+ const rect = contentRefObject.current.getBoundingClientRect();
97
94
  const y = event.clientY - rect.top;
98
95
  const x = event.clientX - rect.left;
99
96
  instance.setDragTargetItem({
package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js CHANGED
@@ -9,16 +9,6 @@ export const useTreeViewItemsReordering = ({
9
9
  params,
10
10
  store
11
11
  }) => {
12
- const canItemBeDragged = React.useCallback(itemId => {
13
- if (!params.itemsReordering) {
14
- return false;
15
- }
16
- const isItemReorderable = params.isItemReorderable;
17
- if (isItemReorderable) {
18
- return isItemReorderable(itemId);
19
- }
20
- return true;
21
- }, [params.itemsReordering, params.isItemReorderable]);
22
12
  const getDroppingTargetValidActions = React.useCallback(itemId => {
23
13
  const currentReorder = itemsReorderingSelectors.currentReorder(store.state);
24
14
  if (!currentReorder) {
@@ -178,7 +168,6 @@ export const useTreeViewItemsReordering = ({
178
168
  }, [store, params.itemsReordering, params.isItemReorderable]);
179
169
  return {
180
170
  instance: {
181
- canItemBeDragged,
182
171
  getDroppingTargetValidActions,
183
172
  startDraggingItem,
184
173
  cancelDraggingItem,
package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts CHANGED
@@ -20,9 +20,9 @@ export declare const itemsReorderingSelectors: {
20
20
  targetDepth: number;
21
21
  } | null;
22
22
  /**
23
- * Checks whether an item is a valid target for the dragged item.
23
+ * Checks whether an item is being dragged.
24
24
  */
25
- isItemValidDropTarget: (state: TreeViewState<[UseTreeViewItemsReorderingSignature]>, itemId: string) => boolean;
25
+ isDragging: (state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => boolean;
26
26
  /**
27
27
  * Checks whether an item can be reordered.
28
28
  */
package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createSelector } from '@mui/x-internals/store';
1
+ import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
2
2
  import { itemsSelectors, labelSelectors } from '@mui/x-tree-view/internals';
3
3
  export const itemsReorderingSelectors = {
4
4
  /**
@@ -8,7 +8,7 @@ export const itemsReorderingSelectors = {
8
8
  /**
9
9
  * Gets the properties of the dragged item.
10
10
  */
11
- draggedItemProperties: createSelector(state => state.itemsReordering.currentReorder, itemsSelectors.itemMetaLookup, (currentReorder, itemMetaLookup, itemId) => {
11
+ draggedItemProperties: createSelectorMemoized(state => state.itemsReordering.currentReorder, itemsSelectors.itemMetaLookup, (currentReorder, itemMetaLookup, itemId) => {
12
12
  if (!currentReorder || currentReorder.targetItemId !== itemId || currentReorder.action == null) {
13
13
  return null;
14
14
  }
@@ -22,12 +22,9 @@ export const itemsReorderingSelectors = {
22
22
  };
23
23
  }),
24
24
  /**
25
- * Checks whether an item is a valid target for the dragged item.
25
+ * Checks whether an item is being dragged.
26
26
  */
27
- isItemValidDropTarget: createSelector((state, itemId) => {
28
- const draggedItemId = state.itemsReordering.currentReorder?.draggedItemId;
29
- return draggedItemId != null && draggedItemId !== itemId;
30
- }),
27
+ isDragging: createSelector(state => !!state.itemsReordering.currentReorder?.draggedItemId),
31
28
  /**
32
29
  * Checks whether an item can be reordered.
33
30
  */
package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts CHANGED
@@ -2,12 +2,6 @@ import { DefaultizedProps } from '@mui/x-internals/types';
2
2
  import { TreeViewPluginSignature, UseTreeViewItemsSignature } from '@mui/x-tree-view/internals';
3
3
  import { TreeViewItemId, TreeViewItemsReorderingAction } from '@mui/x-tree-view/models';
4
4
  export interface UseTreeViewItemsReorderingInstance {
5
- /**
6
- * Check if a given item can be dragged.
7
- * @param {TreeViewItemId} itemId The id of the item to check.
8
- * @returns {boolean} `true` if the item can be dragged, `false` otherwise.
9
- */
10
- canItemBeDragged: (itemId: TreeViewItemId) => boolean;
11
5
  /**
12
6
  * Get the valid reordering action if a given item is the target of the ongoing reordering.
13
7
  * @param {TreeViewItemId} itemId The id of the item to get the action of.
package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts CHANGED
@@ -5,7 +5,7 @@ import { TreeViewItemItemReorderingValidActions, TreeViewItemReorderPosition, Us
5
5
  * Checks if the item with the id itemIdB is an ancestor of the item with the id itemIdA.
6
6
  */
7
7
  export declare const isAncestor: (store: TreeViewUsedStore<UseTreeViewItemsReorderingSignature>, itemIdA: string, itemIdB: string) => boolean;
8
- interface GetNewPositionParams {
8
+ interface GetNewPositionParameters {
9
9
  itemChildrenIndentation: string | number;
10
10
  validActions: TreeViewItemItemReorderingValidActions;
11
11
  targetHeight: number;
@@ -22,7 +22,7 @@ export declare const chooseActionToApply: ({
22
22
  cursorX,
23
23
  cursorY,
24
24
  contentElement
25
- }: GetNewPositionParams) => TreeViewItemsReorderingAction | null;
25
+ }: GetNewPositionParameters) => TreeViewItemsReorderingAction | null;
26
26
  export declare const moveItemInTree: <R extends {}>({
27
27
  itemToMoveId,
28
28
  oldPosition,
package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.js CHANGED
@@ -247,5 +247,5 @@ function useLazyLoadOnMount({
247
247
  }, [instance, params.items, params.dataSource, store]);
248
248
  }
249
249
  function getExpandableItemsFromDataSource(store, dataSource) {
250
- return Object.values(store.state.items.itemMetaLookup).filter(itemMeta => !itemMeta.expandable && dataSource.getChildrenCount(store.state.items.itemModelLookup[itemMeta.id]) > 0).map(item => item.id);
250
+ return Object.values(store.state.items.itemMetaLookup).filter(itemMeta => !itemMeta.expandable && dataSource.getChildrenCount(store.state.items.itemModelLookup[itemMeta.id]) !== 0).map(item => item.id);
251
251
  }
package/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @mui/x-tree-view-pro v8.18.0
2
+ * @mui/x-tree-view-pro v8.21.0
3
3
  *
4
4
  * @license SEE LICENSE IN LICENSE
5
5
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
package/internals/plugins/useTreeViewItemsReordering/itemPlugin.js CHANGED
@@ -24,7 +24,7 @@ const useTreeViewItemsReorderingItemPlugin = ({
24
24
  const validActionsRef = React.useRef(null);
25
25
  const draggedItemProperties = (0, _store.useStore)(store, _useTreeViewItemsReordering.itemsReorderingSelectors.draggedItemProperties, itemId);
26
26
  const canItemBeReordered = (0, _store.useStore)(store, _useTreeViewItemsReordering.itemsReorderingSelectors.canItemBeReordered, itemId);
27
- const isValidTarget = (0, _store.useStore)(store, _useTreeViewItemsReordering.itemsReorderingSelectors.isItemValidDropTarget, itemId);
27
+ const isDragging = (0, _store.useStore)(store, _useTreeViewItemsReordering.itemsReorderingSelectors.isDragging, itemId);
28
28
  return {
29
29
  propsEnhancers: {
30
30
  root: ({
@@ -32,12 +32,9 @@ const useTreeViewItemsReorderingItemPlugin = ({
32
32
  contentRefObject,
33
33
  externalEventHandlers
34
34
  }) => {
35
- if (!canItemBeReordered) {
36
- return {};
37
- }
38
35
  const handleDragStart = event => {
39
36
  externalEventHandlers.onDragStart?.(event);
40
- if (event.defaultMuiPrevented || event.defaultPrevented) {
37
+ if (!canItemBeReordered || event.defaultMuiPrevented || event.defaultPrevented) {
41
38
  return;
42
39
  }
43
40
 
@@ -83,7 +80,7 @@ const useTreeViewItemsReorderingItemPlugin = ({
83
80
  instance.completeDraggingItem(itemId);
84
81
  };
85
82
  return {
86
- draggable: true,
83
+ draggable: canItemBeReordered ? true : undefined,
87
84
  onDragStart: handleDragStart,
88
85
  onDragOver: handleRootDragOver,
89
86
  onDragEnd: handleRootDragEnd
@@ -93,15 +90,15 @@ const useTreeViewItemsReorderingItemPlugin = ({
93
90
  externalEventHandlers,
94
91
  contentRefObject
95
92
  }) => {
96
- if (!isValidTarget) {
93
+ if (!isDragging) {
97
94
  return {};
98
95
  }
99
96
  const handleDragOver = event => {
100
97
  externalEventHandlers.onDragOver?.(event);
101
- if (event.defaultMuiPrevented || validActionsRef.current == null) {
98
+ if (event.defaultMuiPrevented || validActionsRef.current == null || !contentRefObject.current) {
102
99
  return;
103
100
  }
104
- const rect = event.target.getBoundingClientRect();
101
+ const rect = contentRefObject.current.getBoundingClientRect();
105
102
  const y = event.clientY - rect.top;
106
103
  const x = event.clientX - rect.left;
107
104
  instance.setDragTargetItem({
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js CHANGED
@@ -17,16 +17,6 @@ const useTreeViewItemsReordering = ({
17
17
  params,
18
18
  store
19
19
  }) => {
20
- const canItemBeDragged = React.useCallback(itemId => {
21
- if (!params.itemsReordering) {
22
- return false;
23
- }
24
- const isItemReorderable = params.isItemReorderable;
25
- if (isItemReorderable) {
26
- return isItemReorderable(itemId);
27
- }
28
- return true;
29
- }, [params.itemsReordering, params.isItemReorderable]);
30
20
  const getDroppingTargetValidActions = React.useCallback(itemId => {
31
21
  const currentReorder = _useTreeViewItemsReordering2.itemsReorderingSelectors.currentReorder(store.state);
32
22
  if (!currentReorder) {
@@ -186,7 +176,6 @@ const useTreeViewItemsReordering = ({
186
176
  }, [store, params.itemsReordering, params.isItemReorderable]);
187
177
  return {
188
178
  instance: {
189
- canItemBeDragged,
190
179
  getDroppingTargetValidActions,
191
180
  startDraggingItem,
192
181
  cancelDraggingItem,
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.d.ts CHANGED
@@ -20,9 +20,9 @@ export declare const itemsReorderingSelectors: {
20
20
  targetDepth: number;
21
21
  } | null;
22
22
  /**
23
- * Checks whether an item is a valid target for the dragged item.
23
+ * Checks whether an item is being dragged.
24
24
  */
25
- isItemValidDropTarget: (state: TreeViewState<[UseTreeViewItemsReorderingSignature]>, itemId: string) => boolean;
25
+ isDragging: (state: TreeViewState<[UseTreeViewItemsReorderingSignature]>) => boolean;
26
26
  /**
27
27
  * Checks whether an item can be reordered.
28
28
  */
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.selectors.js CHANGED
@@ -14,7 +14,7 @@ const itemsReorderingSelectors = exports.itemsReorderingSelectors = {
14
14
  /**
15
15
  * Gets the properties of the dragged item.
16
16
  */
17
- draggedItemProperties: (0, _store.createSelector)(state => state.itemsReordering.currentReorder, _internals.itemsSelectors.itemMetaLookup, (currentReorder, itemMetaLookup, itemId) => {
17
+ draggedItemProperties: (0, _store.createSelectorMemoized)(state => state.itemsReordering.currentReorder, _internals.itemsSelectors.itemMetaLookup, (currentReorder, itemMetaLookup, itemId) => {
18
18
  if (!currentReorder || currentReorder.targetItemId !== itemId || currentReorder.action == null) {
19
19
  return null;
20
20
  }
@@ -28,12 +28,9 @@ const itemsReorderingSelectors = exports.itemsReorderingSelectors = {
28
28
  };
29
29
  }),
30
30
  /**
31
- * Checks whether an item is a valid target for the dragged item.
31
+ * Checks whether an item is being dragged.
32
32
  */
33
- isItemValidDropTarget: (0, _store.createSelector)((state, itemId) => {
34
- const draggedItemId = state.itemsReordering.currentReorder?.draggedItemId;
35
- return draggedItemId != null && draggedItemId !== itemId;
36
- }),
33
+ isDragging: (0, _store.createSelector)(state => !!state.itemsReordering.currentReorder?.draggedItemId),
37
34
  /**
38
35
  * Checks whether an item can be reordered.
39
36
  */
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.types.d.ts CHANGED
@@ -2,12 +2,6 @@ import { DefaultizedProps } from '@mui/x-internals/types';
2
2
  import { TreeViewPluginSignature, UseTreeViewItemsSignature } from '@mui/x-tree-view/internals';
3
3
  import { TreeViewItemId, TreeViewItemsReorderingAction } from '@mui/x-tree-view/models';
4
4
  export interface UseTreeViewItemsReorderingInstance {
5
- /**
6
- * Check if a given item can be dragged.
7
- * @param {TreeViewItemId} itemId The id of the item to check.
8
- * @returns {boolean} `true` if the item can be dragged, `false` otherwise.
9
- */
10
- canItemBeDragged: (itemId: TreeViewItemId) => boolean;
11
5
  /**
12
6
  * Get the valid reordering action if a given item is the target of the ongoing reordering.
13
7
  * @param {TreeViewItemId} itemId The id of the item to get the action of.
package/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.utils.d.ts CHANGED
@@ -5,7 +5,7 @@ import { TreeViewItemItemReorderingValidActions, TreeViewItemReorderPosition, Us
5
5
  * Checks if the item with the id itemIdB is an ancestor of the item with the id itemIdA.
6
6
  */
7
7
  export declare const isAncestor: (store: TreeViewUsedStore<UseTreeViewItemsReorderingSignature>, itemIdA: string, itemIdB: string) => boolean;
8
- interface GetNewPositionParams {
8
+ interface GetNewPositionParameters {
9
9
  itemChildrenIndentation: string | number;
10
10
  validActions: TreeViewItemItemReorderingValidActions;
11
11
  targetHeight: number;
@@ -22,7 +22,7 @@ export declare const chooseActionToApply: ({
22
22
  cursorX,
23
23
  cursorY,
24
24
  contentElement
25
- }: GetNewPositionParams) => TreeViewItemsReorderingAction | null;
25
+ }: GetNewPositionParameters) => TreeViewItemsReorderingAction | null;
26
26
  export declare const moveItemInTree: <R extends {}>({
27
27
  itemToMoveId,
28
28
  oldPosition,
package/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.js CHANGED
@@ -255,5 +255,5 @@ function useLazyLoadOnMount({
255
255
  }, [instance, params.items, params.dataSource, store]);
256
256
  }
257
257
  function getExpandableItemsFromDataSource(store, dataSource) {
258
- return Object.values(store.state.items.itemMetaLookup).filter(itemMeta => !itemMeta.expandable && dataSource.getChildrenCount(store.state.items.itemModelLookup[itemMeta.id]) > 0).map(item => item.id);
258
+ return Object.values(store.state.items.itemMetaLookup).filter(itemMeta => !itemMeta.expandable && dataSource.getChildrenCount(store.state.items.itemModelLookup[itemMeta.id]) !== 0).map(item => item.id);
259
259
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-tree-view-pro",
3
- "version": "8.18.0",
3
+ "version": "8.21.0",
4
4
  "author": "MUI Team",
5
5
  "description": "The Pro plan edition of the MUI X Tree View components.",
6
6
  "license": "SEE LICENSE IN LICENSE",
@@ -40,9 +40,9 @@
40
40
  "react-transition-group": "^4.4.5",
41
41
  "reselect": "^5.1.1",
42
42
  "use-sync-external-store": "^1.6.0",
43
- "@mui/x-license": "8.18.0",
44
- "@mui/x-tree-view": "8.18.0",
45
- "@mui/x-internals": "8.18.0"
43
+ "@mui/x-internals": "8.21.0",
44
+ "@mui/x-license": "8.21.0",
45
+ "@mui/x-tree-view": "8.21.0"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "@emotion/react": "^11.9.0",