@mui/x-tree-view 8.0.0-beta.3 → 8.1.0

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.d.ts

@@ -1,37 +1,203 @@
 import { TreeViewRootSelector } from "../../utils/selectors.js";
 import { UseTreeViewSelectionSignature } from "./useTreeViewSelection.types.js";
 /**
- * Check if an item is selected.
+ * Get the selected items.
  * @param {TreeViewState<[UseTreeViewSelectionSignature]>} state The state of the tree view.
- * @returns {boolean} `true` if the item is selected, `false` otherwise.
+ * @returns {TreeViewSelectionValue<boolean>} The selected items.
  */
-export declare const selectorIsItemSelected: ((state: any, itemId: string) => boolean) & {
+export declare const selectorSelectionModel: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewSelection.types").UseTreeViewSelectionState & Partial<{}> & {
+  cacheKey: import("../../models").TreeViewStateCacheKey;
+}) => string | string[] | null) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
     selectionPropagation: import("../../..").TreeViewSelectionPropagation;
-  }, resultFuncArgs_1: string) => boolean;
+  }) => string | string[] | null;
   memoizedResultFunc: ((resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
     selectionPropagation: import("../../..").TreeViewSelectionPropagation;
-  }, resultFuncArgs_1: string) => boolean) & {
+  }) => string | string[] | null) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => string | string[] | null;
+  dependencies: [TreeViewRootSelector<UseTreeViewSelectionSignature>];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+  memoize: typeof import("reselect").weakMapMemoize;
+};
+/**
+ * Get the selected items as an array.
+ * @param {TreeViewState<[UseTreeViewSelectionSignature]>} state The state of the tree view.
+ * @returns {TreeViewItemId[]} The selected items as an array.
+ */
+export declare const selectorSelectionModelArray: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewSelection.types").UseTreeViewSelectionState & Partial<{}> & {
+  cacheKey: import("../../models").TreeViewStateCacheKey;
+}) => string[]) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: string | string[] | null) => string[];
+  memoizedResultFunc: ((resultFuncArgs_0: string | string[] | null) => string[]) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => string[];
+  dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewSelection.types").UseTreeViewSelectionState & Partial<{}> & {
+    cacheKey: import("../../models").TreeViewStateCacheKey;
+  }) => string | string[] | null) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: {
+      selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
+      isEnabled: boolean;
+      isMultiSelectEnabled: boolean;
+      isCheckboxSelectionEnabled: boolean;
+      selectionPropagation: import("../../..").TreeViewSelectionPropagation;
+    }) => string | string[] | null;
+    memoizedResultFunc: ((resultFuncArgs_0: {
+      selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
+      isEnabled: boolean;
+      isMultiSelectEnabled: boolean;
+      isCheckboxSelectionEnabled: boolean;
+      selectionPropagation: import("../../..").TreeViewSelectionPropagation;
+    }) => string | string[] | null) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => string | string[] | null;
+    dependencies: [TreeViewRootSelector<UseTreeViewSelectionSignature>];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+  }];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+  memoize: typeof import("reselect").weakMapMemoize;
+};
+/**
+ * Check if an item is selected.
+ * @param {TreeViewState<[UseTreeViewSelectionSignature]>} state The state of the tree view.
+ * @returns {boolean} `true` if the item is selected, `false` otherwise.
+ */
+export declare const selectorIsItemSelected: ((state: any, itemId: string) => boolean) & {
+  clearCache: () => void;
+  resultsCount: () => number;
+  resetResultsCount: () => void;
+} & {
+  resultFunc: (resultFuncArgs_0: Map<string, true>, resultFuncArgs_1: string) => boolean;
+  memoizedResultFunc: ((resultFuncArgs_0: Map<string, true>, resultFuncArgs_1: string) => boolean) & {
     clearCache: () => void;
     resultsCount: () => number;
     resetResultsCount: () => void;
   };
   lastResult: () => boolean;
-  dependencies: [TreeViewRootSelector<UseTreeViewSelectionSignature>, (_: any, itemId: string) => string];
+  dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewSelection.types").UseTreeViewSelectionState & Partial<{}> & {
+    cacheKey: import("../../models").TreeViewStateCacheKey;
+  }) => Map<string, true>) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  } & {
+    resultFunc: (resultFuncArgs_0: string[]) => Map<string, true>;
+    memoizedResultFunc: ((resultFuncArgs_0: string[]) => Map<string, true>) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    };
+    lastResult: () => Map<string, true>;
+    dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewSelection.types").UseTreeViewSelectionState & Partial<{}> & {
+      cacheKey: import("../../models").TreeViewStateCacheKey;
+    }) => string[]) & {
+      clearCache: () => void;
+      resultsCount: () => number;
+      resetResultsCount: () => void;
+    } & {
+      resultFunc: (resultFuncArgs_0: string | string[] | null) => string[];
+      memoizedResultFunc: ((resultFuncArgs_0: string | string[] | null) => string[]) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      };
+      lastResult: () => string[];
+      dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewSelection.types").UseTreeViewSelectionState & Partial<{}> & {
+        cacheKey: import("../../models").TreeViewStateCacheKey;
+      }) => string | string[] | null) & {
+        clearCache: () => void;
+        resultsCount: () => number;
+        resetResultsCount: () => void;
+      } & {
+        resultFunc: (resultFuncArgs_0: {
+          selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
+          isEnabled: boolean;
+          isMultiSelectEnabled: boolean;
+          isCheckboxSelectionEnabled: boolean;
+          selectionPropagation: import("../../..").TreeViewSelectionPropagation;
+        }) => string | string[] | null;
+        memoizedResultFunc: ((resultFuncArgs_0: {
+          selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
+          isEnabled: boolean;
+          isMultiSelectEnabled: boolean;
+          isCheckboxSelectionEnabled: boolean;
+          selectionPropagation: import("../../..").TreeViewSelectionPropagation;
+        }) => string | string[] | null) & {
+          clearCache: () => void;
+          resultsCount: () => number;
+          resetResultsCount: () => void;
+        };
+        lastResult: () => string | string[] | null;
+        dependencies: [TreeViewRootSelector<UseTreeViewSelectionSignature>];
+        recomputations: () => number;
+        resetRecomputations: () => void;
+        dependencyRecomputations: () => number;
+        resetDependencyRecomputations: () => void;
+      } & {
+        argsMemoize: typeof import("reselect").weakMapMemoize;
+        memoize: typeof import("reselect").weakMapMemoize;
+      }];
+      recomputations: () => number;
+      resetRecomputations: () => void;
+      dependencyRecomputations: () => number;
+      resetDependencyRecomputations: () => void;
+    } & {
+      argsMemoize: typeof import("reselect").weakMapMemoize;
+      memoize: typeof import("reselect").weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+  }, (_: any, itemId: string) => string];
   recomputations: () => number;
   resetRecomputations: () => void;
   dependencyRecomputations: () => number;
