@mui/x-tree-view-pro 8.11.0 → 8.11.1

package/CHANGELOG.md

@@ -5,6 +5,80 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 8.11.1
+
+_Sep 4, 2025_
+
+We'd like to extend a big thank you to the 6 contributors who made this release possible. Here are some highlights ✨:
+
+Special thanks go out to the community members for their valuable contributions:
+@sai6855
+
+The following are all team members who have contributed to this release:
+@brijeshb42, @flaviendelangle, @JCQuintas, @mapache-salvaje, @oliviertassinari
+
+### Data Grid
+
+#### `@mui/x-data-grid@8.11.1`
+
+- [DataGrid] Refine types in `GridCell` component (#19384) @sai6855
+
+#### `@mui/x-data-grid-pro@8.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@8.11.1`.
+
+#### `@mui/x-data-grid-premium@8.11.1` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@8.11.1`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@8.11.1`
+
+- [pickers] Merge `slotProps` for input adornment in `PickerFieldUI` component (#19399) @sai6855
+
+#### `@mui/x-date-pickers-pro@8.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@8.11.1`.
+
+### Charts
+
+#### `@mui/x-charts@8.11.1`
+
+- [charts] Prevent crash and warn user on incorrect `axisId` when composing (#19397) @JCQuintas
+
+#### `@mui/x-charts-pro@8.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@8.11.1`.
+
+### Tree View
+
+#### `@mui/x-tree-view@8.11.1`
+
+- [tree view] Expose the methods to manually refetch the children of an item (#19248) @flaviendelangle
+- [tree view] Use the shared store implementation instead of the custom one (#19261) @flaviendelangle
+
+#### `@mui/x-tree-view-pro@8.11.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@8.11.1`.
+
+### Codemod
+
+#### `@mui/x-codemod@8.11.1`
+
+Internal changes.
+
+### Docs
+
+- [docs] Fix grammar and spelling mistakes on the Date and Time Pickers pages (#19300) @mapache-salvaje
+- [docs] Remove wrong legend info (#19383) @JCQuintas
+
+### Core
+
+- [internal] Fix action alert (#19388) @oliviertassinari
+- [internal] Fix pnpm valelint to have 0 errors @oliviertassinari
+- [infra] Remove "main" fields from publishable packages (#19407) @brijeshb42
+
 ## 8.11.0
 
 _Aug 29, 2025_

package/RichTreeViewPro/RichTreeViewPro.js

@@ -52,7 +52,7 @@ const RichTreeViewProRoot = exports.RichTreeViewProRoot = (0, _zeroStyled.styled
   outline: 0,
   position: 'relative'
 });
-const releaseInfo = "MTc1NjQxNDgwMDAwMA==";
+const releaseInfo = "MTc1Njk0NDAwMDAwMA==";
 
 /**
  *
@@ -124,17 +124,19 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    */
   apiRef: _propTypes.default.shape({
     current: _propTypes.default.shape({
-      focusItem: _propTypes.default.func.isRequired,
-      getItem: _propTypes.default.func.isRequired,
-      getItemDOMElement: _propTypes.default.func.isRequired,
-      getItemOrderedChildrenIds: _propTypes.default.func.isRequired,
-      getItemTree: _propTypes.default.func.isRequired,
-      getParentId: _propTypes.default.func.isRequired,
-      setEditedItem: _propTypes.default.func.isRequired,
-      setIsItemDisabled: _propTypes.default.func.isRequired,
-      setItemExpansion: _propTypes.default.func.isRequired,
-      setItemSelection: _propTypes.default.func.isRequired,
-      updateItemLabel: _propTypes.default.func.isRequired
+      focusItem: _propTypes.default.func,
+      getItem: _propTypes.default.func,
+      getItemDOMElement: _propTypes.default.func,
+      getItemOrderedChildrenIds: _propTypes.default.func,
+      getItemTree: _propTypes.default.func,
+      getParentId: _propTypes.default.func,
+      isItemExpanded: _propTypes.default.func,
+      setEditedItem: _propTypes.default.func,
+      setIsItemDisabled: _propTypes.default.func,
+      setItemExpansion: _propTypes.default.func,
+      setItemSelection: _propTypes.default.func,
+      updateItemChildren: _propTypes.default.func,
+      updateItemLabel: _propTypes.default.func
     })
   }),
   /**

package/RichTreeViewPro/RichTreeViewPro.types.d.ts

@@ -15,7 +15,7 @@ export interface RichTreeViewProSlots extends TreeViewSlots, RichTreeViewItemsSl
 export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends TreeViewSlotProps, RichTreeViewItemsSlotProps {
   root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
 }
-export type RichTreeViewProApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewProPluginSignatures> | undefined>;
+type RichTreeViewProApiRef = React.RefObject<Partial<TreeViewPublicAPI<RichTreeViewProPluginSignatures>> | undefined>;
 export interface RichTreeViewProPropsBase extends React.HTMLAttributes<HTMLUListElement> {
   className?: string;
   /**
@@ -42,4 +42,5 @@ export interface RichTreeViewProProps<R extends {}, Multiple extends boolean | u
    * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
    */
   apiRef?: RichTreeViewProApiRef;
-}
+}
+export {};

package/RichTreeViewPro/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./RichTreeViewPro.js";
 export * from "./richTreeViewProClasses.js";
-export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps } from "./RichTreeViewPro.types.js";
+export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps } from "./RichTreeViewPro.types.js";
+export type { RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";

package/esm/RichTreeViewPro/RichTreeViewPro.js

@@ -45,7 +45,7 @@ export const RichTreeViewProRoot = styled('ul', {
   outline: 0,
   position: 'relative'
 });
-const releaseInfo = "MTc1NjQxNDgwMDAwMA==";
+const releaseInfo = "MTc1Njk0NDAwMDAwMA==";
 
 /**
  *
@@ -117,17 +117,19 @@ process.env.NODE_ENV !== "production" ? RichTreeViewPro.propTypes = {
    */
   apiRef: PropTypes.shape({
     current: PropTypes.shape({
-      focusItem: PropTypes.func.isRequired,
-      getItem: PropTypes.func.isRequired,
-      getItemDOMElement: PropTypes.func.isRequired,
-      getItemOrderedChildrenIds: PropTypes.func.isRequired,
-      getItemTree: PropTypes.func.isRequired,
-      getParentId: PropTypes.func.isRequired,
-      setEditedItem: PropTypes.func.isRequired,
-      setIsItemDisabled: PropTypes.func.isRequired,
-      setItemExpansion: PropTypes.func.isRequired,
-      setItemSelection: PropTypes.func.isRequired,
-      updateItemLabel: PropTypes.func.isRequired
+      focusItem: PropTypes.func,
+      getItem: PropTypes.func,
+      getItemDOMElement: PropTypes.func,
+      getItemOrderedChildrenIds: PropTypes.func,
+      getItemTree: PropTypes.func,
+      getParentId: PropTypes.func,
+      isItemExpanded: PropTypes.func,
+      setEditedItem: PropTypes.func,
+      setIsItemDisabled: PropTypes.func,
+      setItemExpansion: PropTypes.func,
+      setItemSelection: PropTypes.func,
+      updateItemChildren: PropTypes.func,
+      updateItemLabel: PropTypes.func
     })
   }),
   /**

package/esm/RichTreeViewPro/RichTreeViewPro.types.d.ts

@@ -15,7 +15,7 @@ export interface RichTreeViewProSlots extends TreeViewSlots, RichTreeViewItemsSl
 export interface RichTreeViewProSlotProps<R extends {}, Multiple extends boolean | undefined> extends TreeViewSlotProps, RichTreeViewItemsSlotProps {
   root?: SlotComponentProps<'ul', {}, RichTreeViewProProps<R, Multiple>>;
 }
-export type RichTreeViewProApiRef = React.RefObject<TreeViewPublicAPI<RichTreeViewProPluginSignatures> | undefined>;
+type RichTreeViewProApiRef = React.RefObject<Partial<TreeViewPublicAPI<RichTreeViewProPluginSignatures>> | undefined>;
 export interface RichTreeViewProPropsBase extends React.HTMLAttributes<HTMLUListElement> {
   className?: string;
   /**
@@ -42,4 +42,5 @@ export interface RichTreeViewProProps<R extends {}, Multiple extends boolean | u
    * The ref object that allows Tree View manipulation. Can be instantiated with `useTreeViewApiRef()`.
    */
   apiRef?: RichTreeViewProApiRef;
-}
+}
+export {};

package/esm/RichTreeViewPro/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./RichTreeViewPro.js";
 export * from "./richTreeViewProClasses.js";
-export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps } from "./RichTreeViewPro.types.js";
+export type { RichTreeViewProProps, RichTreeViewProPropsBase, RichTreeViewProSlots, RichTreeViewProSlotProps } from "./RichTreeViewPro.types.js";
+export type { RichTreeViewProPluginSignatures } from "./RichTreeViewPro.plugins.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view-pro v8.11.0
+ * @mui/x-tree-view-pro v8.11.1
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the

package/esm/internals/plugins/useTreeViewItemsReordering/index.d.ts

@@ -1,2 +1,3 @@
 export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
-export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingParametersWithDefaults, TreeViewItemReorderPosition } from "./useTreeViewItemsReordering.types.js";
+export type { UseTreeViewItemsReorderingSignature, UseTreeViewItemsReorderingParameters, UseTreeViewItemsReorderingParametersWithDefaults, TreeViewItemReorderPosition } from "./useTreeViewItemsReordering.types.js";
+export { itemsReorderingSelectors } from "./useTreeViewItemsReordering.selectors.js";

package/esm/internals/plugins/useTreeViewItemsReordering/index.js

@@ -1 +1,2 @@
-export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
+export { useTreeViewItemsReordering } from "./useTreeViewItemsReordering.js";
+export { itemsReorderingSelectors } from "./useTreeViewItemsReordering.selectors.js";

package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.itemPlugin.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { useTreeViewContext, isTargetInDescendants, useSelector } from '@mui/x-tree-view/internals';
-import { selectorCanItemBeReordered, selectorDraggedItemProperties, selectorIsItemValidReorderingTarget } from "./useTreeViewItemsReordering.selectors.js";
+import { useStore } from '@mui/x-internals/store';
+import { useTreeViewContext, isTargetInDescendants } from '@mui/x-tree-view/internals';
+import { itemsReorderingSelectors } from "./useTreeViewItemsReordering.selectors.js";
 export const isAndroid = () => navigator.userAgent.toLowerCase().includes('android');
 export const useTreeViewItemsReorderingItemPlugin = ({
   props
@@ -13,9 +14,9 @@ export const useTreeViewItemsReorderingItemPlugin = ({
     itemId
   } = props;
   const validActionsRef = React.useRef(null);
-  const draggedItemProperties = useSelector(store, selectorDraggedItemProperties, itemId);
-  const canItemBeReordered = useSelector(store, selectorCanItemBeReordered, itemId);
-  const isValidTarget = useSelector(store, selectorIsItemValidReorderingTarget, itemId);
+  const draggedItemProperties = useStore(store, itemsReorderingSelectors.draggedItemProperties, itemId);
+  const canItemBeReordered = useStore(store, itemsReorderingSelectors.canItemBeReordered, itemId);
+  const isValidTarget = useStore(store, itemsReorderingSelectors.isItemValidDropTarget, itemId);
   return {
     propsEnhancers: {
       root: ({

package/esm/internals/plugins/useTreeViewItemsReordering/useTreeViewItemsReordering.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { selectorIsItemBeingEdited, selectorItemIndex, selectorItemMeta, selectorItemOrderedChildrenIds } from '@mui/x-tree-view/internals';
+import { itemsSelectors, labelSelectors } from '@mui/x-tree-view/internals';
 import { chooseActionToApply, isAncestor, moveItemInTree } from "./useTreeViewItemsReordering.utils.js";
 import { useTreeViewItemsReorderingItemPlugin } from "./useTreeViewItemsReordering.itemPlugin.js";
-import { selectorCurrentItemReordering } from "./useTreeViewItemsReordering.selectors.js";
+import { itemsReorderingSelectors } from "./useTreeViewItemsReordering.selectors.js";
 export const useTreeViewItemsReordering = ({
   params,
   store
@@ -20,7 +20,7 @@ export const useTreeViewItemsReordering = ({
     return true;
   }, [params.itemsReordering, params.isItemReorderable]);
   const getDroppingTargetValidActions = React.useCallback(itemId => {
-    const currentReorder = selectorCurrentItemReordering(store.value);
+    const currentReorder = itemsReorderingSelectors.currentReorder(store.state);
     if (!currentReorder) {
       throw new Error('There is no ongoing reordering.');
     }
@@ -28,11 +28,11 @@ export const useTreeViewItemsReordering = ({
       return {};
     }
     const canMoveItemToNewPosition = params.canMoveItemToNewPosition;
-    const targetItemMeta = selectorItemMeta(store.value, itemId);
-    const targetItemIndex = selectorItemIndex(store.value, targetItemMeta.id);
-    const draggedItemMeta = selectorItemMeta(store.value, currentReorder.draggedItemId);
-    const draggedItemIndex = selectorItemIndex(store.value, draggedItemMeta.id);
-    const isTargetLastSibling = targetItemIndex === selectorItemOrderedChildrenIds(store.value, targetItemMeta.parentId).length - 1;
+    const targetItemMeta = itemsSelectors.itemMeta(store.state, itemId);
+    const targetItemIndex = itemsSelectors.itemIndex(store.state, targetItemMeta.id);
+    const draggedItemMeta = itemsSelectors.itemMeta(store.state, currentReorder.draggedItemId);
+    const draggedItemIndex = itemsSelectors.itemIndex(store.state, draggedItemMeta.id);
+    const isTargetLastSibling = targetItemIndex === itemsSelectors.itemOrderedChildrenIds(store.state, targetItemMeta.parentId).length - 1;
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
       index: draggedItemIndex
@@ -68,7 +68,7 @@ export const useTreeViewItemsReordering = ({
       } : null,
       'move-to-parent': targetItemMeta.parentId == null ? null : {
         parentId: targetItemMeta.parentId,
-        index: selectorItemOrderedChildrenIds(store.value, targetItemMeta.parentId).length
+        index: itemsSelectors.itemOrderedChildrenIds(store.state, targetItemMeta.parentId).length
       }
     };
     const validActions = {};
@@ -81,64 +81,56 @@ export const useTreeViewItemsReordering = ({
     return validActions;
   }, [store, params.canMoveItemToNewPosition]);
   const startDraggingItem = React.useCallback(itemId => {
-    store.update(prevState => {
-      const isItemBeingEditing = selectorIsItemBeingEdited(prevState, itemId);
-      if (isItemBeingEditing) {
-        return prevState;
+    const isItemBeingEdited = labelSelectors.isItemBeingEdited(store.state, itemId);
+    if (isItemBeingEdited) {
+      return;
+    }
+    store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+      currentReorder: {
+        targetItemId: itemId,
+        draggedItemId: itemId,
+        action: null,
+        newPosition: null
       }
-      return _extends({}, prevState, {
-        itemsReordering: _extends({}, prevState.itemsReordering, {
-          currentReorder: {
-            targetItemId: itemId,
-            draggedItemId: itemId,
-            action: null,
-            newPosition: null
-          }
-        })
-      });
-    });
+    }));
   }, [store]);
   const cancelDraggingItem = React.useCallback(() => {
-    const currentReorder = selectorCurrentItemReordering(store.value);
+    const currentReorder = itemsReorderingSelectors.currentReorder(store.state);
     if (currentReorder == null) {
       return;
     }
-    store.update(prevState => _extends({}, prevState, {
-      itemsReordering: _extends({}, prevState.itemsReordering, {
-        currentReorder: null
-      })
+    store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+      currentReorder: null
     }));
   }, [store]);
   const completeDraggingItem = React.useCallback(itemId => {
-    const currentReorder = selectorCurrentItemReordering(store.value);
+    const currentReorder = itemsReorderingSelectors.currentReorder(store.state);
     if (currentReorder == null || currentReorder.draggedItemId !== itemId) {
       return;
     }
     if (currentReorder.draggedItemId === currentReorder.targetItemId || currentReorder.action == null || currentReorder.newPosition == null) {
-      store.update(prevState => _extends({}, prevState, {
-        itemsReordering: _extends({}, prevState.itemsReordering, {
-          currentReorder: null
-        })
+      store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+        currentReorder: null
       }));
       return;
     }
-    const draggedItemMeta = selectorItemMeta(store.value, currentReorder.draggedItemId);
+    const draggedItemMeta = itemsSelectors.itemMeta(store.state, currentReorder.draggedItemId);
     const oldPosition = {
       parentId: draggedItemMeta.parentId,
-      index: selectorItemIndex(store.value, draggedItemMeta.id)
+      index: itemsSelectors.itemIndex(store.state, draggedItemMeta.id)
     };
     const newPosition = currentReorder.newPosition;
-    store.update(prevState => _extends({}, prevState, {
-      itemsReordering: _extends({}, prevState.itemsReordering, {
+    store.update({
+      itemsReordering: _extends({}, store.state.itemsReordering, {
         currentReorder: null
       }),
       items: moveItemInTree({
         itemToMoveId: itemId,
         newPosition,
         oldPosition,
-        prevState: prevState.items
+        prevState: store.state.items
       })
-    }));
+    });
     const onItemPositionChange = params.onItemPositionChange;
     onItemPositionChange?.({
       itemId,
@@ -154,40 +146,34 @@ export const useTreeViewItemsReordering = ({
     cursorX,
     contentElement
   }) => {
-    store.update(prevState => {
-      const prevItemReorder = prevState.itemsReordering.currentReorder;
-      if (prevItemReorder == null || isAncestor(store, itemId, prevItemReorder.draggedItemId)) {
-        return prevState;
-      }
-      const action = chooseActionToApply({
-        itemChildrenIndentation: params.itemChildrenIndentation,
-        validActions,
-        targetHeight,
-        targetDepth: prevState.items.itemMetaLookup[itemId].depth,
-        cursorY,
-        cursorX,
-        contentElement
-      });
-      const newPosition = action == null ? null : validActions[action];
-      if (prevItemReorder.targetItemId === itemId && prevItemReorder.action === action && prevItemReorder.newPosition?.parentId === newPosition?.parentId && prevItemReorder.newPosition?.index === newPosition?.index) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        itemsReordering: _extends({}, prevState.itemsReordering, {
-          currentReorder: _extends({}, prevItemReorder, {
-            targetItemId: itemId,
-            newPosition,
-            action
-          })
-        })
-      });
+    const prevItemReorder = store.state.itemsReordering.currentReorder;
+    if (prevItemReorder == null || isAncestor(store, itemId, prevItemReorder.draggedItemId)) {
+      return;
+    }
+    const action = chooseActionToApply({
+      itemChildrenIndentation: params.itemChildrenIndentation,
+      validActions,
+      targetHeight,
+      targetDepth: store.state.items.itemMetaLookup[itemId].depth,
+      cursorY,
+      cursorX,
+      contentElement
     });
+    const newPosition = action == null ? null : validActions[action];
+    if (prevItemReorder.targetItemId === itemId && prevItemReorder.action === action && prevItemReorder.newPosition?.parentId === newPosition?.parentId && prevItemReorder.newPosition?.index === newPosition?.index) {
+      return;
+    }
+    store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+      currentReorder: _extends({}, prevItemReorder, {
+        targetItemId: itemId,
+        newPosition,
+        action
+      })
+    }));
   }, [store, params.itemChildrenIndentation]);
   useEnhancedEffect(() => {
-    store.update(prevState => _extends({}, prevState, {
-      itemsReordering: _extends({}, prevState.itemsReordering, {
-        isItemReorderable: params.itemsReordering ? params.isItemReorderable ?? (() => true) : () => false
-      })
+    store.set('itemsReordering', _extends({}, store.state.itemsReordering, {
+      isItemReorderable: params.itemsReordering ? params.isItemReorderable ?? (() => true) : () => false
     }));
   }, [store, params.itemsReordering, params.isItemReorderable]);
   return {