@mui/x-tree-view 9.12.0 → 9.13.0

package/internals/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "RichTreeViewItems", {
     return _RichTreeViewItems.RichTreeViewItems;
   }
 });
+Object.defineProperty(exports, "RichTreeViewLoading", {
+  enumerable: true,
+  get: function () {
+    return _RichTreeViewLoading.RichTreeViewLoading;
+  }
+});
 Object.defineProperty(exports, "TREE_VIEW_ROOT_PARENT_ID", {
   enumerable: true,
   get: function () {
@@ -57,6 +63,12 @@ Object.defineProperty(exports, "expansionSelectors", {
     return _expansion.expansionSelectors;
   }
 });
+Object.defineProperty(exports, "getLoadingItemsCount", {
+  enumerable: true,
+  get: function () {
+    return _RichTreeViewLoading.getLoadingItemsCount;
+  }
+});
 Object.defineProperty(exports, "isTargetInDescendants", {
   enumerable: true,
   get: function () {
@@ -113,6 +125,7 @@ Object.defineProperty(exports, "useTreeViewStyleContext", {
 });
 var _TreeViewProvider = require("./TreeViewProvider");
 var _RichTreeViewItems = require("./components/RichTreeViewItems");
+var _RichTreeViewLoading = require("./components/RichTreeViewLoading");
 var _useTreeViewRootProps = require("./hooks/useTreeViewRootProps");
 var _useTreeViewStore = require("./hooks/useTreeViewStore");
 var _expansion = require("./plugins/expansion");

package/internals/index.mjs

@@ -1,5 +1,6 @@
 export { TreeViewProvider, useTreeViewContext, useTreeViewStyleContext } from "./TreeViewProvider/index.mjs";
 export { RichTreeViewItems, RichTreeViewItem } from "./components/RichTreeViewItems.mjs";
+export { RichTreeViewLoading, getLoadingItemsCount } from "./components/RichTreeViewLoading.mjs";
 export { useTreeViewRootProps } from "./hooks/useTreeViewRootProps.mjs";
 export { useTreeViewStore } from "./hooks/useTreeViewStore.mjs";
 // Plugins

package/internals/plugins/expansion/selectors.d.mts

@@ -1,3 +1,4 @@
+import type { TreeViewItemId } from "../../../models/index.mjs";
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.mjs";
 export declare const expansionSelectors: {
   /**
@@ -19,9 +20,9 @@ export declare const expansionSelectors: {
   /**
    * Checks whether an item is expanded.
    */
-  isItemExpanded: (args_0: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  isItemExpanded: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Checks whether an item is expandable.
    */
-  isItemExpandable: (args_0: MinimalTreeViewState<any, any>, _itemId: string) => boolean;
+  isItemExpandable: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
 };

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

@@ -1,3 +1,4 @@
+import type { TreeViewItemId } from "../../../models/index.js";
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.js";
 export declare const expansionSelectors: {
   /**
@@ -19,9 +20,9 @@ export declare const expansionSelectors: {
   /**
    * Checks whether an item is expanded.
    */
-  isItemExpanded: (args_0: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  isItemExpanded: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Checks whether an item is expandable.
    */
-  isItemExpandable: (args_0: MinimalTreeViewState<any, any>, _itemId: string) => boolean;
+  isItemExpandable: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
 };

package/internals/plugins/expansion/selectors.js

@@ -18,7 +18,7 @@ const expansionSelectors = exports.expansionSelectors = {
   /**
    * Gets the expanded items as provided to the component.
    */
-  expandedItemsRaw: (0, _store.createSelector)(state => state.expandedItems),
+  expandedItemsRaw: state => state.expandedItems,
   /**
    * Gets the expanded items as a Map.
    */
@@ -43,13 +43,13 @@ const expansionSelectors = exports.expansionSelectors = {
   /**
    * Gets the slot that triggers the item's expansion when clicked.
    */
-  triggerSlot: (0, _store.createSelector)(state => state.expansionTrigger),
+  triggerSlot: state => state.expansionTrigger,
   /**
    * Checks whether an item is expanded.
    */
-  isItemExpanded: (0, _store.createSelector)(expandedItemMapSelector, (expandedItemsMap, itemId) => expandedItemsMap.has(itemId)),
+  isItemExpanded: (state, itemId) => expandedItemMapSelector(state).has(itemId),
   /**
    * Checks whether an item is expandable.
    */
-  isItemExpandable: (0, _store.createSelector)(_selectors.itemsSelectors.itemMeta, (itemMeta, _itemId) => itemMeta?.expandable ?? false)
+  isItemExpandable: (state, itemId) => _selectors.itemsSelectors.itemMeta(state, itemId)?.expandable ?? false
 };

package/internals/plugins/expansion/selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@mui/x-internals/store';
 import { itemsSelectors } from "../items/selectors.mjs";
 import { TREE_VIEW_ROOT_PARENT_ID } from "../items/index.mjs";
 const expandedItemMapSelector = createSelectorMemoized(state => state.expandedItems, expandedItems => {
@@ -12,7 +12,7 @@ export const expansionSelectors = {
   /**
    * Gets the expanded items as provided to the component.
    */
-  expandedItemsRaw: createSelector(state => state.expandedItems),
+  expandedItemsRaw: state => state.expandedItems,
   /**
    * Gets the expanded items as a Map.
    */
@@ -37,13 +37,13 @@ export const expansionSelectors = {
   /**
    * Gets the slot that triggers the item's expansion when clicked.
    */
-  triggerSlot: createSelector(state => state.expansionTrigger),
+  triggerSlot: state => state.expansionTrigger,
   /**
    * Checks whether an item is expanded.
    */
-  isItemExpanded: createSelector(expandedItemMapSelector, (expandedItemsMap, itemId) => expandedItemsMap.has(itemId)),
+  isItemExpanded: (state, itemId) => expandedItemMapSelector(state).has(itemId),
   /**
    * Checks whether an item is expandable.
    */
-  isItemExpandable: createSelector(itemsSelectors.itemMeta, (itemMeta, _itemId) => itemMeta?.expandable ?? false)
+  isItemExpandable: (state, itemId) => itemsSelectors.itemMeta(state, itemId)?.expandable ?? false
 };

package/internals/plugins/focus/selectors.d.mts

@@ -1,4 +1,5 @@
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.mjs";
+import type { TreeViewItemId } from "../../../models/index.mjs";
 export declare const focusSelectors: {
   /**
    * Gets the item that should be sequentially focusable (usually with the Tab key).
@@ -9,7 +10,7 @@ export declare const focusSelectors: {
   /**
    * Checks whether an item is the default focusable item.
    */
-  isItemTheDefaultFocusableItem: (args_0: MinimalTreeViewState<any, any>, itemId: any) => boolean;
+  isItemTheDefaultFocusableItem: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Gets the id of the item that is currently focused.
    */
@@ -17,5 +18,5 @@ export declare const focusSelectors: {
   /**
    * Checks whether an item is focused.
    */
-  isItemFocused: (state: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  isItemFocused: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
 };

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

@@ -1,4 +1,5 @@
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.js";
+import type { TreeViewItemId } from "../../../models/index.js";
 export declare const focusSelectors: {
   /**
    * Gets the item that should be sequentially focusable (usually with the Tab key).
@@ -9,7 +10,7 @@ export declare const focusSelectors: {
   /**
    * Checks whether an item is the default focusable item.
    */
-  isItemTheDefaultFocusableItem: (args_0: MinimalTreeViewState<any, any>, itemId: any) => boolean;
+  isItemTheDefaultFocusableItem: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Gets the id of the item that is currently focused.
    */
@@ -17,5 +18,5 @@ export declare const focusSelectors: {
   /**
    * Checks whether an item is focused.
    */
-  isItemFocused: (state: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  isItemFocused: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
 };

package/internals/plugins/focus/selectors.js

@@ -36,13 +36,13 @@ const focusSelectors = exports.focusSelectors = {
   /**
    * Checks whether an item is the default focusable item.
    */
-  isItemTheDefaultFocusableItem: (0, _store.createSelector)(defaultFocusableItemIdSelector, (defaultFocusableItemId, itemId) => defaultFocusableItemId === itemId),
+  isItemTheDefaultFocusableItem: (state, itemId) => defaultFocusableItemIdSelector(state) === itemId,
   /**
    * Gets the id of the item that is currently focused.
    */
-  focusedItemId: (0, _store.createSelector)(state => state.focusedItemId),
+  focusedItemId: state => state.focusedItemId,
   /**
    * Checks whether an item is focused.
    */
-  isItemFocused: (0, _store.createSelector)((state, itemId) => state.focusedItemId === itemId)
+  isItemFocused: (state, itemId) => state.focusedItemId === itemId
 };

package/internals/plugins/focus/selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@mui/x-internals/store';
 import { selectionSelectors } from "../selection/selectors.mjs";
 import { itemsSelectors } from "../items/selectors.mjs";
 import { isItemDisabled } from "../items/utils.mjs";
@@ -30,13 +30,13 @@ export const focusSelectors = {
   /**
    * Checks whether an item is the default focusable item.
    */
-  isItemTheDefaultFocusableItem: createSelector(defaultFocusableItemIdSelector, (defaultFocusableItemId, itemId) => defaultFocusableItemId === itemId),
+  isItemTheDefaultFocusableItem: (state, itemId) => defaultFocusableItemIdSelector(state) === itemId,
   /**
    * Gets the id of the item that is currently focused.
    */
-  focusedItemId: createSelector(state => state.focusedItemId),
+  focusedItemId: state => state.focusedItemId,
   /**
    * Checks whether an item is focused.
    */
-  isItemFocused: createSelector((state, itemId) => state.focusedItemId === itemId)
+  isItemFocused: (state, itemId) => state.focusedItemId === itemId
 };

package/internals/plugins/id/selectors.d.mts

@@ -1,13 +1,16 @@
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.mjs";
+import type { TreeViewItemId } from "../../../models/index.mjs";
+declare const treeIdSelector: (state: MinimalTreeViewState<any, any>) => string | undefined;
 export declare const idSelectors: {
   /**
    * Get the id attribute of the tree view.
    */
-  treeId: (state: MinimalTreeViewState<any, any>) => string | undefined;
+  treeId: typeof treeIdSelector;
   /**
    * Generate the id attribute (i.e.: the `id` attribute passed to the DOM element) of a Tree Item.
    * If the user explicitly defined an id attribute, it will be returned.
    * Otherwise, the method creates a unique id for the item based on the Tree View id attribute and the item `itemId`
    */
-  treeItemIdAttribute: (args_0: MinimalTreeViewState<any, any>, itemId: string, providedIdAttribute: string | undefined) => string;
-};
+  treeItemIdAttribute: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId, providedIdAttribute: string | undefined) => string;
+};
+export {};

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

@@ -1,13 +1,16 @@
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.js";
+import type { TreeViewItemId } from "../../../models/index.js";
+declare const treeIdSelector: (state: MinimalTreeViewState<any, any>) => string | undefined;
 export declare const idSelectors: {
   /**
    * Get the id attribute of the tree view.
    */
-  treeId: (state: MinimalTreeViewState<any, any>) => string | undefined;
+  treeId: typeof treeIdSelector;
   /**
    * Generate the id attribute (i.e.: the `id` attribute passed to the DOM element) of a Tree Item.
    * If the user explicitly defined an id attribute, it will be returned.
    * Otherwise, the method creates a unique id for the item based on the Tree View id attribute and the item `itemId`
    */
-  treeItemIdAttribute: (args_0: MinimalTreeViewState<any, any>, itemId: string, providedIdAttribute: string | undefined) => string;
-};
+  treeItemIdAttribute: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId, providedIdAttribute: string | undefined) => string;
+};
+export {};

package/internals/plugins/id/selectors.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.idSelectors = void 0;
-var _store = require("@mui/x-internals/store");
-const treeIdSelector = (0, _store.createSelector)(state => state.providedTreeId ?? state.treeId);
+const treeIdSelector = state => state.providedTreeId ?? state.treeId;
 const idSelectors = exports.idSelectors = {
   /**
    * Get the id attribute of the tree view.
@@ -16,10 +15,10 @@ const idSelectors = exports.idSelectors = {
    * If the user explicitly defined an id attribute, it will be returned.
    * Otherwise, the method creates a unique id for the item based on the Tree View id attribute and the item `itemId`
    */
-  treeItemIdAttribute: (0, _store.createSelector)(treeIdSelector, (treeId, itemId, providedIdAttribute) => {
+  treeItemIdAttribute: (state, itemId, providedIdAttribute) => {
     if (providedIdAttribute != null) {
       return providedIdAttribute;
     }
-    return `${treeId ?? ''}-${itemId}`;
-  })
+    return `${treeIdSelector(state) ?? ''}-${itemId}`;
+  }
 };

package/internals/plugins/id/selectors.mjs

@@ -1,5 +1,4 @@
-import { createSelector } from '@mui/x-internals/store';
-const treeIdSelector = createSelector(state => state.providedTreeId ?? state.treeId);
+const treeIdSelector = state => state.providedTreeId ?? state.treeId;
 export const idSelectors = {
   /**
    * Get the id attribute of the tree view.
@@ -10,10 +9,10 @@ export const idSelectors = {
    * If the user explicitly defined an id attribute, it will be returned.
    * Otherwise, the method creates a unique id for the item based on the Tree View id attribute and the item `itemId`
    */
-  treeItemIdAttribute: createSelector(treeIdSelector, (treeId, itemId, providedIdAttribute) => {
+  treeItemIdAttribute: (state, itemId, providedIdAttribute) => {
     if (providedIdAttribute != null) {
       return providedIdAttribute;
     }
-    return `${treeId ?? ''}-${itemId}`;
-  })
+    return `${treeIdSelector(state) ?? ''}-${itemId}`;
+  }
 };

package/internals/plugins/items/selectors.d.mts

@@ -1,3 +1,4 @@
+import type { TreeViewItemId } from "../../../models/index.mjs";
 import type { TreeViewItemMeta } from "../../models/index.mjs";
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.mjs";
 import type { RichTreeViewState } from "../../RichTreeViewStore/index.mjs";
@@ -25,35 +26,35 @@ export declare const itemsSelectors: {
   /**
    * Gets the meta-information of an item.
    */
-  itemMeta: (state: MinimalTreeViewState<any, any>, itemId: string | null) => TreeViewItemMeta | null;
+  itemMeta: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId | null) => TreeViewItemMeta | null;
   /**
    * Gets the ordered children ids of an item.
    */
-  itemOrderedChildrenIds: (state: MinimalTreeViewState<any, any>, itemId: string | null) => string[];
+  itemOrderedChildrenIds: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId | null) => string[];
   /**
    * Gets the model of an item.
    */
-  itemModel: (state: MinimalTreeViewState<any, any>, itemId: string) => any;
+  itemModel: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => any;
   /**
    * Checks whether an item is disabled.
    */
-  isItemDisabled: (state: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  isItemDisabled: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Gets the index of an item in its parent's children.
    */
-  itemIndex: (state: MinimalTreeViewState<any, any>, itemId: string) => number;
+  itemIndex: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => number;
   /**
    * Gets the id of an item's parent.
    */
-  itemParentId: (state: MinimalTreeViewState<any, any>, itemId: string) => string | null;
+  itemParentId: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => string | null;
   /**
    * Gets the depth of an item (items at the root level have a depth of 0).
    */
-  itemDepth: (state: MinimalTreeViewState<any, any>, itemId: string) => number;
+  itemDepth: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => number;
   /**
    * Checks whether an item can be focused.
    */
-  canItemBeFocused: (state: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  canItemBeFocused: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Gets the identation between an item and its children.
    */

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

@@ -1,3 +1,4 @@
+import type { TreeViewItemId } from "../../../models/index.js";
 import type { TreeViewItemMeta } from "../../models/index.js";
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.js";
 import type { RichTreeViewState } from "../../RichTreeViewStore/index.js";
@@ -25,35 +26,35 @@ export declare const itemsSelectors: {
   /**
    * Gets the meta-information of an item.
    */
-  itemMeta: (state: MinimalTreeViewState<any, any>, itemId: string | null) => TreeViewItemMeta | null;
+  itemMeta: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId | null) => TreeViewItemMeta | null;
   /**
    * Gets the ordered children ids of an item.
    */
-  itemOrderedChildrenIds: (state: MinimalTreeViewState<any, any>, itemId: string | null) => string[];
+  itemOrderedChildrenIds: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId | null) => string[];
   /**
    * Gets the model of an item.
    */
-  itemModel: (state: MinimalTreeViewState<any, any>, itemId: string) => any;
+  itemModel: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => any;
   /**
    * Checks whether an item is disabled.
    */
-  isItemDisabled: (state: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  isItemDisabled: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Gets the index of an item in its parent's children.
    */
-  itemIndex: (state: MinimalTreeViewState<any, any>, itemId: string) => number;
+  itemIndex: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => number;
   /**
    * Gets the id of an item's parent.
    */
-  itemParentId: (state: MinimalTreeViewState<any, any>, itemId: string) => string | null;
+  itemParentId: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => string | null;
   /**
    * Gets the depth of an item (items at the root level have a depth of 0).
    */
-  itemDepth: (state: MinimalTreeViewState<any, any>, itemId: string) => number;
+  itemDepth: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => number;
   /**
    * Checks whether an item can be focused.
    */
-  canItemBeFocused: (state: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  canItemBeFocused: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Gets the identation between an item and its children.
    */

package/internals/plugins/items/selectors.js

@@ -4,71 +4,70 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.itemsSelectors = void 0;
-var _store = require("@mui/x-internals/store");
 var _utils = require("./utils");
 const EMPTY_CHILDREN = [];
 const itemsSelectors = exports.itemsSelectors = {
   /**
    * Gets the DOM structure of the Tree View.
    */
-  domStructure: (0, _store.createSelector)(state => state.domStructure),
+  domStructure: state => state.domStructure,
   /**
    * Checks whether the disabled items are focusable.
    */
-  disabledItemFocusable: (0, _store.createSelector)(state => state.disabledItemsFocusable),
+  disabledItemFocusable: state => state.disabledItemsFocusable,
   /**
    * Gets the meta-information of all items.
    */
-  itemMetaLookup: (0, _store.createSelector)(state => state.itemMetaLookup),
+  itemMetaLookup: state => state.itemMetaLookup,
   /**
    * Gets the ordered children ids of all items.
    */
-  itemOrderedChildrenIdsLookup: (0, _store.createSelector)(state => state.itemOrderedChildrenIdsLookup),
+  itemOrderedChildrenIdsLookup: state => state.itemOrderedChildrenIdsLookup,
   /**
    * Gets the meta-information of an item.
    */
-  itemMeta: (0, _store.createSelector)((state, itemId) => state.itemMetaLookup[itemId ?? _utils.TREE_VIEW_ROOT_PARENT_ID] ?? null),
+  itemMeta: (state, itemId) => state.itemMetaLookup[itemId ?? _utils.TREE_VIEW_ROOT_PARENT_ID] ?? null,
   /**
    * Gets the ordered children ids of an item.
    */
-  itemOrderedChildrenIds: (0, _store.createSelector)((state, itemId) => state.itemOrderedChildrenIdsLookup[itemId ?? _utils.TREE_VIEW_ROOT_PARENT_ID] ?? EMPTY_CHILDREN),
+  itemOrderedChildrenIds: (state, itemId) => state.itemOrderedChildrenIdsLookup[itemId ?? _utils.TREE_VIEW_ROOT_PARENT_ID] ?? EMPTY_CHILDREN,
   /**
    * Gets the model of an item.
    */
-  itemModel: (0, _store.createSelector)((state, itemId) => state.itemModelLookup[itemId]),
+  itemModel: (state, itemId) => state.itemModelLookup[itemId],
   /**
    * Checks whether an item is disabled.
    */
-  isItemDisabled: (0, _store.createSelector)((state, itemId) => (0, _utils.isItemDisabled)(state.itemMetaLookup, itemId)),
+  isItemDisabled: (state, itemId) => (0, _utils.isItemDisabled)(state.itemMetaLookup, itemId),
   /**
    * Gets the index of an item in its parent's children.
    */
-  itemIndex: (0, _store.createSelector)((state, itemId) => {
+  itemIndex: (state, itemId) => {
     const itemMeta = state.itemMetaLookup[itemId];
     if (itemMeta == null) {
       return -1;
     }
     const parentIndexes = state.itemChildrenIndexesLookup[itemMeta.parentId ?? _utils.TREE_VIEW_ROOT_PARENT_ID];
     return parentIndexes[itemMeta.id];
-  }),
+  },
   /**
    * Gets the id of an item's parent.
    */
-  itemParentId: (0, _store.createSelector)((state, itemId) => state.itemMetaLookup[itemId]?.parentId ?? null),
+  itemParentId: (state, itemId) => state.itemMetaLookup[itemId]?.parentId ?? null,
   /**
    * Gets the depth of an item (items at the root level have a depth of 0).
    */
-  itemDepth: (0, _store.createSelector)((state, itemId) => state.itemMetaLookup[itemId]?.depth ?? 0),
+  itemDepth: (state, itemId) => state.itemMetaLookup[itemId]?.depth ?? 0,
   /**
    * Checks whether an item can be focused.
    */
-  canItemBeFocused: (0, _store.createSelector)((state, itemId) => state.disabledItemsFocusable || state.itemModelLookup[itemId] != null && !(0, _utils.isItemDisabled)(state.itemMetaLookup, itemId)),
+  canItemBeFocused: (state, itemId) => state.disabledItemsFocusable || state.itemModelLookup[itemId] != null && !(0, _utils.isItemDisabled)(state.itemMetaLookup, itemId),
   /**
    * Gets the identation between an item and its children.
    */
-  itemChildrenIndentation: (0, _store.createSelector)(state => state.itemChildrenIndentation),
+  itemChildrenIndentation: state => state.itemChildrenIndentation,
   /**
    * Gets the height of an individual item.
    */
-  itemHeight: (0, _store.createSelector)(state => state.itemHeight)
+  itemHeight: state => state.itemHeight
 };

package/internals/plugins/items/selectors.mjs

@@ -1,68 +1,67 @@
-import { createSelector } from '@mui/x-internals/store';
 import { isItemDisabled, TREE_VIEW_ROOT_PARENT_ID } from "./utils.mjs";
 const EMPTY_CHILDREN = [];
 export const itemsSelectors = {
   /**
    * Gets the DOM structure of the Tree View.
    */
-  domStructure: createSelector(state => state.domStructure),
+  domStructure: state => state.domStructure,
   /**
    * Checks whether the disabled items are focusable.
    */
-  disabledItemFocusable: createSelector(state => state.disabledItemsFocusable),
+  disabledItemFocusable: state => state.disabledItemsFocusable,
   /**
    * Gets the meta-information of all items.
    */
-  itemMetaLookup: createSelector(state => state.itemMetaLookup),
+  itemMetaLookup: state => state.itemMetaLookup,
   /**
    * Gets the ordered children ids of all items.
    */
-  itemOrderedChildrenIdsLookup: createSelector(state => state.itemOrderedChildrenIdsLookup),
+  itemOrderedChildrenIdsLookup: state => state.itemOrderedChildrenIdsLookup,
   /**
    * Gets the meta-information of an item.
    */
-  itemMeta: createSelector((state, itemId) => state.itemMetaLookup[itemId ?? TREE_VIEW_ROOT_PARENT_ID] ?? null),
+  itemMeta: (state, itemId) => state.itemMetaLookup[itemId ?? TREE_VIEW_ROOT_PARENT_ID] ?? null,
   /**
    * Gets the ordered children ids of an item.
    */
-  itemOrderedChildrenIds: createSelector((state, itemId) => state.itemOrderedChildrenIdsLookup[itemId ?? TREE_VIEW_ROOT_PARENT_ID] ?? EMPTY_CHILDREN),
+  itemOrderedChildrenIds: (state, itemId) => state.itemOrderedChildrenIdsLookup[itemId ?? TREE_VIEW_ROOT_PARENT_ID] ?? EMPTY_CHILDREN,
   /**
    * Gets the model of an item.
    */
-  itemModel: createSelector((state, itemId) => state.itemModelLookup[itemId]),
+  itemModel: (state, itemId) => state.itemModelLookup[itemId],
   /**
    * Checks whether an item is disabled.
    */
-  isItemDisabled: createSelector((state, itemId) => isItemDisabled(state.itemMetaLookup, itemId)),
+  isItemDisabled: (state, itemId) => isItemDisabled(state.itemMetaLookup, itemId),
   /**
    * Gets the index of an item in its parent's children.
    */
-  itemIndex: createSelector((state, itemId) => {
+  itemIndex: (state, itemId) => {
     const itemMeta = state.itemMetaLookup[itemId];
     if (itemMeta == null) {
       return -1;
     }
     const parentIndexes = state.itemChildrenIndexesLookup[itemMeta.parentId ?? TREE_VIEW_ROOT_PARENT_ID];
     return parentIndexes[itemMeta.id];
-  }),
+  },
   /**
    * Gets the id of an item's parent.
    */
-  itemParentId: createSelector((state, itemId) => state.itemMetaLookup[itemId]?.parentId ?? null),
+  itemParentId: (state, itemId) => state.itemMetaLookup[itemId]?.parentId ?? null,
   /**
    * Gets the depth of an item (items at the root level have a depth of 0).
    */
-  itemDepth: createSelector((state, itemId) => state.itemMetaLookup[itemId]?.depth ?? 0),
+  itemDepth: (state, itemId) => state.itemMetaLookup[itemId]?.depth ?? 0,
   /**
    * Checks whether an item can be focused.
    */
-  canItemBeFocused: createSelector((state, itemId) => state.disabledItemsFocusable || state.itemModelLookup[itemId] != null && !isItemDisabled(state.itemMetaLookup, itemId)),
+  canItemBeFocused: (state, itemId) => state.disabledItemsFocusable || state.itemModelLookup[itemId] != null && !isItemDisabled(state.itemMetaLookup, itemId),
   /**
    * Gets the identation between an item and its children.
    */
-  itemChildrenIndentation: createSelector(state => state.itemChildrenIndentation),
+  itemChildrenIndentation: state => state.itemChildrenIndentation,
   /**
    * Gets the height of an individual item.
    */
-  itemHeight: createSelector(state => state.itemHeight)
+  itemHeight: state => state.itemHeight
 };

package/internals/plugins/labelEditing/selectors.d.mts

@@ -1,13 +1,14 @@
 import type { RichTreeViewState } from "../../RichTreeViewStore/index.mjs";
+import type { TreeViewItemId } from "../../../models/index.mjs";
 export declare const labelSelectors: {
   /**
    * Checks whether an item is editable.
    */
-  isItemEditable: (args_0: RichTreeViewState<any, any>, _itemId: string) => boolean;
+  isItemEditable: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Checks whether an item is being edited.
    */
-  isItemBeingEdited: (state: RichTreeViewState<any, any>, itemId: string | null) => boolean;
+  isItemBeingEdited: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => boolean;
   /**
    * Checks whether any item is being edited.
    */

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

@@ -1,13 +1,14 @@
 import type { RichTreeViewState } from "../../RichTreeViewStore/index.js";
+import type { TreeViewItemId } from "../../../models/index.js";
 export declare const labelSelectors: {
   /**
    * Checks whether an item is editable.
    */
-  isItemEditable: (args_0: RichTreeViewState<any, any>, _itemId: string) => boolean;
+  isItemEditable: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Checks whether an item is being edited.
    */
-  isItemBeingEdited: (state: RichTreeViewState<any, any>, itemId: string | null) => boolean;
+  isItemBeingEdited: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => boolean;
   /**
    * Checks whether any item is being edited.
    */