@mui/x-tree-view 7.11.0 → 7.11.1

package/CHANGELOG.md

@@ -3,6 +3,90 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.11.1
+
+_Jul 25, 2024_
+
+We'd like to offer a big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:
+
+- 🔎 Allow `Zoom` to be controllable for charts (#13858) @JCQuintas
+- 🌍 Add Icelandic (is-IS) and Norwegian Nynorsk (nn-NO) locales on the Data Grid
+- 🌍 Improve Norwegian Bokmål (nb-NO) and German (de-DE) locales on the Data Grid
+- 🌍 Add Norwegian Nynorsk (nn-NO) locale on the Date and Time Pickers
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.11.1`
+
+- [DataGrid] Remove dead code in internal `GridPreferencesPanel` (#13934) @k-rajat19
+- [DataGrid] Do not miss to escape formulas in CSV export (#13888) @arminmeh
+- [l10n] Add Icelandic (is-IS) locale (#13283) @magnimarels
+- [l10n] Add Norwegian nynorsk (nn-NO) locale and improve Norwegian bokmål (nb-NO) locale (#13588) @AnderzL7
+- [l10n] Improve German (de-DE) locale (#13910) @lhilgert9
+
+#### `@mui/x-data-grid-pro@7.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@7.11.1`.
+
+#### `@mui/x-data-grid-premium@7.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@7.11.1`, plus:
+
+- [DataGridPremium] Pass the `api` object to events (#13893) @pcorpet
+- [DataGridPremium] Fix paste to selected cells (#13967) @romgrk
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.11.1`
+
+- [fields] Prevent keyboard editing when disabled (#13900) @arthurbalduini
+- [l10n] Add Norwegian Nynorsk (nn-NO) locale (#13946) @AnderzL7
+
+#### `@mui/x-date-pickers-pro@7.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@7.11.1`.
+
+### Charts
+
+#### `@mui/x-charts@7.11.1`
+
+- [charts] Add `ownerState` function to `slotProps` typing when available (#13965) @alexfauquette
+- [charts] Allow `Zoom` to be controllable (#13858) @JCQuintas
+- [charts] Deprecate `xAxisKey` /`zAxisKey` in favor of `xAxisId`/`zAxisId` (#13940) @alexfauquette
+- [charts] Hide empty arcs in the PieChart (#13897) @alexfauquette
+- [charts] Limit the trigger of exit charts (#13682) @alexfauquette
+
+### Tree View
+
+#### `@mui/x-tree-view@7.11.1`
+
+- [TreeView] Allow the plugins to enrich the props passed to the item slots (#13953) @flaviendelangle
+
+### Docs
+
+- [docs] Bump pnpm priority as a package manager (#13894) @oliviertassinari
+- [docs] Explicitly mark charts pro as not released (#13905) @alexfauquette
+- [docs] Fix dot consistency a11y table @oliviertassinari
+- [docs] Fix some typos in charts docs (#13906) @cratiu222
+- [docs] Fix spelling (#13902) @nnsW3
+- [docs] Improve error message when moving between plans (#13874) @oliviertassinari
+- [docs] Update `SparkLineChart` reference not being correctly capitalised (#13960) @duckboy81
+- [docs] Fix scroll demos disorientation (#13909) @oliviertassinari
+
+### Core
+
+- [core] Add `@mui/material-nextjs` to `MUI Core` renovate group (#13966) @LukasTy
+- [core] Remove warning message in production (#13911) @oliviertassinari
+- [code-infra] Reuse `useReactVersion` script from the monorepo (#13710) @cherniavskii
+- [infra] Adds order id validation action (#13957) @michelengelen
+- [infra] Fix order id validator action (#13971) @michelengelen
+- [infra] Fix regex in order id validation (#13976) @michelengelen
+- [infra] Issue template improvement (#13954) @michelengelen
+
 ## 7.11.0
 
 _Jul 18, 2024_

package/RichTreeView/RichTreeView.js

@@ -9,7 +9,7 @@ import { useTreeView } from '../internals/useTreeView';
 import { TreeViewProvider } from '../internals/TreeViewProvider';
 import { RICH_TREE_VIEW_PLUGINS } from './RichTreeView.plugins';
 import { TreeItem } from '../TreeItem';
-import { buildWarning } from '../internals/utils/warning';
+import { warnOnce } from '../internals/utils/warning';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiRichTreeView');
 const useUtilityClasses = ownerState => {
@@ -58,7 +58,6 @@ function WrappedTreeItem({
     children: children
   }));
 }
-const childrenWarning = buildWarning(['MUI X: The `RichTreeView` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
 
 /**
  *
@@ -77,7 +76,7 @@ const RichTreeView = /*#__PURE__*/React.forwardRef(function RichTreeView(inProps
   });
   if (process.env.NODE_ENV !== 'production') {
     if (props.children != null) {
-      childrenWarning();
+      warnOnce(['MUI X: The `RichTreeView` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/.']);
     }
   }
   const {

package/SimpleTreeView/SimpleTreeView.js

@@ -8,7 +8,7 @@ import { getSimpleTreeViewUtilityClass } from './simpleTreeViewClasses';
 import { useTreeView } from '../internals/useTreeView';
 import { TreeViewProvider } from '../internals/TreeViewProvider';
 import { SIMPLE_TREE_VIEW_PLUGINS } from './SimpleTreeView.plugins';
-import { buildWarning } from '../internals/utils/warning';
+import { warnOnce } from '../internals/utils/warning';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {
@@ -32,7 +32,6 @@ export const SimpleTreeViewRoot = styled('ul', {
   position: 'relative'
 });
 const EMPTY_ITEMS = [];
-const itemsPropWarning = buildWarning(['MUI X: The `SimpleTreeView` component does not support the `items` prop.', 'If you want to add items, you need to pass them as JSX children.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/']);
 
 /**
  *
@@ -52,7 +51,7 @@ const SimpleTreeView = /*#__PURE__*/React.forwardRef(function SimpleTreeView(inP
   const ownerState = props;
   if (process.env.NODE_ENV !== 'production') {
     if (props.items != null) {
-      itemsPropWarning();
+      warnOnce(['MUI X: The `SimpleTreeView` component does not support the `items` prop.', 'If you want to add items, you need to pass them as JSX children.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/.']);
     }
   }
   const {

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.11.0
+ * @mui/x-tree-view v7.11.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -17,4 +17,4 @@ export { useTreeViewItems } from './plugins/useTreeViewItems';
 export type { UseTreeViewItemsSignature, UseTreeViewItemsParameters, } from './plugins/useTreeViewItems';
 export { useTreeViewJSXItems } from './plugins/useTreeViewJSXItems';
 export type { UseTreeViewJSXItemsSignature, UseTreeViewJSXItemsParameters, } from './plugins/useTreeViewJSXItems';
-export { buildWarning } from './utils/warning';
+export { warnOnce } from './utils/warning';

package/internals/index.js

@@ -12,4 +12,4 @@ export { useTreeViewKeyboardNavigation } from './plugins/useTreeViewKeyboardNavi
 export { useTreeViewIcons } from './plugins/useTreeViewIcons';
 export { useTreeViewItems } from './plugins/useTreeViewItems';
 export { useTreeViewJSXItems } from './plugins/useTreeViewJSXItems';
-export { buildWarning } from './utils/warning';
+export { warnOnce } from './utils/warning';

package/internals/models/index.d.ts

@@ -1,3 +1,4 @@
 export * from './helpers';
 export * from './plugin';
+export * from './itemPlugin';
 export * from './treeView';

package/internals/models/index.js

@@ -1,3 +1,4 @@
 export * from './helpers';
 export * from './plugin';
+export * from './itemPlugin';
 export * from './treeView';

package/internals/models/itemPlugin.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { EventHandlers } from '@mui/base/utils';
+import type { UseTreeItem2ContentSlotOwnProps, UseTreeItem2RootSlotOwnProps } from '../../useTreeItem2';
+export interface TreeViewItemPluginSlotPropsEnhancerParams {
+    rootRefObject: React.MutableRefObject<HTMLLIElement | null>;
+    contentRefObject: React.MutableRefObject<HTMLDivElement | null>;
+    externalEventHandlers: EventHandlers;
+}
+type TreeViewItemPluginSlotPropsEnhancer<TSlotProps> = (params: TreeViewItemPluginSlotPropsEnhancerParams) => Partial<TSlotProps>;
+export interface TreeViewItemPluginSlotPropsEnhancers {
+    root?: TreeViewItemPluginSlotPropsEnhancer<UseTreeItem2RootSlotOwnProps>;
+    content?: TreeViewItemPluginSlotPropsEnhancer<UseTreeItem2ContentSlotOwnProps>;
+}
+export interface TreeViewItemPluginResponse {
+    /**
+     * Root of the `content` slot enriched by the plugin.
+     */
+    contentRef?: React.RefCallback<HTMLElement> | null;
+    /**
+     * Ref of the `root` slot enriched by the plugin
+     */
+    rootRef?: React.RefCallback<HTMLLIElement> | null;
+    /**
+     * Callback to enhance the slot props of the Tree Item.
+     *
+     * Not all slots are enabled by default,
+     * if a new plugin needs to pass to an unconfigured slot,
+     * it just needs to be added to `TreeViewItemPluginSlotPropsEnhancers`
+     */
+    propsEnhancers?: TreeViewItemPluginSlotPropsEnhancers;
+}
+export interface TreeViewItemPluginOptions<TProps extends {}> extends Omit<TreeViewItemPluginResponse, 'propsEnhancers'> {
+    props: TProps;
+}
+export type TreeViewItemPlugin<TProps extends {}> = (options: TreeViewItemPluginOptions<TProps>) => void | TreeViewItemPluginResponse;
+export {};

package/internals/models/itemPlugin.js

@@ -0,0 +1 @@
+export {};

package/internals/models/plugin.d.ts

@@ -4,6 +4,7 @@ import { TreeViewExperimentalFeatures, TreeViewInstance, TreeViewModel } from '.
 import type { MergeSignaturesProperty, OptionalIfEmpty } from './helpers';
 import { TreeViewEventLookupElement } from './events';
 import type { TreeViewCorePluginSignatures } from '../corePlugins';
+import { TreeViewItemPlugin } from './itemPlugin';
 import { TreeViewItemId } from '../../models';
 export interface TreeViewPluginOptions<TSignature extends TreeViewAnyPluginSignature> {
     instance: TreeViewUsedInstance<TSignature>;
@@ -126,20 +127,6 @@ type RemoveSetValue<Models extends Record<string, TreeViewModel<any>>> = {
 };
 export type TreeViewUsedModels<TSignature extends TreeViewAnyPluginSignature> = TSignature['models'] & RemoveSetValue<MergeSignaturesProperty<TreeViewRequiredPlugins<TSignature>, 'models'>>;
 export type TreeViewUsedEvents<TSignature extends TreeViewAnyPluginSignature> = TSignature['events'] & MergeSignaturesProperty<TreeViewRequiredPlugins<TSignature>, 'events'>;
-export interface TreeViewItemPluginOptions<TProps extends {}> extends TreeViewItemPluginResponse {
-    props: TProps;
-}
-export interface TreeViewItemPluginResponse {
-    /**
-     * Root of the `content` slot enriched by the plugin.
-     */
-    contentRef?: React.RefCallback<HTMLElement> | null;
-    /**
-     * Ref of the `root` slot enriched by the plugin
-     */
-    rootRef?: React.RefCallback<HTMLLIElement> | null;
-}
-export type TreeViewItemPlugin<TProps extends {}> = (options: TreeViewItemPluginOptions<TProps>) => void | TreeViewItemPluginResponse;
 export type TreeItemWrapper<TSignatures extends readonly TreeViewAnyPluginSignature[]> = (params: {
     itemId: TreeViewItemId;
     children: React.ReactNode;

package/internals/useTreeView/useTreeViewBuildContext.js

@@ -7,6 +7,8 @@ export const useTreeViewBuildContext = ({
   const runItemPlugins = itemPluginProps => {
     let finalRootRef = null;
     let finalContentRef = null;
+    const pluginPropEnhancers = [];
+    const pluginPropEnhancersNames = {};
     plugins.forEach(plugin => {
       if (!plugin.itemPlugin) {
         return;
@@ -22,10 +24,30 @@ export const useTreeViewBuildContext = ({
       if (itemPluginResponse?.contentRef) {
         finalContentRef = itemPluginResponse.contentRef;
       }
+      if (itemPluginResponse?.propsEnhancers) {
+        pluginPropEnhancers.push(itemPluginResponse.propsEnhancers);
+
+        // Prepare a list of all the slots which are enhanced by at least one plugin
+        Object.keys(itemPluginResponse.propsEnhancers).forEach(propsEnhancerName => {
+          pluginPropEnhancersNames[propsEnhancerName] = true;
+        });
+      }
     });
+    const resolvePropsEnhancer = currentSlotName => currentSlotParams => {
+      const enhancedProps = {};
+      pluginPropEnhancers.forEach(propsEnhancersForCurrentPlugin => {
+        const propsEnhancerForCurrentPluginAndSlot = propsEnhancersForCurrentPlugin[currentSlotName];
+        if (propsEnhancerForCurrentPluginAndSlot != null) {
+          Object.assign(enhancedProps, propsEnhancerForCurrentPluginAndSlot(currentSlotParams));
+        }
+      });
+      return enhancedProps;
+    };
+    const propsEnhancers = Object.fromEntries(Object.keys(pluginPropEnhancersNames).map(propEnhancerName => [propEnhancerName, resolvePropsEnhancer(propEnhancerName)]));
     return {
       contentRef: finalContentRef,
-      rootRef: finalRootRef
+      rootRef: finalRootRef,
+      propsEnhancers
     };
   };
   const wrapItem = ({

package/internals/utils/warning.d.ts

@@ -1 +1,2 @@
-export declare const buildWarning: (message: string | string[], gravity?: "warning" | "error") => () => void;
+export declare function warnOnce(message: string | string[], gravity?: 'warning' | 'error'): void;
+export declare function clearWarningsCache(): void;

package/internals/utils/warning.js

@@ -1,14 +1,21 @@
-export const buildWarning = (message, gravity = 'warning') => {
-  let alreadyWarned = false;
+const warnedOnceCache = new Set();
+
+// TODO move to @mui/x-internals
+// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
+export function warnOnce(message, gravity = 'warning') {
+  if (process.env.NODE_ENV === 'production') {
+    return;
+  }
   const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return () => {
-    if (!alreadyWarned) {
-      alreadyWarned = true;
-      if (gravity === 'error') {
-        console.error(cleanMessage);
-      } else {
-        console.warn(cleanMessage);
-      }
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === 'error') {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
     }
-  };
-};
+  }
+}
+export function clearWarningsCache() {
+  warnedOnceCache.clear();
+}

package/modern/RichTreeView/RichTreeView.js

@@ -9,7 +9,7 @@ import { useTreeView } from '../internals/useTreeView';
 import { TreeViewProvider } from '../internals/TreeViewProvider';
 import { RICH_TREE_VIEW_PLUGINS } from './RichTreeView.plugins';
 import { TreeItem } from '../TreeItem';
-import { buildWarning } from '../internals/utils/warning';
+import { warnOnce } from '../internals/utils/warning';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiRichTreeView');
 const useUtilityClasses = ownerState => {
@@ -58,7 +58,6 @@ function WrappedTreeItem({
     children: children
   }));
 }
-const childrenWarning = buildWarning(['MUI X: The `RichTreeView` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
 
 /**
  *
@@ -77,7 +76,7 @@ const RichTreeView = /*#__PURE__*/React.forwardRef(function RichTreeView(inProps
   });
   if (process.env.NODE_ENV !== 'production') {
     if (props.children != null) {
-      childrenWarning();
+      warnOnce(['MUI X: The `RichTreeView` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/.']);
     }
   }
   const {

package/modern/SimpleTreeView/SimpleTreeView.js

@@ -8,7 +8,7 @@ import { getSimpleTreeViewUtilityClass } from './simpleTreeViewClasses';
 import { useTreeView } from '../internals/useTreeView';
 import { TreeViewProvider } from '../internals/TreeViewProvider';
 import { SIMPLE_TREE_VIEW_PLUGINS } from './SimpleTreeView.plugins';
-import { buildWarning } from '../internals/utils/warning';
+import { warnOnce } from '../internals/utils/warning';
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {
@@ -32,7 +32,6 @@ export const SimpleTreeViewRoot = styled('ul', {
   position: 'relative'
 });
 const EMPTY_ITEMS = [];
-const itemsPropWarning = buildWarning(['MUI X: The `SimpleTreeView` component does not support the `items` prop.', 'If you want to add items, you need to pass them as JSX children.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/']);
 
 /**
  *
@@ -52,7 +51,7 @@ const SimpleTreeView = /*#__PURE__*/React.forwardRef(function SimpleTreeView(inP
   const ownerState = props;
   if (process.env.NODE_ENV !== 'production') {
     if (props.items != null) {
-      itemsPropWarning();
+      warnOnce(['MUI X: The `SimpleTreeView` component does not support the `items` prop.', 'If you want to add items, you need to pass them as JSX children.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/.']);
     }
   }
   const {

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.11.0
+ * @mui/x-tree-view v7.11.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/index.js

@@ -12,4 +12,4 @@ export { useTreeViewKeyboardNavigation } from './plugins/useTreeViewKeyboardNavi
 export { useTreeViewIcons } from './plugins/useTreeViewIcons';
 export { useTreeViewItems } from './plugins/useTreeViewItems';
 export { useTreeViewJSXItems } from './plugins/useTreeViewJSXItems';
-export { buildWarning } from './utils/warning';
+export { warnOnce } from './utils/warning';

package/modern/internals/models/index.js

@@ -1,3 +1,4 @@
 export * from './helpers';
 export * from './plugin';
+export * from './itemPlugin';
 export * from './treeView';

package/modern/internals/models/itemPlugin.js

@@ -0,0 +1 @@
+export {};

package/modern/internals/useTreeView/useTreeViewBuildContext.js

@@ -7,6 +7,8 @@ export const useTreeViewBuildContext = ({
   const runItemPlugins = itemPluginProps => {
     let finalRootRef = null;
     let finalContentRef = null;
+    const pluginPropEnhancers = [];
+    const pluginPropEnhancersNames = {};
     plugins.forEach(plugin => {
       if (!plugin.itemPlugin) {
         return;
@@ -22,10 +24,30 @@ export const useTreeViewBuildContext = ({
       if (itemPluginResponse?.contentRef) {
         finalContentRef = itemPluginResponse.contentRef;
       }
+      if (itemPluginResponse?.propsEnhancers) {
+        pluginPropEnhancers.push(itemPluginResponse.propsEnhancers);
+
+        // Prepare a list of all the slots which are enhanced by at least one plugin
+        Object.keys(itemPluginResponse.propsEnhancers).forEach(propsEnhancerName => {
+          pluginPropEnhancersNames[propsEnhancerName] = true;
+        });
+      }
     });
+    const resolvePropsEnhancer = currentSlotName => currentSlotParams => {
+      const enhancedProps = {};
+      pluginPropEnhancers.forEach(propsEnhancersForCurrentPlugin => {
+        const propsEnhancerForCurrentPluginAndSlot = propsEnhancersForCurrentPlugin[currentSlotName];
+        if (propsEnhancerForCurrentPluginAndSlot != null) {
+          Object.assign(enhancedProps, propsEnhancerForCurrentPluginAndSlot(currentSlotParams));
+        }
+      });
+      return enhancedProps;
+    };
+    const propsEnhancers = Object.fromEntries(Object.keys(pluginPropEnhancersNames).map(propEnhancerName => [propEnhancerName, resolvePropsEnhancer(propEnhancerName)]));
     return {
       contentRef: finalContentRef,
-      rootRef: finalRootRef
+      rootRef: finalRootRef,
+      propsEnhancers
     };
   };
   const wrapItem = ({

package/modern/internals/utils/warning.js

@@ -1,14 +1,21 @@
-export const buildWarning = (message, gravity = 'warning') => {
-  let alreadyWarned = false;
+const warnedOnceCache = new Set();
+
+// TODO move to @mui/x-internals
+// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
+export function warnOnce(message, gravity = 'warning') {
+  if (process.env.NODE_ENV === 'production') {
+    return;
+  }
   const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return () => {
-    if (!alreadyWarned) {
-      alreadyWarned = true;
-      if (gravity === 'error') {
-        console.error(cleanMessage);
-      } else {
-        console.warn(cleanMessage);
-      }
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === 'error') {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
     }
-  };
-};
+  }
+}
+export function clearWarningsCache() {
+  warnedOnceCache.clear();
+}

package/node/RichTreeView/RichTreeView.js

@@ -67,7 +67,6 @@ function WrappedTreeItem({
     children: children
   }));
 }
-const childrenWarning = (0, _warning.buildWarning)(['MUI X: The `RichTreeView` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/']);
 
 /**
  *
@@ -86,7 +85,7 @@ const RichTreeView = exports.RichTreeView = /*#__PURE__*/React.forwardRef(functi
   });
   if (process.env.NODE_ENV !== 'production') {
     if (props.children != null) {
-      childrenWarning();
+      (0, _warning.warnOnce)(['MUI X: The `RichTreeView` component does not support JSX children.', 'If you want to add items, you need to use the `items` prop.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/rich-tree-view/items/.']);
     }
   }
   const {

package/node/SimpleTreeView/SimpleTreeView.js

@@ -41,7 +41,6 @@ const SimpleTreeViewRoot = exports.SimpleTreeViewRoot = (0, _zeroStyled.styled)(
   position: 'relative'
 });
 const EMPTY_ITEMS = [];
-const itemsPropWarning = (0, _warning.buildWarning)(['MUI X: The `SimpleTreeView` component does not support the `items` prop.', 'If you want to add items, you need to pass them as JSX children.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/']);
 
 /**
  *
@@ -61,7 +60,7 @@ const SimpleTreeView = exports.SimpleTreeView = /*#__PURE__*/React.forwardRef(fu
   const ownerState = props;
   if (process.env.NODE_ENV !== 'production') {
     if (props.items != null) {
-      itemsPropWarning();
+      (0, _warning.warnOnce)(['MUI X: The `SimpleTreeView` component does not support the `items` prop.', 'If you want to add items, you need to pass them as JSX children.', 'Check the documentation for more details: https://mui.com/x/react-tree-view/simple-tree-view/items/.']);
     }
   }
   const {

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.11.0
+ * @mui/x-tree-view v7.11.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/index.js

@@ -9,12 +9,6 @@ Object.defineProperty(exports, "TreeViewProvider", {
     return _TreeViewProvider.TreeViewProvider;
   }
 });
-Object.defineProperty(exports, "buildWarning", {
-  enumerable: true,
-  get: function () {
-    return _warning.buildWarning;
-  }
-});
 Object.defineProperty(exports, "unstable_resetCleanupTracking", {
   enumerable: true,
   get: function () {
@@ -69,6 +63,12 @@ Object.defineProperty(exports, "useTreeViewSelection", {
     return _useTreeViewSelection.useTreeViewSelection;
   }
 });
+Object.defineProperty(exports, "warnOnce", {
+  enumerable: true,
+  get: function () {
+    return _warning.warnOnce;
+  }
+});
 var _useTreeView = require("./useTreeView");
 var _TreeViewProvider = require("./TreeViewProvider");
 var _useInstanceEventHandler = require("./hooks/useInstanceEventHandler");

package/node/internals/models/index.js

@@ -25,6 +25,17 @@ Object.keys(_plugin).forEach(function (key) {
     }
   });
 });
+var _itemPlugin = require("./itemPlugin");
+Object.keys(_itemPlugin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _itemPlugin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _itemPlugin[key];
+    }
+  });
+});
 var _treeView = require("./treeView");
 Object.keys(_treeView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/internals/models/itemPlugin.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/internals/useTreeView/useTreeViewBuildContext.js

@@ -13,6 +13,8 @@ const useTreeViewBuildContext = ({
   const runItemPlugins = itemPluginProps => {
     let finalRootRef = null;
     let finalContentRef = null;
+    const pluginPropEnhancers = [];
+    const pluginPropEnhancersNames = {};
     plugins.forEach(plugin => {
       if (!plugin.itemPlugin) {
         return;
@@ -28,10 +30,30 @@ const useTreeViewBuildContext = ({
       if (itemPluginResponse?.contentRef) {
         finalContentRef = itemPluginResponse.contentRef;
       }
+      if (itemPluginResponse?.propsEnhancers) {
+        pluginPropEnhancers.push(itemPluginResponse.propsEnhancers);
+
+        // Prepare a list of all the slots which are enhanced by at least one plugin
+        Object.keys(itemPluginResponse.propsEnhancers).forEach(propsEnhancerName => {
+          pluginPropEnhancersNames[propsEnhancerName] = true;
+        });
+      }
     });
+    const resolvePropsEnhancer = currentSlotName => currentSlotParams => {
+      const enhancedProps = {};
+      pluginPropEnhancers.forEach(propsEnhancersForCurrentPlugin => {
+        const propsEnhancerForCurrentPluginAndSlot = propsEnhancersForCurrentPlugin[currentSlotName];
+        if (propsEnhancerForCurrentPluginAndSlot != null) {
+          Object.assign(enhancedProps, propsEnhancerForCurrentPluginAndSlot(currentSlotParams));
+        }
+      });
+      return enhancedProps;
+    };
+    const propsEnhancers = Object.fromEntries(Object.keys(pluginPropEnhancersNames).map(propEnhancerName => [propEnhancerName, resolvePropsEnhancer(propEnhancerName)]));
     return {
       contentRef: finalContentRef,
-      rootRef: finalRootRef
+      rootRef: finalRootRef,
+      propsEnhancers
     };
   };
   const wrapItem = ({

package/node/internals/utils/warning.js

@@ -3,19 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.buildWarning = void 0;
-const buildWarning = (message, gravity = 'warning') => {
-  let alreadyWarned = false;
+exports.clearWarningsCache = clearWarningsCache;
+exports.warnOnce = warnOnce;
+const warnedOnceCache = new Set();
+
+// TODO move to @mui/x-internals
+// TODO eventually move to @base_ui/internals. Base UI, etc. too need this helper.
+function warnOnce(message, gravity = 'warning') {
+  if (process.env.NODE_ENV === 'production') {
+    return;
+  }
   const cleanMessage = Array.isArray(message) ? message.join('\n') : message;
-  return () => {
-    if (!alreadyWarned) {
-      alreadyWarned = true;
-      if (gravity === 'error') {
-        console.error(cleanMessage);
-      } else {
-        console.warn(cleanMessage);
-      }
+  if (!warnedOnceCache.has(cleanMessage)) {
+    warnedOnceCache.add(cleanMessage);
+    if (gravity === 'error') {
+      console.error(cleanMessage);
+    } else {
+      console.warn(cleanMessage);
     }
-  };
-};
-exports.buildWarning = buildWarning;
+  }
+}
+function clearWarningsCache() {
+  warnedOnceCache.clear();
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "7.11.0",
+  "version": "7.11.1",
   "description": "The community edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -35,13 +35,13 @@
   "dependencies": {
     "@babel/runtime": "^7.24.8",
     "@mui/base": "^5.0.0-beta.40",
-    "@mui/system": "^5.16.2",
-    "@mui/utils": "^5.16.2",
+    "@mui/system": "^5.16.5",
+    "@mui/utils": "^5.16.5",
     "@types/react-transition-group": "^4.4.10",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "7.11.0"
+    "@mui/x-internals": "7.11.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/useTreeItem2/index.d.ts

@@ -1,2 +1,2 @@
 export { useTreeItem2 as unstable_useTreeItem2 } from './useTreeItem2';
-export type { UseTreeItem2Parameters, UseTreeItem2ReturnValue, UseTreeItem2Status, UseTreeItem2ContentSlotOwnProps, } from './useTreeItem2.types';
+export type { UseTreeItem2Parameters, UseTreeItem2ReturnValue, UseTreeItem2Status, UseTreeItem2RootSlotOwnProps, UseTreeItem2ContentSlotOwnProps, UseTreeItem2LabelSlotOwnProps, UseTreeItem2IconContainerSlotOwnProps, UseTreeItem2GroupTransitionSlotOwnProps, } from './useTreeItem2.types';