@mui/x-tree-view 7.6.2 → 7.7.1

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/hooks/useTreeItem2Utils/useTreeItem2Utils.js

@@ -11,6 +11,15 @@ const isItemExpandable = reactChildren => {
   }
   return Boolean(reactChildren);
 };
+
+/**
+ * Plugins that need to be present in the Tree View in order for `useTreeItem2Utils` to work correctly.
+ */
+
+/**
+ * Plugins that `useTreeItem2Utils` can use if they are present, but are not required.
+ */
+
 const useTreeItem2Utils = ({
   itemId,
   children

package/node/index.js

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

package/node/internals/TreeViewProvider/TreeViewChildrenItemProvider.js

@@ -9,6 +9,7 @@ exports.TreeViewChildrenItemProvider = TreeViewChildrenItemProvider;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useTreeViewContext = require("./useTreeViewContext");
+var _utils = require("../utils/utils");
 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; }
@@ -44,7 +45,8 @@ function TreeViewChildrenItemProvider(props) {
       return;
     }
     const previousChildrenIds = instance.getItemOrderedChildrenIds(itemId ?? null) ?? [];
-    const childrenElements = rootRef.current.querySelectorAll(`${itemId == null ? '' : `*[id="${idAttr}"] `}[role="treeitem"]:not(*[id="${idAttr}"] [role="treeitem"] [role="treeitem"])`);
+    const escapedIdAttr = (0, _utils.escapeOperandAttributeSelector)(idAttr);
+    const childrenElements = rootRef.current.querySelectorAll(`${itemId == null ? '' : `*[id="${escapedIdAttr}"] `}[role="treeitem"]:not(*[id="${escapedIdAttr}"] [role="treeitem"] [role="treeitem"])`);
     const childrenIds = Array.from(childrenElements).map(child => childrenIdAttrToIdRef.current.get(child.id));
     const hasChanged = childrenIds.length !== previousChildrenIds.length || childrenIds.some((childId, index) => childId !== previousChildrenIds[index]);
     if (hasChanged) {

package/node/internals/corePlugins/corePlugins.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TREE_VIEW_CORE_PLUGINS = void 0;
 var _useTreeViewInstanceEvents = require("./useTreeViewInstanceEvents");
+var _useTreeViewId = require("./useTreeViewId");
 /**
  * Internal plugins that create the tools used by the other plugins.
  * These plugins are used by the tree view components.
  */
-const TREE_VIEW_CORE_PLUGINS = exports.TREE_VIEW_CORE_PLUGINS = [_useTreeViewInstanceEvents.useTreeViewInstanceEvents];
+const TREE_VIEW_CORE_PLUGINS = exports.TREE_VIEW_CORE_PLUGINS = [_useTreeViewInstanceEvents.useTreeViewInstanceEvents, _useTreeViewId.useTreeViewId];

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 () {
@@ -57,12 +45,6 @@ Object.defineProperty(exports, "useTreeViewIcons", {
     return _useTreeViewIcons.useTreeViewIcons;
   }
 });
-Object.defineProperty(exports, "useTreeViewId", {
-  enumerable: true,
-  get: function () {
-    return _useTreeViewId.useTreeViewId;
-  }
-});
 Object.defineProperty(exports, "useTreeViewItems", {
   enumerable: true,
   get: function () {
@@ -90,14 +72,11 @@ 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");
 var _useTreeViewKeyboardNavigation = require("./plugins/useTreeViewKeyboardNavigation");
-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;

package/node/internals/utils/utils.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.escapeOperandAttributeSelector = escapeOperandAttributeSelector;
 exports.getActiveElement = void 0;
 // https://www.abeautifulsite.net/posts/finding-the-active-element-in-a-shadow-root/
 const getActiveElement = (root = document) => {
@@ -15,4 +16,10 @@ const getActiveElement = (root = document) => {
   }
   return activeEl;
 };
-exports.getActiveElement = getActiveElement;
+
+// TODO, eventually replaces this function with CSS.escape, once available in jsdom, either added manually or built in
+// https://github.com/jsdom/jsdom/issues/1550#issuecomment-236734471
+exports.getActiveElement = getActiveElement;
+function escapeOperandAttributeSelector(operand) {
+  return operand.replace(/["\\]/g, '\\$&');
+}

package/node/internals/zero-styled/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUseThemeProps = createUseThemeProps;
+Object.defineProperty(exports, "styled", {
+  enumerable: true,
+  get: function () {
+    return _styles.styled;
+  }
+});
+var _styles = require("@mui/material/styles");
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function createUseThemeProps(name) {
+  return _styles.useThemeProps;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "7.6.2",
+  "version": "7.7.1",
   "description": "The community edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,10 +33,10 @@
     "directory": "packages/x-tree-view"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.6",
+    "@babel/runtime": "^7.24.7",
     "@mui/base": "^5.0.0-beta.40",
-    "@mui/system": "^5.15.15",
-    "@mui/utils": "^5.15.14",
+    "@mui/system": "^5.15.20",
+    "@mui/utils": "^5.15.20",
     "@types/react-transition-group": "^4.4.10",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",

package/useTreeItem2/useTreeItem2.d.ts

@@ -1,2 +1,2 @@
-import { UseTreeItem2Parameters, UseTreeItem2ReturnValue } from './useTreeItem2.types';
-export declare const useTreeItem2: <TPlugins extends [import("../internals").UseTreeViewIdSignature, import("../internals").UseTreeViewItemsSignature, import("../internals").UseTreeViewExpansionSignature, import("../internals").UseTreeViewSelectionSignature, import("../internals").UseTreeViewFocusSignature, import("../internals").UseTreeViewKeyboardNavigationSignature, import("../internals").UseTreeViewIconsSignature] = [import("../internals").UseTreeViewIdSignature, import("../internals").UseTreeViewItemsSignature, import("../internals").UseTreeViewExpansionSignature, import("../internals").UseTreeViewSelectionSignature, import("../internals").UseTreeViewFocusSignature, import("../internals").UseTreeViewKeyboardNavigationSignature, import("../internals").UseTreeViewIconsSignature]>(parameters: UseTreeItem2Parameters) => UseTreeItem2ReturnValue<TPlugins>;
+import { UseTreeItem2Parameters, UseTreeItem2ReturnValue, UseTreeItem2MinimalPlugins } from './useTreeItem2.types';
+export declare const useTreeItem2: <TSignatures extends UseTreeItem2MinimalPlugins = UseTreeItem2MinimalPlugins, TOptionalSignatures extends readonly [] = readonly []>(parameters: UseTreeItem2Parameters) => UseTreeItem2ReturnValue<TSignatures, TOptionalSignatures>;

package/useTreeItem2/useTreeItem2.types.d.ts

@@ -1,7 +1,11 @@
 import * as React from 'react';
 import { TreeViewItemId } from '../models';
 import { MuiCancellableEventHandler } from '../internals/models/MuiCancellableEvent';
-import { TreeViewAnyPluginSignature, TreeViewPublicAPI } from '../internals/models';
+import { TreeViewPublicAPI } from '../internals/models';
+import { UseTreeViewSelectionSignature } from '../internals/plugins/useTreeViewSelection';
+import { UseTreeViewItemsSignature } from '../internals/plugins/useTreeViewItems';
+import { UseTreeViewFocusSignature } from '../internals/plugins/useTreeViewFocus';
+import { UseTreeViewKeyboardNavigationSignature } from '../internals/plugins/useTreeViewKeyboardNavigation';
 export interface UseTreeItem2Parameters {
     /**
      * The id attribute of the item. If not provided, it will be generated.
@@ -90,7 +94,7 @@ export interface UseTreeItem2Status {
     selected: boolean;
     disabled: boolean;
 }
-export interface UseTreeItem2ReturnValue<TPlugins extends readonly TreeViewAnyPluginSignature[]> {
+export interface UseTreeItem2ReturnValue<TSignatures extends UseTreeItem2MinimalPlugins, TOptionalSignatures extends UseTreeItem2OptionalPlugins> {
     /**
      * Resolver for the root slot's props.
      * @param {ExternalProps} externalProps Additional props for the root slot
@@ -138,5 +142,18 @@ export interface UseTreeItem2ReturnValue<TPlugins extends readonly TreeViewAnyPl
     /**
      * The object the allows Tree View manipulation.
      */
-    publicAPI: TreeViewPublicAPI<TPlugins>;
+    publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
 }
+/**
+ * Plugins that need to be present in the Tree View in order for `useTreeItem2` to work correctly.
+ */
+export type UseTreeItem2MinimalPlugins = readonly [
+    UseTreeViewSelectionSignature,
+    UseTreeViewItemsSignature,
+    UseTreeViewFocusSignature,
+    UseTreeViewKeyboardNavigationSignature
+];
+/**
+ * Plugins that `useTreeItem2` can use if they are present, but are not required.
+ */
+export type UseTreeItem2OptionalPlugins = readonly [];

package/internals/plugins/defaultPlugins.d.ts

@@ -1,13 +0,0 @@
-import { UseTreeViewIdParameters } from './useTreeViewId';
-import { UseTreeViewItemsParameters } from './useTreeViewItems';
-import { UseTreeViewExpansionParameters } from './useTreeViewExpansion';
-import { UseTreeViewSelectionParameters } from './useTreeViewSelection';
-import { UseTreeViewFocusParameters } from './useTreeViewFocus';
-import { UseTreeViewIconsParameters } from './useTreeViewIcons';
-import { ConvertPluginsIntoSignatures, MergePluginsProperty } from '../models';
-export declare const DEFAULT_TREE_VIEW_PLUGINS: readonly [import("../models").TreeViewPlugin<import("./useTreeViewId").UseTreeViewIdSignature>, import("../models").TreeViewPlugin<import("./useTreeViewItems").UseTreeViewItemsSignature>, import("../models").TreeViewPlugin<import("./useTreeViewExpansion").UseTreeViewExpansionSignature>, import("../models").TreeViewPlugin<import("./useTreeViewSelection").UseTreeViewSelectionSignature>, import("../models").TreeViewPlugin<import("./useTreeViewFocus").UseTreeViewFocusSignature>, import("../models").TreeViewPlugin<import("./useTreeViewKeyboardNavigation").UseTreeViewKeyboardNavigationSignature>, import("../models").TreeViewPlugin<import("./useTreeViewIcons").UseTreeViewIconsSignature>];
-export type DefaultTreeViewPlugins = ConvertPluginsIntoSignatures<typeof DEFAULT_TREE_VIEW_PLUGINS>;
-export type DefaultTreeViewPluginSlots = MergePluginsProperty<DefaultTreeViewPlugins, 'slots'>;
-export type DefaultTreeViewPluginSlotProps = MergePluginsProperty<DefaultTreeViewPlugins, 'slotProps'>;
-export interface DefaultTreeViewPluginParameters<R extends {}, Multiple extends boolean | undefined> extends UseTreeViewIdParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewIconsParameters {
-}

package/internals/plugins/defaultPlugins.js

@@ -1,10 +0,0 @@
-import { useTreeViewId } from './useTreeViewId';
-import { useTreeViewItems } from './useTreeViewItems';
-import { useTreeViewExpansion } from './useTreeViewExpansion';
-import { useTreeViewSelection } from './useTreeViewSelection';
-import { useTreeViewFocus } from './useTreeViewFocus';
-import { useTreeViewKeyboardNavigation } from './useTreeViewKeyboardNavigation';
-import { useTreeViewIcons } from './useTreeViewIcons';
-export const DEFAULT_TREE_VIEW_PLUGINS = [useTreeViewId, useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/internals/plugins/index.d.ts

@@ -1,2 +0,0 @@
-export { DEFAULT_TREE_VIEW_PLUGINS } from './defaultPlugins';
-export type { DefaultTreeViewPlugins } from './defaultPlugins';

package/internals/plugins/index.js

@@ -1 +0,0 @@
-export { DEFAULT_TREE_VIEW_PLUGINS } from './defaultPlugins';

package/internals/utils/extractPluginParamsFromProps.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { ConvertPluginsIntoSignatures, MergePluginsProperty, TreeViewExperimentalFeatures, TreeViewPlugin, TreeViewPublicAPI } from '../models';
-import { UseTreeViewBaseParameters } from '../useTreeView/useTreeView.types';
-export declare const extractPluginParamsFromProps: <TPlugins extends readonly TreeViewPlugin<any>[], TSlots extends MergePluginsProperty<TPlugins, "slots">, TSlotProps extends MergePluginsProperty<TPlugins, "slotProps">, TProps extends {
-    slots?: TSlots | undefined;
-    slotProps?: TSlotProps | undefined;
-    apiRef?: React.MutableRefObject<TreeViewPublicAPI<ConvertPluginsIntoSignatures<TPlugins>> | undefined> | undefined;
-    experimentalFeatures?: TreeViewExperimentalFeatures<ConvertPluginsIntoSignatures<TPlugins>> | undefined;
-}>({ props: { slots, slotProps, apiRef, experimentalFeatures, ...props }, plugins, rootRef, }: {
-    props: TProps;
-    plugins: TPlugins;
-    rootRef?: React.Ref<HTMLUListElement>;
-}) => {
-    pluginParams: UseTreeViewBaseParameters<TPlugins> & MergePluginsProperty<ConvertPluginsIntoSignatures<TPlugins>, "params">;
-    slots: TSlots | undefined;
-    slotProps: TSlotProps | undefined;
-    otherProps: Omit<TProps, keyof MergePluginsProperty<ConvertPluginsIntoSignatures<TPlugins>, "params">>;
-};

package/modern/internals/plugins/defaultPlugins.js

@@ -1,10 +0,0 @@
-import { useTreeViewId } from './useTreeViewId';
-import { useTreeViewItems } from './useTreeViewItems';
-import { useTreeViewExpansion } from './useTreeViewExpansion';
-import { useTreeViewSelection } from './useTreeViewSelection';
-import { useTreeViewFocus } from './useTreeViewFocus';
-import { useTreeViewKeyboardNavigation } from './useTreeViewKeyboardNavigation';
-import { useTreeViewIcons } from './useTreeViewIcons';
-export const DEFAULT_TREE_VIEW_PLUGINS = [useTreeViewId, useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/modern/internals/plugins/index.js

@@ -1 +0,0 @@
-export { DEFAULT_TREE_VIEW_PLUGINS } from './defaultPlugins';

package/node/internals/plugins/defaultPlugins.js

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