@mui/x-tree-view 7.6.1 → 7.7.0

package/node/RichTreeView/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  RICH_TREE_VIEW_PLUGINS: true
+};
+Object.defineProperty(exports, "RICH_TREE_VIEW_PLUGINS", {
+  enumerable: true,
+  get: function () {
+    return _RichTreeView2.RICH_TREE_VIEW_PLUGINS;
+  }
+});
 var _RichTreeView = require("./RichTreeView");
 Object.keys(_RichTreeView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _RichTreeView[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -17,6 +27,7 @@ Object.keys(_RichTreeView).forEach(function (key) {
 var _richTreeViewClasses = require("./richTreeViewClasses");
 Object.keys(_richTreeViewClasses).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _richTreeViewClasses[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -24,4 +35,5 @@ Object.keys(_richTreeViewClasses).forEach(function (key) {
       return _richTreeViewClasses[key];
     }
   });
-});
+});
+var _RichTreeView2 = require("./RichTreeView.plugins");

package/node/SimpleTreeView/SimpleTreeView.js

@@ -8,18 +8,18 @@ exports.SimpleTreeViewRoot = exports.SimpleTreeView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _utils = require("@mui/base/utils");
+var _zeroStyled = require("../internals/zero-styled");
 var _simpleTreeViewClasses = require("./simpleTreeViewClasses");
 var _useTreeView = require("../internals/useTreeView");
 var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _SimpleTreeView = require("./SimpleTreeView.plugins");
 var _warning = require("../internals/utils/warning");
-var _extractPluginParamsFromProps = require("../internals/utils/extractPluginParamsFromProps");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -29,7 +29,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _simpleTreeViewClasses.getSimpleTreeViewUtilityClass, classes);
 };