@@ -53,16 +219,14 @@ export declare const selectorIsMultiSelectEnabled: ((state: import("../../corePl
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
     selectionPropagation: import("../../..").TreeViewSelectionPropagation;
   }) => boolean;
   memoizedResultFunc: ((resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
@@ -95,16 +259,14 @@ export declare const selectorIsSelectionEnabled: ((state: import("../../corePlug
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
     selectionPropagation: import("../../..").TreeViewSelectionPropagation;
   }) => boolean;
   memoizedResultFunc: ((resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
@@ -137,16 +299,14 @@ export declare const selectorIsCheckboxSelectionEnabled: ((state: import("../../
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
     selectionPropagation: import("../../..").TreeViewSelectionPropagation;
   }) => boolean;
   memoizedResultFunc: ((resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
@@ -282,16 +442,14 @@ export declare const selectorIsItemSelectionEnabled: ((state: any, itemId: strin
     resetResultsCount: () => void;
   } & {
     resultFunc: (resultFuncArgs_0: {
-      rawSelectedItems: string | string[] | null;
-      selectedItemsMap: Map<string, true>;
+      selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
       isEnabled: boolean;
       isMultiSelectEnabled: boolean;
       isCheckboxSelectionEnabled: boolean;
       selectionPropagation: import("../../..").TreeViewSelectionPropagation;
     }) => boolean;
     memoizedResultFunc: ((resultFuncArgs_0: {
-      rawSelectedItems: string | string[] | null;
-      selectedItemsMap: Map<string, true>;
+      selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
       isEnabled: boolean;
       isMultiSelectEnabled: boolean;
       isCheckboxSelectionEnabled: boolean;
@@ -332,16 +490,14 @@ export declare const selectorSelectionPropagationRules: ((state: import("../../c
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
     selectionPropagation: import("../../..").TreeViewSelectionPropagation;
   }) => import("../../..").TreeViewSelectionPropagation;
   memoizedResultFunc: ((resultFuncArgs_0: {
-    rawSelectedItems: string | string[] | null;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: import("./useTreeViewSelection.types").TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.selectors.js

@@ -3,17 +3,52 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorSelectionPropagationRules = exports.selectorIsSelectionEnabled = exports.selectorIsMultiSelectEnabled = exports.selectorIsItemSelectionEnabled = exports.selectorIsItemSelected = exports.selectorIsCheckboxSelectionEnabled = void 0;
+exports.selectorSelectionPropagationRules = exports.selectorSelectionModelArray = exports.selectorSelectionModel = exports.selectorIsSelectionEnabled = exports.selectorIsMultiSelectEnabled = exports.selectorIsItemSelectionEnabled = exports.selectorIsItemSelected = exports.selectorIsCheckboxSelectionEnabled = void 0;
 var _selectors = require("../../utils/selectors");
 var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.selectors");
 const selectorTreeViewSelectionState = state => state.selection;
 
+/**
+ * Get the selected items.
+ * @param {TreeViewState<[UseTreeViewSelectionSignature]>} state The state of the tree view.
+ * @returns {TreeViewSelectionValue<boolean>} The selected items.
+ */
+const selectorSelectionModel = exports.selectorSelectionModel = (0, _selectors.createSelector)([selectorTreeViewSelectionState], selectionState => selectionState.selectedItems);
+
+/**
+ * Get the selected items as an array.
+ * @param {TreeViewState<[UseTreeViewSelectionSignature]>} state The state of the tree view.
+ * @returns {TreeViewItemId[]} The selected items as an array.
+ */
+const selectorSelectionModelArray = exports.selectorSelectionModelArray = (0, _selectors.createSelector)([selectorSelectionModel], selectedItems => {
+  if (Array.isArray(selectedItems)) {
+    return selectedItems;
+  }
+  if (selectedItems != null) {
+    return [selectedItems];
+  }
+  return [];
+});
+
+/**
+ * Get the selected items as a map.
+ * @param {TreeViewState<[UseTreeViewSelectionSignature]>} state The state of the tree view.
+ * @returns {Map<TreeViewItemId, true>} The selected items as a Map.
+ */
+const selectorSelectionModelMap = (0, _selectors.createSelector)([selectorSelectionModelArray], selectedItems => {
+  const selectedItemsMap = new Map();
+  selectedItems.forEach(id => {
+    selectedItemsMap.set(id, true);
+  });
+  return selectedItemsMap;
+});
+
 /**
  * Check if an item is selected.
  * @param {TreeViewState<[UseTreeViewSelectionSignature]>} state The state of the tree view.
  * @returns {boolean} `true` if the item is selected, `false` otherwise.
  */
-const selectorIsItemSelected = exports.selectorIsItemSelected = (0, _selectors.createSelector)([selectorTreeViewSelectionState, (_, itemId) => itemId], (selectionState, itemId) => selectionState.selectedItemsMap.has(itemId));
+const selectorIsItemSelected = exports.selectorIsItemSelected = (0, _selectors.createSelector)([selectorSelectionModelMap, (_, itemId) => itemId], (selectedItemsMap, itemId) => selectedItemsMap.has(itemId));
 
 /**
  * Check if multi selection is enabled.

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.types.d.ts

@@ -52,7 +52,7 @@ export interface UseTreeViewSelectionInstance extends UseTreeViewSelectionPublic
    */
   selectItemFromArrowNavigation: (event: React.SyntheticEvent, currentItemId: string, nextItemId: string) => void;
 }
-type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
+export type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
 export interface UseTreeViewSelectionParameters<Multiple extends boolean | undefined> {
   /**
    * If `true` selection is disabled.
@@ -115,8 +115,7 @@ export interface UseTreeViewSelectionParameters<Multiple extends boolean | undef
 export type UseTreeViewSelectionDefaultizedParameters<Multiple extends boolean> = DefaultizedProps<UseTreeViewSelectionParameters<Multiple>, 'disableSelection' | 'defaultSelectedItems' | 'multiSelect' | 'checkboxSelection' | 'selectionPropagation'>;
 export interface UseTreeViewSelectionState {
   selection: {
-    rawSelectedItems: TreeViewSelectionValue<boolean>;
-    selectedItemsMap: Map<string, true>;
+    selectedItems: TreeViewSelectionValue<boolean>;
     isEnabled: boolean;
     isMultiSelectEnabled: boolean;
     isCheckboxSelectionEnabled: boolean;
@@ -128,7 +127,6 @@ export type UseTreeViewSelectionSignature = TreeViewPluginSignature<{
   defaultizedParams: UseTreeViewSelectionDefaultizedParameters<any>;
   instance: UseTreeViewSelectionInstance;
   publicAPI: UseTreeViewSelectionPublicAPI;
-  modelNames: 'selectedItems';
   state: UseTreeViewSelectionState;
   dependencies: [UseTreeViewItemsSignature, UseTreeViewExpansionSignature, UseTreeViewItemsSignature];
 }>;
@@ -141,5 +139,4 @@ export interface UseTreeItemCheckboxSlotPropsFromSelection {
 }
 declare module '@mui/x-tree-view/useTreeItem' {
   interface UseTreeItemCheckboxSlotOwnProps extends UseTreeItemCheckboxSlotPropsFromSelection {}
-}
-export {};
+}

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.d.ts

@@ -1,13 +1,6 @@
 import { TreeViewItemId, TreeViewSelectionPropagation } from "../../../models/index.js";
 import { TreeViewUsedStore } from "../../models/index.js";
 import { UseTreeViewSelectionSignature } from "./useTreeViewSelection.types.js";
-/**
- * Transform the `selectedItems` model to be an array if it was a string or null.
- * @param {string[] | string | null} model The raw model.
- * @returns {string[]} The converted model.
- */
-export declare const convertSelectedItemsToArray: (model: string[] | string | null) => string[];
-export declare const createSelectedItemsMap: (selectedItems: string | string[] | null) => Map<string, true>;
 export declare const getLookupFromArray: (array: string[]) => {
   [itemId: string]: true;
 };

package/internals/plugins/useTreeViewSelection/useTreeViewSelection.utils.js

@@ -3,32 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propagateSelection = exports.getLookupFromArray = exports.getAddedAndRemovedItems = exports.createSelectedItemsMap = exports.convertSelectedItemsToArray = void 0;
+exports.propagateSelection = exports.getLookupFromArray = exports.getAddedAndRemovedItems = void 0;
 var _useTreeViewSelection = require("./useTreeViewSelection.selectors");
 var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.selectors");
-/**
- * Transform the `selectedItems` model to be an array if it was a string or null.
- * @param {string[] | string | null} model The raw model.
- * @returns {string[]} The converted model.
- */
-const convertSelectedItemsToArray = model => {
-  if (Array.isArray(model)) {
-    return model;
-  }
-  if (model != null) {
-    return [model];
-  }
-  return [];
-};
-exports.convertSelectedItemsToArray = convertSelectedItemsToArray;
-const createSelectedItemsMap = selectedItems => {
-  const selectedItemsMap = new Map();
-  convertSelectedItemsToArray(selectedItems).forEach(id => {
-    selectedItemsMap.set(id, true);
-  });
-  return selectedItemsMap;
-};
-exports.createSelectedItemsMap = createSelectedItemsMap;
 const getLookupFromArray = array => {
   const lookup = {};
   array.forEach(itemId => {
@@ -42,10 +19,13 @@ const getAddedAndRemovedItems = ({
   oldModel,
   newModel
 }) => {
-  const newModelLookup = createSelectedItemsMap(newModel);
+  const newModelMap = new Map();
+  newModel.forEach(id => {
+    newModelMap.set(id, true);
+  });
   return {
     added: newModel.filter(itemId => !(0, _useTreeViewSelection.selectorIsItemSelected)(store.value, itemId)),
-    removed: oldModel.filter(itemId => !newModelLookup.has(itemId))
+    removed: oldModel.filter(itemId => !newModelMap.has(itemId))
   };
 };
 exports.getAddedAndRemovedItems = getAddedAndRemovedItems;

package/internals/useTreeView/extractPluginParamsFromProps.d.ts

@@ -11,8 +11,6 @@ interface ExtractPluginParamsFromPropsReturnValue<TSignatures extends readonly T
 }
 export declare const extractPluginParamsFromProps: <TSignatures extends readonly TreeViewPluginSignature<any>[], TProps extends Partial<UseTreeViewBaseProps<TSignatures>>>({
   props: {
-    slots,
-    slotProps,
     apiRef,
     experimentalFeatures: inExperimentalFeatures,
     ...props

package/internals/useTreeView/extractPluginParamsFromProps.js

@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractPluginParamsFromProps = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-const _excluded = ["slots", "slotProps", "apiRef", "experimentalFeatures"];
+const _excluded = ["apiRef", "experimentalFeatures"];
 const extractPluginParamsFromProps = _ref => {
   let {
       props: {
-        slots,
-        slotProps,
         apiRef,
         experimentalFeatures: inExperimentalFeatures
       },
@@ -46,8 +44,6 @@ const extractPluginParamsFromProps = _ref => {
     apiRef,
     forwardedProps,
     pluginParams: defaultizedPluginParams,
-    slots: slots ?? {},
-    slotProps: slotProps ?? {},
     experimentalFeatures
   };
 };

package/internals/useTreeView/useTreeView.d.ts

@@ -1,7 +1,16 @@
 import * as React from 'react';
 import { TreeViewAnyPluginSignature } from "../models/index.js";
 import { UseTreeViewBaseProps, UseTreeViewParameters, UseTreeViewReturnValue } from "./useTreeView.types.js";
-export declare function useTreeViewApiInitialization<T>(inputApiRef: React.RefObject<T | undefined> | undefined): T;
+export declare function useTreeViewApiInitialization<T>(inputApiRef: React.RefObject<T | undefined> | undefined): React.RefObject<T>;
+/**
+ * This is the main hook that sets the plugin system up for the tree-view.
+ *
+ * It manages the data used to create the tree-view.
+ *
+ * @param plugins All the plugins that will be used in the tree-view.
+ * @param props The props passed to the tree-view.
+ * @param rootRef The ref of the root element.
+ */
 export declare const useTreeView: <TSignatures extends readonly TreeViewAnyPluginSignature[], TProps extends Partial<UseTreeViewBaseProps<TSignatures>>>({
   plugins: inPlugins,
   rootRef,

package/internals/useTreeView/useTreeView.js

@@ -10,22 +10,34 @@ exports.useTreeViewApiInitialization = useTreeViewApiInitialization;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
-var _useTreeViewModels = require("./useTreeViewModels");
 var _corePlugins = require("../corePlugins");
 var _extractPluginParamsFromProps = require("./extractPluginParamsFromProps");
 var _useTreeViewBuildContext = require("./useTreeViewBuildContext");
 var _TreeViewStore = require("../utils/TreeViewStore");
+function initializeInputApiRef(inputApiRef) {
+  if (inputApiRef.current == null) {
+    inputApiRef.current = {};
+  }
+  return inputApiRef;
+}
 function useTreeViewApiInitialization(inputApiRef) {
   const fallbackPublicApiRef = React.useRef({});
   if (inputApiRef) {
-    if (inputApiRef.current == null) {
-      inputApiRef.current = {};
-    }
-    return inputApiRef.current;
+    return initializeInputApiRef(inputApiRef);
   }
-  return fallbackPublicApiRef.current;
+  return fallbackPublicApiRef;
 }
 let globalId = 0;
+
+/**
+ * This is the main hook that sets the plugin system up for the tree-view.
+ *
+ * It manages the data used to create the tree-view.
+ *
+ * @param plugins All the plugins that will be used in the tree-view.
+ * @param props The props passed to the tree-view.
+ * @param rootRef The ref of the root element.
+ */
 const useTreeView = ({
   plugins: inPlugins,
   rootRef,
@@ -36,14 +48,11 @@ const useTreeView = ({
     pluginParams,
     forwardedProps,
     apiRef,
-    experimentalFeatures,
-    slots,
-    slotProps
+    experimentalFeatures
   } = (0, _extractPluginParamsFromProps.extractPluginParamsFromProps)({
     plugins,
     props
   });
-  const models = (0, _useTreeViewModels.useTreeViewModels)(plugins, pluginParams);
   const instanceRef = React.useRef({});
   const instance = instanceRef.current;
   const publicAPI = useTreeViewApiInitialization(apiRef);
@@ -64,24 +73,20 @@ const useTreeView = ({
     });
     storeRef.current = new _TreeViewStore.TreeViewStore(initialState);
   }
-  const baseContextValue = (0, _useTreeViewBuildContext.useTreeViewBuildContext)({
+  const contextValue = (0, _useTreeViewBuildContext.useTreeViewBuildContext)({
     plugins,
     instance,
-    publicAPI,
+    publicAPI: publicAPI.current,
     store: storeRef.current,
     rootRef: innerRootRef
   });
   const rootPropsGetters = [];
-  const pluginContextValues = [];
   const runPlugin = plugin => {
     const pluginResponse = plugin({
       instance,
       params: pluginParams,
-      slots,
-      slotProps,
       experimentalFeatures,
       rootRef: innerRootRef,
-      models,
       plugins,
       store: storeRef.current
     });
@@ -89,14 +94,11 @@ const useTreeView = ({
       rootPropsGetters.push(pluginResponse.getRootProps);
     }
     if (pluginResponse.publicAPI) {
-      Object.assign(publicAPI, pluginResponse.publicAPI);
+      Object.assign(publicAPI.current, pluginResponse.publicAPI);
     }
     if (pluginResponse.instance) {
       Object.assign(instance, pluginResponse.instance);
     }
-    if (pluginResponse.contextValue) {
-      pluginContextValues.push(pluginResponse.contextValue);
-    }
   };
   plugins.forEach(runPlugin);
   const getRootProps = (otherHandlers = {}) => {
@@ -110,11 +112,6 @@ const useTreeView = ({
     });
     return rootProps;
   };
-  const contextValue = React.useMemo(() => {
-    const copiedBaseContextValue = (0, _extends2.default)({}, baseContextValue);
-    return Object.assign(copiedBaseContextValue, ...pluginContextValues);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [baseContextValue, ...pluginContextValues]);
   return {
     getRootProps,
     rootRef: handleRootRef,

package/internals/useTreeView/useTreeView.types.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { EventHandlers } from '@mui/utils/types';
 import type { TreeViewContextValue } from '../TreeViewProvider';
-import { TreeViewAnyPluginSignature, ConvertSignaturesIntoPlugins, MergeSignaturesProperty, TreeViewPublicAPI, TreeViewExperimentalFeatures } from "../models/index.js";
+import { TreeViewAnyPluginSignature, ConvertSignaturesIntoPlugins, TreeViewPublicAPI, TreeViewExperimentalFeatures } from "../models/index.js";
 export interface UseTreeViewParameters<TSignatures extends readonly TreeViewAnyPluginSignature[], TProps extends Partial<UseTreeViewBaseProps<TSignatures>>> {
   plugins: ConvertSignaturesIntoPlugins<TSignatures>;
   rootRef?: React.Ref<HTMLUListElement> | undefined;
@@ -9,8 +9,6 @@ export interface UseTreeViewParameters<TSignatures extends readonly TreeViewAnyP
 }
 export interface UseTreeViewBaseProps<TSignatures extends readonly TreeViewAnyPluginSignature[]> {
   apiRef: React.RefObject<TreeViewPublicAPI<TSignatures> | undefined> | undefined;
-  slots: MergeSignaturesProperty<TSignatures, 'slots'>;
-  slotProps: MergeSignaturesProperty<TSignatures, 'slotProps'>;
   experimentalFeatures: TreeViewExperimentalFeatures<TSignatures>;
 }
 export interface UseTreeViewRootSlotProps extends Pick<React.HTMLAttributes<HTMLUListElement>, 'onFocus' | 'onBlur' | 'onKeyDown' | 'id' | 'aria-multiselectable' | 'role' | 'tabIndex'> {