@mui/x-tree-view 8.22.0 → 8.24.0

package/internals/utils/tree.d.ts

@@ -1,10 +1,8 @@
-import { TreeViewState } from "../models/index.js";
-import type { UseTreeViewExpansionSignature } from "../plugins/useTreeViewExpansion/index.js";
-import type { UseTreeViewItemsSignature } from "../plugins/useTreeViewItems/index.js";
-export declare const getPreviousNavigableItem: (state: TreeViewState<[UseTreeViewItemsSignature, UseTreeViewExpansionSignature]>, itemId: string) => string | null;
-export declare const getNextNavigableItem: (state: TreeViewState<[UseTreeViewItemsSignature, UseTreeViewExpansionSignature]>, itemId: string) => string | null;
-export declare const getLastNavigableItem: (state: TreeViewState<[UseTreeViewExpansionSignature, UseTreeViewItemsSignature]>) => string;
-export declare const getFirstNavigableItem: (state: TreeViewState<[UseTreeViewExpansionSignature, UseTreeViewItemsSignature]>) => string;
+import { MinimalTreeViewState } from "../MinimalTreeViewStore/index.js";
+export declare const getPreviousNavigableItem: (state: MinimalTreeViewState<any, any>, itemId: string) => string | null;
+export declare const getNextNavigableItem: (state: MinimalTreeViewState<any, any>, itemId: string) => string | null;
+export declare const getLastNavigableItem: (state: MinimalTreeViewState<any, any>) => string;
+export declare const getFirstNavigableItem: (state: MinimalTreeViewState<any, any>) => string;
 /**
  * This is used to determine the start and end of a selection range so
  * we can get the items between the two border items.
@@ -19,9 +17,9 @@ export declare const getFirstNavigableItem: (state: TreeViewState<[UseTreeViewEx
  * Another way to put it is which item is shallower in a trémaux tree
  * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree
  */