-const SimpleTreeViewRoot = exports.SimpleTreeViewRoot = (0, _styles.styled)('ul', {
+const SimpleTreeViewRoot = exports.SimpleTreeViewRoot = (0, _zeroStyled.styled)('ul', {
   name: 'MuiSimpleTreeView',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -54,7 +54,7 @@ const itemsPropWarning = (0, _warning.buildWarning)(['MUI X: The `SimpleTreeView
  * - [SimpleTreeView API](https://mui.com/x/api/tree-view/simple-tree-view/)
  */
 const SimpleTreeView = exports.SimpleTreeView = /*#__PURE__*/React.forwardRef(function SimpleTreeView(inProps, ref) {
-  const props = (0, _styles.useThemeProps)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiSimpleTreeView'
   });
@@ -65,27 +65,24 @@ const SimpleTreeView = exports.SimpleTreeView = /*#__PURE__*/React.forwardRef(fu
     }
   }
   const {
-    pluginParams,
-    slots,
-    slotProps,
-    otherProps
-  } = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
+    getRootProps,
+    contextValue
+  } = (0, _useTreeView.useTreeView)({
+    plugins: _SimpleTreeView.SIMPLE_TREE_VIEW_PLUGINS,
+    rootRef: ref,
     props: (0, _extends2.default)({}, props, {
       items: EMPTY_ITEMS
-    }),
-    plugins: _SimpleTreeView.SIMPLE_TREE_VIEW_PLUGINS,
-    rootRef: ref
+    })
   });
   const {
-    getRootProps,
-    contextValue
-  } = (0, _useTreeView.useTreeView)(pluginParams);
+    slots,
+    slotProps
+  } = props;
   const classes = useUtilityClasses(props);
   const Root = slots?.root ?? SimpleTreeViewRoot;
   const rootProps = (0, _utils.useSlotProps)({
     elementType: Root,
     externalSlotProps: slotProps?.root,
-    externalForwardedProps: otherProps,
     className: classes.root,
     getSlotProps: getRootProps,
     ownerState

package/node/SimpleTreeView/SimpleTreeView.plugins.js

@@ -4,8 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SIMPLE_TREE_VIEW_PLUGINS = void 0;
-var _defaultPlugins = require("../internals/plugins/defaultPlugins");
+var _useTreeViewId = require("../internals/plugins/useTreeViewId");
+var _useTreeViewItems = require("../internals/plugins/useTreeViewItems");
+var _useTreeViewExpansion = require("../internals/plugins/useTreeViewExpansion");
+var _useTreeViewSelection = require("../internals/plugins/useTreeViewSelection");
+var _useTreeViewFocus = require("../internals/plugins/useTreeViewFocus");
+var _useTreeViewKeyboardNavigation = require("../internals/plugins/useTreeViewKeyboardNavigation");
+var _useTreeViewIcons = require("../internals/plugins/useTreeViewIcons");
 var _useTreeViewJSXItems = require("../internals/plugins/useTreeViewJSXItems");
-const SIMPLE_TREE_VIEW_PLUGINS = exports.SIMPLE_TREE_VIEW_PLUGINS = [..._defaultPlugins.DEFAULT_TREE_VIEW_PLUGINS, _useTreeViewJSXItems.useTreeViewJSXItems];
+const SIMPLE_TREE_VIEW_PLUGINS = exports.SIMPLE_TREE_VIEW_PLUGINS = [_useTreeViewId.useTreeViewId, _useTreeViewItems.useTreeViewItems, _useTreeViewExpansion.useTreeViewExpansion, _useTreeViewSelection.useTreeViewSelection, _useTreeViewFocus.useTreeViewFocus, _useTreeViewKeyboardNavigation.useTreeViewKeyboardNavigation, _useTreeViewIcons.useTreeViewIcons, _useTreeViewJSXItems.useTreeViewJSXItems];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/node/TreeItem/TreeItem.js

@@ -18,6 +18,7 @@ var _styles = require("@mui/material/styles");
 var _unsupportedProp = _interopRequireDefault(require("@mui/utils/unsupportedProp"));
 var _elementTypeAcceptingRef = _interopRequireDefault(require("@mui/utils/elementTypeAcceptingRef"));
 var _base = require("@mui/base");
+var _zeroStyled = require("../internals/zero-styled");
 var _TreeItemContent = require("./TreeItemContent");
 var _treeItemClasses = require("./treeItemClasses");
 var _useTreeViewContext = require("../internals/TreeViewProvider/useTreeViewContext");
@@ -31,6 +32,7 @@ const _excluded = ["children", "className", "slots", "slotProps", "ContentCompon
   _excluded4 = ["ownerState"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiTreeItem');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -49,7 +51,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _base.unstable_composeClasses)(slots, _treeItemClasses.getTreeItemUtilityClass, classes);
 };
-const TreeItemRoot = (0, _styles.styled)('li', {
+const TreeItemRoot = (0, _zeroStyled.styled)('li', {
   name: 'MuiTreeItem',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -59,7 +61,7 @@ const TreeItemRoot = (0, _styles.styled)('li', {
   padding: 0,
   outline: 0
 });
-const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.TreeItemContent, {
+const StyledTreeItemContent = (0, _zeroStyled.styled)(_TreeItemContent.TreeItemContent, {
   name: 'MuiTreeItem',
   slot: 'Content',
   overridesResolver: (props, styles) => {
@@ -139,7 +141,7 @@ const StyledTreeItemContent = (0, _styles.styled)(_TreeItemContent.TreeItemConte
     }
   }]
 }));
-const TreeItemGroup = (0, _styles.styled)(_Collapse.default, {
+const TreeItemGroup = (0, _zeroStyled.styled)(_Collapse.default, {
   name: 'MuiTreeItem',
   slot: 'GroupTransition',
   overridesResolver: (props, styles) => styles.groupTransition,
@@ -180,7 +182,7 @@ const TreeItem = exports.TreeItem = /*#__PURE__*/React.forwardRef(function TreeI
     instance
   } = (0, _useTreeViewContext.useTreeViewContext)();
   const depthContext = React.useContext(_TreeViewItemDepthContext.TreeViewItemDepthContext);
-  const props = (0, _styles.useThemeProps)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiTreeItem'
   });
@@ -399,6 +401,10 @@ process.env.NODE_ENV !== "production" ? TreeItem.propTypes = {
    * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
    */
   onFocus: _unsupportedProp.default,
+  /**
+   * Callback fired when a key of the keyboard is pressed on the item.
+   */
+  onKeyDown: _propTypes.default.func,
   /**
    * The props used for each component slot.
    * @default {}

package/node/TreeItem2/TreeItem2.js

@@ -17,6 +17,7 @@ var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
 var _utils = require("@mui/base/utils");
 var _createStyled = require("@mui/system/createStyled");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _zeroStyled = require("../internals/zero-styled");
 var _useTreeItem = require("../useTreeItem2");
 var _TreeItem = require("../TreeItem");
 var _TreeItem2Icon = require("../TreeItem2Icon");
@@ -26,7 +27,8 @@ const _excluded = ["visible"],
   _excluded2 = ["id", "itemId", "label", "disabled", "children", "slots", "slotProps"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const TreeItem2Root = exports.TreeItem2Root = (0, _styles.styled)('li', {
+const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiTreeItem2');
+const TreeItem2Root = exports.TreeItem2Root = (0, _zeroStyled.styled)('li', {
   name: 'MuiTreeItem2',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -36,7 +38,7 @@ const TreeItem2Root = exports.TreeItem2Root = (0, _styles.styled)('li', {
   padding: 0,
   outline: 0
 });
-const TreeItem2Content = exports.TreeItem2Content = (0, _styles.styled)('div', {
+const TreeItem2Content = exports.TreeItem2Content = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem2',
   slot: 'Content',
   overridesResolver: (props, styles) => styles.content,
@@ -106,7 +108,7 @@ const TreeItem2Content = exports.TreeItem2Content = (0, _styles.styled)('div', {
     }
   }]
 }));
-const TreeItem2Label = exports.TreeItem2Label = (0, _styles.styled)('div', {
+const TreeItem2Label = exports.TreeItem2Label = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem2',
   slot: 'Label',
   overridesResolver: (props, styles) => styles.label
@@ -120,7 +122,7 @@ const TreeItem2Label = exports.TreeItem2Label = (0, _styles.styled)('div', {
   minWidth: 0,
   position: 'relative'
 }, theme.typography.body1));
-const TreeItem2IconContainer = exports.TreeItem2IconContainer = (0, _styles.styled)('div', {
+const TreeItem2IconContainer = exports.TreeItem2IconContainer = (0, _zeroStyled.styled)('div', {
   name: 'MuiTreeItem2',
   slot: 'IconContainer',
   overridesResolver: (props, styles) => styles.iconContainer
@@ -133,7 +135,7 @@ const TreeItem2IconContainer = exports.TreeItem2IconContainer = (0, _styles.styl
     fontSize: 18
   }
 });
-const TreeItem2GroupTransition = exports.TreeItem2GroupTransition = (0, _styles.styled)(_Collapse.default, {
+const TreeItem2GroupTransition = exports.TreeItem2GroupTransition = (0, _zeroStyled.styled)(_Collapse.default, {
   name: 'MuiTreeItem2',
   slot: 'GroupTransition',
   overridesResolver: (props, styles) => styles.groupTransition,
@@ -151,7 +153,7 @@ const TreeItem2GroupTransition = exports.TreeItem2GroupTransition = (0, _styles.
     }
   }]
 });
-const TreeItem2Checkbox = exports.TreeItem2Checkbox = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => {
+const TreeItem2Checkbox = exports.TreeItem2Checkbox = (0, _zeroStyled.styled)( /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
       visible
     } = props,
@@ -198,7 +200,7 @@ const useUtilityClasses = ownerState => {
  * - [TreeItem2 API](https://mui.com/x/api/tree-view/tree-item-2/)
  */
 const TreeItem2 = exports.TreeItem2 = /*#__PURE__*/React.forwardRef(function TreeItem2(inProps, forwardedRef) {
-  const props = (0, _styles.useThemeProps)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiTreeItem2'
   });
@@ -330,11 +332,19 @@ process.env.NODE_ENV !== "production" ? TreeItem2.propTypes = {
    * The label of the item.
    */
   label: _propTypes.default.node,
+  /**
+   * Callback fired when the item root is blurred.
+   */
+  onBlur: _propTypes.default.func,
   /**
    * This prop isn't supported.
-   * Use the `onItemFocus` callback on the tree if you need to monitor a item's focus.
+   * Use the `onItemFocus` callback on the tree if you need to monitor an item's focus.
    */
   onFocus: _unsupportedProp.default,
+  /**
+   * Callback fired when a key is pressed on the keyboard and the tree is in focus.
+   */
+  onKeyDown: _propTypes.default.func,
   /**
    * The props used for each component slot.
    * @default {}

package/node/TreeView/TreeView.js

@@ -8,13 +8,14 @@ exports.TreeView = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _zeroStyled = require("../internals/zero-styled");
 var _treeViewClasses = require("./treeViewClasses");
 var _SimpleTreeView = require("../SimpleTreeView");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useThemeProps = (0, _zeroStyled.createUseThemeProps)('MuiTreeView');
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -24,7 +25,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _treeViewClasses.getTreeViewUtilityClass, classes);
 };
-const TreeViewRoot = (0, _styles.styled)(_SimpleTreeView.SimpleTreeViewRoot, {
+const TreeViewRoot = (0, _zeroStyled.styled)(_SimpleTreeView.SimpleTreeViewRoot, {
   name: 'MuiTreeView',
   slot: 'Root',
   overridesResolver: (props, styles) => styles.root
@@ -55,7 +56,7 @@ const TreeView = exports.TreeView = /*#__PURE__*/React.forwardRef(function TreeV
   if (process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'test') {
     warn();
   }
-  const props = (0, _styles.useThemeProps)({
+  const props = useThemeProps({
     props: inProps,
     name: 'MuiTreeView'
   });

package/node/index.js

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

package/node/internals/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "DEFAULT_TREE_VIEW_PLUGINS", {
-  enumerable: true,
-  get: function () {
-    return _defaultPlugins.DEFAULT_TREE_VIEW_PLUGINS;
-  }
-});
 Object.defineProperty(exports, "TreeViewProvider", {
   enumerable: true,
   get: function () {
@@ -21,12 +15,6 @@ Object.defineProperty(exports, "buildWarning", {
     return _warning.buildWarning;
   }
 });
-Object.defineProperty(exports, "extractPluginParamsFromProps", {
-  enumerable: true,
-  get: function () {
-    return _extractPluginParamsFromProps.extractPluginParamsFromProps;
-  }
-});
 Object.defineProperty(exports, "unstable_resetCleanupTracking", {
   enumerable: true,
   get: function () {
@@ -90,7 +78,6 @@ Object.defineProperty(exports, "useTreeViewSelection", {
 var _useTreeView = require("./useTreeView");
 var _TreeViewProvider = require("./TreeViewProvider");
 var _useInstanceEventHandler = require("./hooks/useInstanceEventHandler");
-var _defaultPlugins = require("./plugins/defaultPlugins");
 var _useTreeViewExpansion = require("./plugins/useTreeViewExpansion");
 var _useTreeViewSelection = require("./plugins/useTreeViewSelection");
 var _useTreeViewFocus = require("./plugins/useTreeViewFocus");
@@ -99,5 +86,4 @@ var _useTreeViewId = require("./plugins/useTreeViewId");
 var _useTreeViewIcons = require("./plugins/useTreeViewIcons");
 var _useTreeViewItems = require("./plugins/useTreeViewItems");
 var _useTreeViewJSXItems = require("./plugins/useTreeViewJSXItems");
-var _warning = require("./utils/warning");
-var _extractPluginParamsFromProps = require("./utils/extractPluginParamsFromProps");
+var _warning = require("./utils/warning");

package/node/internals/plugins/useTreeViewKeyboardNavigation/useTreeViewKeyboardNavigation.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTreeViewKeyboardNavigation = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
+var _RtlProvider = require("@mui/system/RtlProvider");
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _tree = require("../../utils/tree");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -19,8 +19,7 @@ const useTreeViewKeyboardNavigation = ({
   params,
   state
 }) => {
-  const theme = (0, _styles.useTheme)();
-  const isRTL = theme.direction === 'rtl';
+  const isRtl = (0, _RtlProvider.useRtl)();
   const firstCharMap = React.useRef({});
   const updateFirstCharMap = (0, _useEventCallback.default)(callback => {
     firstCharMap.current = callback(firstCharMap.current);
@@ -147,7 +146,7 @@ const useTreeViewKeyboardNavigation = ({
 
       // If the focused item is expanded, we move the focus to its first child
       // If the focused item is collapsed and has children, we expand it
-      case key === 'ArrowRight' && !isRTL || key === 'ArrowLeft' && isRTL:
+      case key === 'ArrowRight' && !isRtl || key === 'ArrowLeft' && isRtl:
         {
           if (instance.isItemExpanded(itemId)) {
             const nextItemId = (0, _tree.getNextNavigableItem)(instance, itemId);
@@ -164,7 +163,7 @@ const useTreeViewKeyboardNavigation = ({
 
       // If the focused item is expanded, we collapse it
       // If the focused item is collapsed and has a parent, we move the focus to this parent
-      case key === 'ArrowLeft' && !isRTL || key === 'ArrowRight' && isRTL:
+      case key === 'ArrowLeft' && !isRtl || key === 'ArrowRight' && isRtl:
         {
           if (canToggleItemExpansion(itemId) && instance.isItemExpanded(itemId)) {
             instance.toggleItemExpansion(event, itemId);

package/node/internals/{utils → useTreeView}/extractPluginParamsFromProps.js

@@ -15,36 +15,36 @@ const extractPluginParamsFromProps = _ref => {
         apiRef,
         experimentalFeatures
       },
-      plugins,
-      rootRef
+      plugins
     } = _ref,
     props = (0, _objectWithoutPropertiesLoose2.default)(_ref.props, _excluded);
   const paramsLookup = {};
   plugins.forEach(plugin => {
     Object.assign(paramsLookup, plugin.params);
   });
-  const pluginParams = {
-    plugins,
-    rootRef,
-    slots: slots ?? {},
-    slotProps: slotProps ?? {},
-    experimentalFeatures: experimentalFeatures ?? {},
-    apiRef
-  };
-  const otherProps = {};
+  const pluginParams = {};
+  const forwardedProps = {};
   Object.keys(props).forEach(propName => {
     const prop = props[propName];
     if (paramsLookup[propName]) {
       pluginParams[propName] = prop;
     } else {
-      otherProps[propName] = prop;
+      forwardedProps[propName] = prop;
     }
   });
+  const defaultizedPluginParams = plugins.reduce((acc, plugin) => {
+    if (plugin.getDefaultizedParams) {
+      return plugin.getDefaultizedParams(acc);
+    }
+    return acc;
+  }, pluginParams);
   return {
-    pluginParams,
-    slots,
-    slotProps,
-    otherProps
+    apiRef,
+    forwardedProps,
+    pluginParams: defaultizedPluginParams,
+    slots: slots ?? {},
+    slotProps: slotProps ?? {},
+    experimentalFeatures: experimentalFeatures ?? {}
   };
 };
 exports.extractPluginParamsFromProps = extractPluginParamsFromProps;

package/node/internals/useTreeView/useTreeView.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _useTreeViewModels = require("./useTreeViewModels");
 var _corePlugins = require("../corePlugins");
+var _extractPluginParamsFromProps = require("./extractPluginParamsFromProps");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useTreeViewApiInitialization(inputApiRef) {
@@ -23,62 +24,69 @@ function useTreeViewApiInitialization(inputApiRef) {
   }
   return fallbackPublicApiRef.current;
 }
-const useTreeView = inParams => {
-  const plugins = [..._corePlugins.TREE_VIEW_CORE_PLUGINS, ...inParams.plugins];
-  const params = plugins.reduce((acc, plugin) => {
-    if (plugin.getDefaultizedParams) {
-      return plugin.getDefaultizedParams(acc);
-    }
-    return acc;
-  }, inParams);
-  const models = (0, _useTreeViewModels.useTreeViewModels)(plugins, params);
+const useTreeView = ({
+  plugins: inPlugins,
+  rootRef,
+  props
+}) => {
+  const plugins = [..._corePlugins.TREE_VIEW_CORE_PLUGINS, ...inPlugins];
+  const {
+    pluginParams,
+    forwardedProps,
+    apiRef,
+    experimentalFeatures,
+    slots,
+    slotProps
+  } = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
+    plugins,
+    props
+  });
+  const models = (0, _useTreeViewModels.useTreeViewModels)(plugins, pluginParams);
   const instanceRef = React.useRef({});
   const instance = instanceRef.current;
-  const publicAPI = useTreeViewApiInitialization(inParams.apiRef);
+  const publicAPI = useTreeViewApiInitialization(apiRef);
   const innerRootRef = React.useRef(null);
-  const handleRootRef = (0, _useForkRef.default)(innerRootRef, inParams.rootRef);
+  const handleRootRef = (0, _useForkRef.default)(innerRootRef, rootRef);
   const [state, setState] = React.useState(() => {
     const temp = {};
     plugins.forEach(plugin => {
       if (plugin.getInitialState) {
-        Object.assign(temp, plugin.getInitialState(params));
+        Object.assign(temp, plugin.getInitialState(pluginParams));
       }
     });
     return temp;
   });
-  const rootPropsGetters = [];
-  const contextValue = {
-    publicAPI,
-    instance: instance,
-    rootRef: innerRootRef
+  const itemWrappers = plugins.map(plugin => plugin.wrapItem).filter(wrapItem => !!wrapItem);
+  const wrapItem = ({
+    itemId,
+    children
+  }) => {
+    let finalChildren = children;
+    itemWrappers.forEach(itemWrapper => {
+      finalChildren = itemWrapper({
+        itemId,
+        children: finalChildren,
+        instance
+      });
+    });
+    return finalChildren;
   };
-  const runPlugin = plugin => {
-    const pluginResponse = plugin({
-      instance,
-      params,
-      slots: params.slots,
-      slotProps: params.slotProps,
-      experimentalFeatures: params.experimentalFeatures,
-      state,
-      setState,
-      rootRef: innerRootRef,
-      models
+  const rootWrappers = plugins.map(plugin => plugin.wrapRoot).filter(wrapRoot => !!wrapRoot)
+  // The wrappers are reversed to ensure that the first wrapper is the outermost one.
+  .reverse();
+  const wrapRoot = ({
+    children
+  }) => {
+    let finalChildren = children;
+    rootWrappers.forEach(rootWrapper => {
+      finalChildren = rootWrapper({
+        children: finalChildren,
+        instance
+      });
     });
-    if (pluginResponse.getRootProps) {
-      rootPropsGetters.push(pluginResponse.getRootProps);
-    }
-    if (pluginResponse.publicAPI) {
-      Object.assign(publicAPI, pluginResponse.publicAPI);
-    }
-    if (pluginResponse.instance) {
-      Object.assign(instance, pluginResponse.instance);
-    }
-    if (pluginResponse.contextValue) {
-      Object.assign(contextValue, pluginResponse.contextValue);
-    }
+    return finalChildren;
   };
-  plugins.forEach(runPlugin);
-  contextValue.runItemPlugins = itemPluginProps => {
+  const runItemPlugins = itemPluginProps => {
     let finalRootRef = null;
     let finalContentRef = null;
     plugins.forEach(plugin => {
@@ -102,40 +110,45 @@ const useTreeView = inParams => {
       rootRef: finalRootRef
     };
   };
-  const itemWrappers = plugins.map(plugin => plugin.wrapItem).filter(wrapItem => !!wrapItem);
-  contextValue.wrapItem = ({
-    itemId,
-    children
-  }) => {
-    let finalChildren = children;
-    itemWrappers.forEach(itemWrapper => {
-      finalChildren = itemWrapper({
-        itemId,
-        children: finalChildren,
-        instance
-      });
-    });
-    return finalChildren;
+  const contextValue = {
+    publicAPI,
+    wrapItem,
+    wrapRoot,
+    runItemPlugins,
+    instance: instance,
+    rootRef: innerRootRef
   };
-  const rootWrappers = plugins.map(plugin => plugin.wrapRoot).filter(wrapRoot => !!wrapRoot)
-  // The wrappers are reversed to ensure that the first wrapper is the outermost one.
-  .reverse();
-  contextValue.wrapRoot = ({
-    children
-  }) => {
-    let finalChildren = children;
-    rootWrappers.forEach(rootWrapper => {
-      finalChildren = rootWrapper({
-        children: finalChildren,
-        instance
-      });
+  const rootPropsGetters = [];
+  const runPlugin = plugin => {
+    const pluginResponse = plugin({
+      instance,
+      params: pluginParams,
+      slots,
+      slotProps,
+      experimentalFeatures,
+      state,
+      setState,
+      rootRef: innerRootRef,
+      models
     });
-    return finalChildren;
+    if (pluginResponse.getRootProps) {
+      rootPropsGetters.push(pluginResponse.getRootProps);
+    }
+    if (pluginResponse.publicAPI) {
+      Object.assign(publicAPI, pluginResponse.publicAPI);
+    }
+    if (pluginResponse.instance) {
+      Object.assign(instance, pluginResponse.instance);
+    }
+    if (pluginResponse.contextValue) {
+      Object.assign(contextValue, pluginResponse.contextValue);
+    }
   };
+  plugins.forEach(runPlugin);
   const getRootProps = (otherHandlers = {}) => {
     const rootProps = (0, _extends2.default)({
       role: 'tree'
-    }, otherHandlers, {
+    }, forwardedProps, otherHandlers, {
       ref: handleRootRef
     });
     rootPropsGetters.forEach(rootPropsGetter => {
@@ -146,8 +159,8 @@ const useTreeView = inParams => {
   return {
     getRootProps,
     rootRef: handleRootRef,
-    contextValue: contextValue,
-    instance: instance
+    contextValue,
+    instance
   };
 };
 exports.useTreeView = useTreeView;