-export declare const findOrderInTremauxTree: (state: TreeViewState<[UseTreeViewExpansionSignature, UseTreeViewItemsSignature]>, itemAId: string, itemBId: string) => string[];
-export declare const getNonDisabledItemsInRange: (state: TreeViewState<[UseTreeViewItemsSignature, UseTreeViewExpansionSignature]>, itemAId: string, itemBId: string) => string[];
-export declare const getAllNavigableItems: (state: TreeViewState<[UseTreeViewItemsSignature, UseTreeViewExpansionSignature]>) => string[];
+export declare const findOrderInTremauxTree: (state: MinimalTreeViewState<any, any>, itemAId: string, itemBId: string) => string[];
+export declare const getNonDisabledItemsInRange: (state: MinimalTreeViewState<any, any>, itemAId: string, itemBId: string) => string[];
+export declare const getAllNavigableItems: (state: MinimalTreeViewState<any, any>) => string[];
 /**
  * Checks if the target is in a descendant of this item.
  * This can prevent from firing some logic on the ancestors on the interacted item when the event handler is on the root.

package/internals/utils/tree.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isTargetInDescendants = exports.getPreviousNavigableItem = exports.getNonDisabledItemsInRange = exports.getNextNavigableItem = exports.getLastNavigableItem = exports.getFirstNavigableItem = exports.getAllNavigableItems = exports.findOrderInTremauxTree = void 0;
-var _useTreeViewExpansion = require("../plugins/useTreeViewExpansion/useTreeViewExpansion.selectors");
-var _useTreeViewItems = require("../plugins/useTreeViewItems/useTreeViewItems.selectors");
+var _selectors = require("../plugins/expansion/selectors");
+var _selectors2 = require("../plugins/items/selectors");
 const getLastNavigableItemInArray = (state, items) => {
   // Equivalent to Array.prototype.findLastIndex
   let itemIndex = items.length - 1;
-  while (itemIndex >= 0 && !_useTreeViewItems.itemsSelectors.canItemBeFocused(state, items[itemIndex])) {
+  while (itemIndex >= 0 && !_selectors2.itemsSelectors.canItemBeFocused(state, items[itemIndex])) {
     itemIndex -= 1;
   }
   if (itemIndex === -1) {
@@ -18,12 +18,12 @@ const getLastNavigableItemInArray = (state, items) => {
   return items[itemIndex];
 };
 const getPreviousNavigableItem = (state, itemId) => {
-  const itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(state, itemId);
+  const itemMeta = _selectors2.itemsSelectors.itemMeta(state, itemId);
   if (!itemMeta) {
     return null;
   }
-  const siblings = _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, itemMeta.parentId);
-  const itemIndex = _useTreeViewItems.itemsSelectors.itemIndex(state, itemId);
+  const siblings = _selectors2.itemsSelectors.itemOrderedChildrenIds(state, itemMeta.parentId);
+  const itemIndex = _selectors2.itemsSelectors.itemIndex(state, itemId);
 
   // TODO: What should we do if the parent is not navigable?
   if (itemIndex === 0) {
@@ -32,7 +32,7 @@ const getPreviousNavigableItem = (state, itemId) => {
 
   // Finds the previous navigable sibling.
   let previousNavigableSiblingIndex = itemIndex - 1;
-  while (!_useTreeViewItems.itemsSelectors.canItemBeFocused(state, siblings[previousNavigableSiblingIndex]) && previousNavigableSiblingIndex >= 0) {
+  while (!_selectors2.itemsSelectors.canItemBeFocused(state, siblings[previousNavigableSiblingIndex]) && previousNavigableSiblingIndex >= 0) {
     previousNavigableSiblingIndex -= 1;
   }
   if (previousNavigableSiblingIndex === -1) {
@@ -47,47 +47,47 @@ const getPreviousNavigableItem = (state, itemId) => {
 
   // Finds the last navigable ancestor of the previous navigable sibling.
   let currentItemId = siblings[previousNavigableSiblingIndex];
-  let lastNavigableChild = getLastNavigableItemInArray(state, _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, currentItemId));
-  while (_useTreeViewExpansion.expansionSelectors.isItemExpanded(state, currentItemId) && lastNavigableChild != null) {
+  let lastNavigableChild = getLastNavigableItemInArray(state, _selectors2.itemsSelectors.itemOrderedChildrenIds(state, currentItemId));
+  while (_selectors.expansionSelectors.isItemExpanded(state, currentItemId) && lastNavigableChild != null) {
     currentItemId = lastNavigableChild;
-    lastNavigableChild = getLastNavigableItemInArray(state, _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, currentItemId));
+    lastNavigableChild = getLastNavigableItemInArray(state, _selectors2.itemsSelectors.itemOrderedChildrenIds(state, currentItemId));
   }
   return currentItemId;
 };
 exports.getPreviousNavigableItem = getPreviousNavigableItem;
 const getNextNavigableItem = (state, itemId) => {
   // If the item is expanded and has some navigable children, return the first of them.
-  if (_useTreeViewExpansion.expansionSelectors.isItemExpanded(state, itemId)) {
-    const firstNavigableChild = _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, itemId).find(childId => _useTreeViewItems.itemsSelectors.canItemBeFocused(state, childId));
+  if (_selectors.expansionSelectors.isItemExpanded(state, itemId)) {
+    const firstNavigableChild = _selectors2.itemsSelectors.itemOrderedChildrenIds(state, itemId).find(childId => _selectors2.itemsSelectors.canItemBeFocused(state, childId));
     if (firstNavigableChild != null) {
       return firstNavigableChild;
     }
   }
-  let itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(state, itemId);
+  let itemMeta = _selectors2.itemsSelectors.itemMeta(state, itemId);
   while (itemMeta != null) {
     // Try to find the first navigable sibling after the current item.
-    const siblings = _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, itemMeta.parentId);
-    const currentItemIndex = _useTreeViewItems.itemsSelectors.itemIndex(state, itemMeta.id);
+    const siblings = _selectors2.itemsSelectors.itemOrderedChildrenIds(state, itemMeta.parentId);
+    const currentItemIndex = _selectors2.itemsSelectors.itemIndex(state, itemMeta.id);
     if (currentItemIndex < siblings.length - 1) {
       let nextItemIndex = currentItemIndex + 1;
-      while (!_useTreeViewItems.itemsSelectors.canItemBeFocused(state, siblings[nextItemIndex]) && nextItemIndex < siblings.length - 1) {
+      while (!_selectors2.itemsSelectors.canItemBeFocused(state, siblings[nextItemIndex]) && nextItemIndex < siblings.length - 1) {
         nextItemIndex += 1;
       }
-      if (_useTreeViewItems.itemsSelectors.canItemBeFocused(state, siblings[nextItemIndex])) {
+      if (_selectors2.itemsSelectors.canItemBeFocused(state, siblings[nextItemIndex])) {
         return siblings[nextItemIndex];
       }
     }
 
     // If the sibling does not exist, go up a level to the parent and try again.
-    itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(state, itemMeta.parentId);
+    itemMeta = _selectors2.itemsSelectors.itemMeta(state, itemMeta.parentId);
   }
   return null;
 };
 exports.getNextNavigableItem = getNextNavigableItem;
 const getLastNavigableItem = state => {
   let itemId = null;
-  while (itemId == null || _useTreeViewExpansion.expansionSelectors.isItemExpanded(state, itemId)) {
-    const children = _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, itemId);
+  while (itemId == null || _selectors.expansionSelectors.isItemExpanded(state, itemId)) {
+    const children = _selectors2.itemsSelectors.itemOrderedChildrenIds(state, itemId);
     const lastNavigableChild = getLastNavigableItemInArray(state, children);
 
     // The item has no navigable children.
@@ -99,7 +99,7 @@ const getLastNavigableItem = state => {
   return itemId;
 };
 exports.getLastNavigableItem = getLastNavigableItem;
-const getFirstNavigableItem = state => _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, null).find(itemId => _useTreeViewItems.itemsSelectors.canItemBeFocused(state, itemId));
+const getFirstNavigableItem = state => _selectors2.itemsSelectors.itemOrderedChildrenIds(state, null).find(itemId => _selectors2.itemsSelectors.canItemBeFocused(state, itemId));
 
 /**
  * This is used to determine the start and end of a selection range so
@@ -120,8 +120,8 @@ const findOrderInTremauxTree = (state, itemAId, itemBId) => {
   if (itemAId === itemBId) {
     return [itemAId, itemBId];
   }
-  const itemMetaA = _useTreeViewItems.itemsSelectors.itemMeta(state, itemAId);
-  const itemMetaB = _useTreeViewItems.itemsSelectors.itemMeta(state, itemBId);
+  const itemMetaA = _selectors2.itemsSelectors.itemMeta(state, itemAId);
+  const itemMetaB = _selectors2.itemsSelectors.itemMeta(state, itemBId);
   if (!itemMetaA || !itemMetaB) {
     return [itemAId, itemBId];
   }
@@ -142,7 +142,7 @@ const findOrderInTremauxTree = (state, itemAId, itemBId) => {
       aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;
       continueA = aAncestor !== null;
       if (!aAncestorIsCommon && continueA) {
-        aAncestor = _useTreeViewItems.itemsSelectors.itemParentId(state, aAncestor);
+        aAncestor = _selectors2.itemsSelectors.itemParentId(state, aAncestor);
       }
     }
     if (continueB && !aAncestorIsCommon) {
@@ -150,12 +150,12 @@ const findOrderInTremauxTree = (state, itemAId, itemBId) => {
       bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;
       continueB = bAncestor !== null;
       if (!bAncestorIsCommon && continueB) {
-        bAncestor = _useTreeViewItems.itemsSelectors.itemParentId(state, bAncestor);
+        bAncestor = _selectors2.itemsSelectors.itemParentId(state, bAncestor);
       }
     }
   }
   const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;
-  const ancestorFamily = _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, commonAncestor);
+  const ancestorFamily = _selectors2.itemsSelectors.itemOrderedChildrenIds(state, commonAncestor);
   const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];
   const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];
   return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide) ? [itemAId, itemBId] : [itemBId, itemAId];
@@ -164,20 +164,20 @@ exports.findOrderInTremauxTree = findOrderInTremauxTree;
 const getNonDisabledItemsInRange = (state, itemAId, itemBId) => {
   const getNextItem = itemId => {
     // If the item is expanded and has some children, return the first of them.
-    if (_useTreeViewExpansion.expansionSelectors.isItemExpandable(state, itemId) && _useTreeViewExpansion.expansionSelectors.isItemExpanded(state, itemId)) {
-      return _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, itemId)[0];
+    if (_selectors.expansionSelectors.isItemExpandable(state, itemId) && _selectors.expansionSelectors.isItemExpanded(state, itemId)) {
+      return _selectors2.itemsSelectors.itemOrderedChildrenIds(state, itemId)[0];
     }
-    let itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(state, itemId);
+    let itemMeta = _selectors2.itemsSelectors.itemMeta(state, itemId);
     while (itemMeta != null) {
       // Try to find the first navigable sibling after the current item.
-      const siblings = _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(state, itemMeta.parentId);
-      const currentItemIndex = _useTreeViewItems.itemsSelectors.itemIndex(state, itemMeta.id);
+      const siblings = _selectors2.itemsSelectors.itemOrderedChildrenIds(state, itemMeta.parentId);
+      const currentItemIndex = _selectors2.itemsSelectors.itemIndex(state, itemMeta.id);
       if (currentItemIndex < siblings.length - 1) {
         return siblings[currentItemIndex + 1];
       }
 
       // If the item is the last of its siblings, go up a level to the parent and try again.
-      itemMeta = itemMeta.parentId ? _useTreeViewItems.itemsSelectors.itemMeta(state, itemMeta.parentId) : null;
+      itemMeta = itemMeta.parentId ? _selectors2.itemsSelectors.itemMeta(state, itemMeta.parentId) : null;
     }
     throw new Error('Invalid range');
   };
@@ -186,7 +186,7 @@ const getNonDisabledItemsInRange = (state, itemAId, itemBId) => {
   let current = first;
   while (current !== last) {
     current = getNextItem(current);
-    if (!_useTreeViewItems.itemsSelectors.isItemDisabled(state, current)) {
+    if (!_selectors2.itemsSelectors.isItemDisabled(state, current)) {
       items.push(current);
     }
   }

package/models/items.d.ts

@@ -4,10 +4,13 @@ export type TreeViewDefaultItemModelProperties = {
   label: string;
   children?: TreeViewDefaultItemModelProperties[];
 };
-export type TreeViewBaseItem<R extends object = TreeViewDefaultItemModelProperties> = R & {
+/**
+ * @deprecated Use `TreeViewDefaultItemModelProperties` instead, or define your own item model interface.
+ */
+export type TreeViewBaseItem<R extends {} = TreeViewDefaultItemModelProperties> = R & {
   children?: TreeViewBaseItem<R>[];
 };
-export type TreeViewValidItem<R extends object> = {
+export type TreeViewValidItem<R extends {}> = {
   children?: R[];
 };
 export type TreeViewItemsReorderingAction = 'reorder-above' | 'reorder-below' | 'make-child' | 'move-to-parent';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "8.22.0",
+  "version": "8.24.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Tree View components.",
   "license": "MIT",
@@ -32,13 +32,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.4",
-    "@base-ui-components/utils": "0.1.2",
+    "@base-ui/utils": "^0.2.3",
     "@mui/utils": "^7.3.5",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "8.22.0"
+    "@mui/x-internals": "8.24.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/useTreeItem/useTreeItem.d.ts

@@ -1,2 +1,18 @@
-import { UseTreeItemParameters, UseTreeItemReturnValue, UseTreeItemMinimalPlugins, UseTreeItemOptionalPlugins } from "./useTreeItem.types.js";
-export declare const useTreeItem: <TSignatures extends UseTreeItemMinimalPlugins = UseTreeItemMinimalPlugins, TOptionalSignatures extends UseTreeItemOptionalPlugins = UseTreeItemOptionalPlugins>(parameters: UseTreeItemParameters) => UseTreeItemReturnValue<TSignatures, TOptionalSignatures>;
+import { TreeViewItemId } from "../models/index.js";
+import { UseTreeItemParameters, UseTreeItemReturnValue } from "./useTreeItem.types.js";
+import { TreeViewAnyStore, TreeViewPublicAPI } from "../internals/models/index.js";
+import { RichTreeViewStore } from "../internals/RichTreeViewStore/index.js";
+interface DefaultStore extends RichTreeViewStore<any, any> {
+  buildPublicAPI: () => TreeViewPublicAPI<RichTreeViewStore<any, any>> & {
+    /**
+     * Method used for updating an item's children.
+     * Only relevant for lazy-loaded tree views.
+     *
+     * @param {TreeViewItemId} itemId The The id of the item to update the children of.
+     * @returns {Promise<void>} The promise resolved when the items are fetched.
+     */
+    updateItemChildren: (itemId: TreeViewItemId) => Promise<void>;
+  };
+}
+export declare const useTreeItem: <TStore extends TreeViewAnyStore = DefaultStore>(parameters: UseTreeItemParameters) => UseTreeItemReturnValue<TStore>;
+export {};

package/useTreeItem/useTreeItem.js

@@ -11,17 +11,18 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _store = require("@mui/x-internals/store");
 var _extractEventHandlers = _interopRequireDefault(require("@mui/utils/extractEventHandlers"));
-var _useMergedRefs = require("@base-ui-components/utils/useMergedRefs");
+var _useMergedRefs = require("@base-ui/utils/useMergedRefs");
 var _TreeViewProvider = require("../internals/TreeViewProvider");
 var _useTreeItemUtils = require("../hooks/useTreeItemUtils");
 var _TreeViewItemDepthContext = require("../internals/TreeViewItemDepthContext");
 var _tree = require("../internals/utils/tree");
-var _useTreeViewId = require("../internals/corePlugins/useTreeViewId/useTreeViewId.utils");
-var _useTreeViewFocus = require("../internals/plugins/useTreeViewFocus");
-var _useTreeViewItems = require("../internals/plugins/useTreeViewItems");
-var _useTreeViewId2 = require("../internals/corePlugins/useTreeViewId");
-var _useTreeViewExpansion = require("../internals/plugins/useTreeViewExpansion");
-var _useTreeViewSelection = require("../internals/plugins/useTreeViewSelection");
+var _focus = require("../internals/plugins/focus");
+var _items = require("../internals/plugins/items");
+var _id = require("../internals/plugins/id");
+var _expansion = require("../internals/plugins/expansion");
+var _selection = require("../internals/plugins/selection");
+// TODO v8: Remove the lazy loading plugin from the typing on the community useTreeItem and ask users to pass the TStore generic.
+
 const depthSelector = (state, itemId, depthContext) => {
   if (typeof depthContext === 'function') {
     return depthContext(state, itemId);
@@ -31,7 +32,6 @@ const depthSelector = (state, itemId, depthContext) => {
 const useTreeItem = parameters => {
   const {
     runItemPlugins,
-    instance,
     publicAPI,
     store
   } = (0, _TreeViewProvider.useTreeViewContext)();
@@ -61,14 +61,9 @@ const useTreeItem = parameters => {
   const handleRootRef = (0, _useMergedRefs.useMergedRefs)(rootRef, pluginRootRef, rootRefObject);
   const handleContentRef = (0, _useMergedRefs.useMergedRefs)(contentRef, contentRefObject);
   const checkboxRef = React.useRef(null);
-  const treeId = (0, _store.useStore)(store, _useTreeViewId2.idSelectors.treeId);
-  const isCheckboxSelectionEnabled = (0, _store.useStore)(store, _useTreeViewSelection.selectionSelectors.isCheckboxSelectionEnabled);
-  const idAttribute = (0, _useTreeViewId.generateTreeItemIdAttribute)({
-    itemId,
-    treeId,
-    id
-  });
-  const shouldBeAccessibleWithTab = (0, _store.useStore)(store, _useTreeViewFocus.focusSelectors.isItemTheDefaultFocusableItem, itemId);
+  const isCheckboxSelectionEnabled = (0, _store.useStore)(store, _selection.selectionSelectors.isCheckboxSelectionEnabled);
+  const idAttribute = (0, _store.useStore)(store, _id.idSelectors.treeItemIdAttribute, itemId, id);
+  const shouldBeAccessibleWithTab = (0, _store.useStore)(store, _focus.focusSelectors.isItemTheDefaultFocusableItem, itemId);
   const sharedPropsEnhancerParams = {
     rootRefObject,
     contentRefObject,
@@ -79,8 +74,8 @@ const useTreeItem = parameters => {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if (!status.focused && _useTreeViewItems.itemsSelectors.canItemBeFocused(store.state, itemId) && event.currentTarget === event.target) {
-      instance.focusItem(event, itemId);
+    if (!status.focused && _items.itemsSelectors.canItemBeFocused(store.state, itemId) && event.currentTarget === event.target) {
+      store.focus.focusItem(event, itemId);
     }
   };
   const createRootHandleBlur = otherHandlers => event => {
@@ -88,7 +83,7 @@ const useTreeItem = parameters => {
     if (event.defaultMuiPrevented) {
       return;
     }
-    const rootElement = instance.getItemDOMElement(itemId);
+    const rootElement = store.items.getItemDOMElement(itemId);
 
     // Don't blur the root when switching to editing mode
     // the input that triggers the root blur can be either the relatedTarget (when entering editing state) or the target (when exiting editing state)
@@ -99,14 +94,14 @@ const useTreeItem = parameters => {
     event.relatedTarget && (0, _tree.isTargetInDescendants)(event.relatedTarget, rootElement) && (event.target && event.target?.dataset?.element === 'labelInput' && (0, _tree.isTargetInDescendants)(event.target, rootElement) || event.relatedTarget?.dataset?.element === 'labelInput')) {
       return;
     }
-    instance.removeFocusedItem();
+    store.focus.removeFocusedItem();
   };
   const createRootHandleKeyDown = otherHandlers => event => {
     otherHandlers.onKeyDown?.(event);
     if (event.defaultMuiPrevented || event.target?.dataset?.element === 'labelInput') {
       return;
     }
-    instance.handleItemKeyDown(event, itemId);
+    store.keyboardNavigation.handleItemKeyDown(event, itemId);
   };
   const createLabelHandleDoubleClick = otherHandlers => event => {
     otherHandlers.onDoubleClick?.(event);
@@ -117,11 +112,11 @@ const useTreeItem = parameters => {
   };
   const createContentHandleClick = otherHandlers => event => {
     otherHandlers.onClick?.(event);
-    instance.handleItemClick(event, itemId);
+    store.items.handleItemClick(event, itemId);
     if (event.defaultMuiPrevented || checkboxRef.current?.contains(event.target)) {
       return;
     }
-    if (_useTreeViewExpansion.expansionSelectors.triggerSlot(store.state) === 'content') {
+    if (_expansion.expansionSelectors.triggerSlot(store.state) === 'content') {
       interactions.handleExpansion(event);
     }
     if (!isCheckboxSelectionEnabled) {
@@ -144,7 +139,7 @@ const useTreeItem = parameters => {
     if (event.defaultMuiPrevented) {
       return;
     }
-    if (_useTreeViewExpansion.expansionSelectors.triggerSlot(store.state) === 'iconContainer') {
+    if (_expansion.expansionSelectors.triggerSlot(store.state) === 'iconContainer') {
       interactions.handleExpansion(event);
     }
   };

package/useTreeItem/useTreeItem.types.d.ts

@@ -1,13 +1,6 @@
 import * as React from 'react';
 import { TreeViewItemId, TreeViewCancellableEventHandler } from "../models/index.js";
-import { TreeViewPublicAPI } from "../internals/models/index.js";
-import { UseTreeViewSelectionSignature } from "../internals/plugins/useTreeViewSelection/index.js";
-import { UseTreeViewItemsSignature } from "../internals/plugins/useTreeViewItems/index.js";
-import { UseTreeViewFocusSignature } from "../internals/plugins/useTreeViewFocus/index.js";
-import { UseTreeViewKeyboardNavigationSignature } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
-import { UseTreeViewLabelSignature } from "../internals/plugins/useTreeViewLabel/index.js";
-import { UseTreeViewExpansionSignature } from "../internals/plugins/useTreeViewExpansion/index.js";
-import { UseTreeViewLazyLoadingSignature } from "../internals/plugins/useTreeViewLazyLoading/index.js";
+import { TreeViewPublicAPI, TreeViewAnyStore } from "../internals/models/index.js";
 export interface UseTreeItemParameters {
   /**
    * The id attribute of the item. If not provided, it will be generated.
@@ -18,6 +11,11 @@ export interface UseTreeItemParameters {
    * @default false
    */
   disabled?: boolean;
+  /**
+   * If `true`, the item cannot be selected.
+   * @default false
+   */
+  disableSelection?: boolean;
   /**
    * The id of the item.
    * Must be unique.
@@ -110,7 +108,7 @@ export interface UseTreeItemStatus {
   loading: boolean;
   error: boolean;
 }
-export interface UseTreeItemReturnValue<TSignatures extends UseTreeItemMinimalPlugins, TOptionalSignatures extends UseTreeItemOptionalPlugins> {
+export interface UseTreeItemReturnValue<TStore extends TreeViewAnyStore> {
   /**
    * Resolver for the context provider's props.
    * @returns {UseTreeItemContextProviderProps} Props that should be spread on the context provider slot.
@@ -190,13 +188,5 @@ export interface UseTreeItemReturnValue<TSignatures extends UseTreeItemMinimalPl
   /**
    * The object the allows Tree View manipulation.
    */
-  publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
-}
-/**
- * Plugins that need to be present in the Tree View in order for `UseTreeItem` to work correctly.
- */
-export type UseTreeItemMinimalPlugins = readonly [UseTreeViewSelectionSignature, UseTreeViewExpansionSignature, UseTreeViewItemsSignature, UseTreeViewFocusSignature, UseTreeViewKeyboardNavigationSignature, UseTreeViewLabelSignature];
-/**
- * Plugins that `UseTreeItem` can use if they are present, but are not required.
- */
-export type UseTreeItemOptionalPlugins = readonly [UseTreeViewLazyLoadingSignature];
+  publicAPI: TreeViewPublicAPI<TStore>;
+}

package/RichTreeView/RichTreeView.plugins.d.ts

@@ -1,10 +0,0 @@
-import { TreeViewCorePluginParameters } from "../internals/corePlugins/index.js";
-import { UseTreeViewItemsParameters } from "../internals/plugins/useTreeViewItems/index.js";
-import { UseTreeViewExpansionParameters } from "../internals/plugins/useTreeViewExpansion/index.js";
-import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeViewSelection/index.js";
-import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
-import { ConvertPluginsIntoSignatures } from "../internals/models/index.js";
-import { UseTreeViewLabelParameters } from "../internals/plugins/useTreeViewLabel/index.js";
-export declare const RICH_TREE_VIEW_PLUGINS: readonly [import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewItemsSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewExpansionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewSelectionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewFocusSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewKeyboardNavigationSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewLabelSignature>];
-export type RichTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PLUGINS>;
-export interface RichTreeViewPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewLabelParameters<R> {}

package/RichTreeView/RichTreeView.plugins.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RICH_TREE_VIEW_PLUGINS = void 0;
-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 _useTreeViewLabel = require("../internals/plugins/useTreeViewLabel");
-const RICH_TREE_VIEW_PLUGINS = exports.RICH_TREE_VIEW_PLUGINS = [_useTreeViewItems.useTreeViewItems, _useTreeViewExpansion.useTreeViewExpansion, _useTreeViewSelection.useTreeViewSelection, _useTreeViewFocus.useTreeViewFocus, _useTreeViewKeyboardNavigation.useTreeViewKeyboardNavigation, _useTreeViewLabel.useTreeViewLabel];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/SimpleTreeView/SimpleTreeView.plugins.d.ts

@@ -1,9 +0,0 @@
-import { TreeViewCorePluginParameters } from "../internals/corePlugins/index.js";
-import { UseTreeViewItemsParameters } from "../internals/plugins/useTreeViewItems/index.js";
-import { UseTreeViewExpansionParameters } from "../internals/plugins/useTreeViewExpansion/index.js";
-import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeViewSelection/index.js";
-import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
-import { ConvertPluginsIntoSignatures } from "../internals/models/index.js";
-export declare const SIMPLE_TREE_VIEW_PLUGINS: readonly [import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewItemsSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewExpansionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewSelectionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewFocusSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewKeyboardNavigationSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewJSXItemsSignature>];
-export type SimpleTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof SIMPLE_TREE_VIEW_PLUGINS>;
-export interface SimpleTreeViewPluginParameters<Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, Omit<UseTreeViewItemsParameters<any>, 'items' | 'isItemDisabled' | 'getItemLabel' | 'getItemChildren' | 'getItemId'>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple> {}

package/SimpleTreeView/SimpleTreeView.plugins.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIMPLE_TREE_VIEW_PLUGINS = void 0;
-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 _useTreeViewJSXItems = require("../internals/plugins/useTreeViewJSXItems");
-const SIMPLE_TREE_VIEW_PLUGINS = exports.SIMPLE_TREE_VIEW_PLUGINS = [_useTreeViewItems.useTreeViewItems, _useTreeViewExpansion.useTreeViewExpansion, _useTreeViewSelection.useTreeViewSelection, _useTreeViewFocus.useTreeViewFocus, _useTreeViewKeyboardNavigation.useTreeViewKeyboardNavigation, _useTreeViewJSXItems.useTreeViewJSXItems];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/esm/RichTreeView/RichTreeView.plugins.d.ts

@@ -1,10 +0,0 @@
-import { TreeViewCorePluginParameters } from "../internals/corePlugins/index.js";
-import { UseTreeViewItemsParameters } from "../internals/plugins/useTreeViewItems/index.js";
-import { UseTreeViewExpansionParameters } from "../internals/plugins/useTreeViewExpansion/index.js";
-import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeViewSelection/index.js";
-import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
-import { ConvertPluginsIntoSignatures } from "../internals/models/index.js";
-import { UseTreeViewLabelParameters } from "../internals/plugins/useTreeViewLabel/index.js";
-export declare const RICH_TREE_VIEW_PLUGINS: readonly [import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewItemsSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewExpansionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewSelectionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewFocusSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewKeyboardNavigationSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewLabelSignature>];
-export type RichTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof RICH_TREE_VIEW_PLUGINS>;
-export interface RichTreeViewPluginParameters<R extends {}, Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, UseTreeViewItemsParameters<R>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple>, UseTreeViewLabelParameters<R> {}

package/esm/RichTreeView/RichTreeView.plugins.js

@@ -1,9 +0,0 @@
-import { useTreeViewItems } from "../internals/plugins/useTreeViewItems/index.js";
-import { useTreeViewExpansion } from "../internals/plugins/useTreeViewExpansion/index.js";
-import { useTreeViewSelection } from "../internals/plugins/useTreeViewSelection/index.js";
-import { useTreeViewFocus } from "../internals/plugins/useTreeViewFocus/index.js";
-import { useTreeViewKeyboardNavigation } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
-import { useTreeViewLabel } from "../internals/plugins/useTreeViewLabel/index.js";
-export const RICH_TREE_VIEW_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewLabel];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/esm/SimpleTreeView/SimpleTreeView.plugins.d.ts

@@ -1,9 +0,0 @@
-import { TreeViewCorePluginParameters } from "../internals/corePlugins/index.js";
-import { UseTreeViewItemsParameters } from "../internals/plugins/useTreeViewItems/index.js";
-import { UseTreeViewExpansionParameters } from "../internals/plugins/useTreeViewExpansion/index.js";
-import { UseTreeViewSelectionParameters } from "../internals/plugins/useTreeViewSelection/index.js";
-import { UseTreeViewFocusParameters } from "../internals/plugins/useTreeViewFocus/index.js";
-import { ConvertPluginsIntoSignatures } from "../internals/models/index.js";
-export declare const SIMPLE_TREE_VIEW_PLUGINS: readonly [import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewItemsSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewExpansionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewSelectionSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewFocusSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewKeyboardNavigationSignature>, import("../internals/index.js").TreeViewPlugin<import("../internals/index.js").UseTreeViewJSXItemsSignature>];
-export type SimpleTreeViewPluginSignatures = ConvertPluginsIntoSignatures<typeof SIMPLE_TREE_VIEW_PLUGINS>;
-export interface SimpleTreeViewPluginParameters<Multiple extends boolean | undefined> extends TreeViewCorePluginParameters, Omit<UseTreeViewItemsParameters<any>, 'items' | 'isItemDisabled' | 'getItemLabel' | 'getItemChildren' | 'getItemId'>, UseTreeViewExpansionParameters, UseTreeViewFocusParameters, UseTreeViewSelectionParameters<Multiple> {}

package/esm/SimpleTreeView/SimpleTreeView.plugins.js

@@ -1,9 +0,0 @@
-import { useTreeViewItems } from "../internals/plugins/useTreeViewItems/index.js";
-import { useTreeViewExpansion } from "../internals/plugins/useTreeViewExpansion/index.js";
-import { useTreeViewSelection } from "../internals/plugins/useTreeViewSelection/index.js";
-import { useTreeViewFocus } from "../internals/plugins/useTreeViewFocus/index.js";
-import { useTreeViewKeyboardNavigation } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
-import { useTreeViewJSXItems } from "../internals/plugins/useTreeViewJSXItems/index.js";
-export const SIMPLE_TREE_VIEW_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewJSXItems];
-
-// We can't infer this type from the plugin, otherwise we would lose the generics.

package/esm/internals/corePlugins/corePlugins.d.ts

@@ -1,9 +0,0 @@
-import { UseTreeViewIdParameters } from "./useTreeViewId/index.js";
-import { ConvertPluginsIntoSignatures } from "../models/index.js";
-/**
- * Internal plugins that create the tools used by the other plugins.
- * These plugins are used by the Tree View components.
- */
-export declare const TREE_VIEW_CORE_PLUGINS: readonly [import("../index.js").TreeViewPlugin<import("./useTreeViewInstanceEvents/index.js").UseTreeViewInstanceEventsSignature>, import("../index.js").TreeViewPlugin<import("./useTreeViewOptionalPlugins/index.js").UseTreeViewOptionalPluginsSignature>, import("../index.js").TreeViewPlugin<import("./useTreeViewId/index.js").UseTreeViewIdSignature>];
-export type TreeViewCorePluginSignatures = ConvertPluginsIntoSignatures<typeof TREE_VIEW_CORE_PLUGINS>;
-export interface TreeViewCorePluginParameters extends UseTreeViewIdParameters {}

package/esm/internals/corePlugins/corePlugins.js

@@ -1,8 +0,0 @@
-import { useTreeViewInstanceEvents } from "./useTreeViewInstanceEvents/index.js";
-import { useTreeViewOptionalPlugins } from "./useTreeViewOptionalPlugins/index.js";
-import { useTreeViewId } from "./useTreeViewId/index.js";
-/**
- * Internal plugins that create the tools used by the other plugins.
- * These plugins are used by the Tree View components.
- */
-export const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents, useTreeViewOptionalPlugins, useTreeViewId];

package/esm/internals/corePlugins/index.d.ts

@@ -1,2 +0,0 @@
-export { TREE_VIEW_CORE_PLUGINS } from "./corePlugins.js";
-export type { TreeViewCorePluginSignatures, TreeViewCorePluginParameters } from "./corePlugins.js";

package/esm/internals/corePlugins/index.js

@@ -1 +0,0 @@
-export { TREE_VIEW_CORE_PLUGINS } from "./corePlugins.js";

package/esm/internals/corePlugins/useTreeViewId/index.d.ts

@@ -1,3 +0,0 @@
-export { useTreeViewId } from "./useTreeViewId.js";
-export type { UseTreeViewIdSignature, UseTreeViewIdParameters, UseTreeViewIdParametersWithDefaults } from "./useTreeViewId.types.js";
-export { idSelectors } from "./useTreeViewId.selectors.js";

package/esm/internals/corePlugins/useTreeViewId/index.js

@@ -1,2 +0,0 @@
-export { useTreeViewId } from "./useTreeViewId.js";
-export { idSelectors } from "./useTreeViewId.selectors.js";

package/esm/internals/corePlugins/useTreeViewId/useTreeViewId.d.ts

@@ -1,3 +0,0 @@
-import { TreeViewPlugin } from "../../models/index.js";
-import { UseTreeViewIdSignature } from "./useTreeViewId.types.js";
-export declare const useTreeViewId: TreeViewPlugin<UseTreeViewIdSignature>;