@mui/x-tree-view 9.11.0 → 9.13.0

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.
    */

package/internals/plugins/labelEditing/selectors.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.labelSelectors = void 0;
-var _store = require("@mui/x-internals/store");
 var _selectors = require("../items/selectors");
 const labelSelectors = exports.labelSelectors = {
   /**
    * Checks whether an item is editable.
    */
-  isItemEditable: (0, _store.createSelector)(state => state.isItemEditable, _selectors.itemsSelectors.itemModel, (isItemEditable, itemModel, _itemId) => {
+  isItemEditable: (state, itemId) => {
+    const isItemEditable = state.isItemEditable;
+    const itemModel = _selectors.itemsSelectors.itemModel(state, itemId);
     if (!itemModel || isItemEditable == null) {
       return false;
     }
@@ -18,13 +19,13 @@ const labelSelectors = exports.labelSelectors = {
       return isItemEditable;
     }
     return isItemEditable(itemModel);
-  }),
+  },
   /**
    * Checks whether an item is being edited.
    */
-  isItemBeingEdited: (0, _store.createSelector)((state, itemId) => itemId == null ? false : state.editedItemId === itemId),
+  isItemBeingEdited: (state, itemId) => itemId == null ? false : state.editedItemId === itemId,
   /**
    * Checks whether any item is being edited.
    */
-  isAnyItemBeingEdited: (0, _store.createSelector)(state => !!state.editedItemId)
+  isAnyItemBeingEdited: state => !!state.editedItemId
 };

package/internals/plugins/labelEditing/selectors.mjs

@@ -1,10 +1,11 @@
-import { createSelector } from '@mui/x-internals/store';
 import { itemsSelectors } from "../items/selectors.mjs";
 export const labelSelectors = {
   /**
    * Checks whether an item is editable.
    */
-  isItemEditable: createSelector(state => state.isItemEditable, itemsSelectors.itemModel, (isItemEditable, itemModel, _itemId) => {
+  isItemEditable: (state, itemId) => {
+    const isItemEditable = state.isItemEditable;
+    const itemModel = itemsSelectors.itemModel(state, itemId);
     if (!itemModel || isItemEditable == null) {
       return false;
     }
@@ -12,13 +13,13 @@ export const labelSelectors = {
       return isItemEditable;
     }
     return isItemEditable(itemModel);
-  }),
+  },
   /**
    * Checks whether an item is being edited.
    */
-  isItemBeingEdited: createSelector((state, itemId) => itemId == null ? false : state.editedItemId === itemId),
+  isItemBeingEdited: (state, itemId) => itemId == null ? false : state.editedItemId === itemId,
   /**
    * Checks whether any item is being edited.
    */
-  isAnyItemBeingEdited: createSelector(state => !!state.editedItemId)
+  isAnyItemBeingEdited: state => !!state.editedItemId
 };

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

@@ -1,3 +1,4 @@
+import type { TreeViewItemId } from "../../../models/index.mjs";
 import type { RichTreeViewState } from "../../RichTreeViewStore/index.mjs";
 export declare const lazyLoadingSelectors: {
   /**
@@ -7,13 +8,18 @@ export declare const lazyLoadingSelectors: {
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: (state: RichTreeViewState<any, any>, itemId: string | null) => boolean;
+  isItemLoading: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => boolean;
+  /**
+   * Gets the expected children count of an item currently loading its children.
+   * Returns `-1` when the count is unknown or the item is not loading.
+   */
+  itemLoadingChildrenCount: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => number;
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: (state: RichTreeViewState<any, any>, itemId: string | null) => boolean;
+  itemHasError: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => boolean;
   /**
    * Get an item error.
    */
-  itemError: (state: RichTreeViewState<any, any>, itemId: string | null) => Error | null | undefined;
+  itemError: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => Error | null | undefined;
 };

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

@@ -1,3 +1,4 @@
+import type { TreeViewItemId } from "../../../models/index.js";
 import type { RichTreeViewState } from "../../RichTreeViewStore/index.js";
 export declare const lazyLoadingSelectors: {
   /**
@@ -7,13 +8,18 @@ export declare const lazyLoadingSelectors: {
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: (state: RichTreeViewState<any, any>, itemId: string | null) => boolean;
+  isItemLoading: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => boolean;
+  /**
+   * Gets the expected children count of an item currently loading its children.
+   * Returns `-1` when the count is unknown or the item is not loading.
+   */
+  itemLoadingChildrenCount: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => number;
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: (state: RichTreeViewState<any, any>, itemId: string | null) => boolean;
+  itemHasError: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => boolean;
   /**
    * Get an item error.
    */
-  itemError: (state: RichTreeViewState<any, any>, itemId: string | null) => Error | null | undefined;
+  itemError: (state: RichTreeViewState<any, any>, itemId: TreeViewItemId | null) => Error | null | undefined;
 };

package/internals/plugins/lazyLoading/selectors.js

@@ -4,28 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.lazyLoadingSelectors = void 0;
-var _store = require("@mui/x-internals/store");
 var _items = require("../items");
 const lazyLoadingSelectors = exports.lazyLoadingSelectors = {
   /**
    * Checks if the lazy loaded state is empty.
    */
-  isEmpty: (0, _store.createSelector)(state => {
+  isEmpty: state => {
     if (state.lazyLoadedItems == null) {
       return true;
     }
     return Object.keys(state.lazyLoadedItems.loading).length === 0 && Object.keys(state.lazyLoadedItems.errors).length === 0;
-  }),
+  },
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: (0, _store.createSelector)((state, itemId) => state.lazyLoadedItems?.loading[itemId ?? _items.TREE_VIEW_ROOT_PARENT_ID] ?? false),
+  isItemLoading: (state, itemId) => state.lazyLoadedItems?.loading[itemId ?? _items.TREE_VIEW_ROOT_PARENT_ID] != null,
+  /**
+   * Gets the expected children count of an item currently loading its children.
+   * Returns `-1` when the count is unknown or the item is not loading.
+   */
+  itemLoadingChildrenCount: (state, itemId) => state.lazyLoadedItems?.loading[itemId ?? _items.TREE_VIEW_ROOT_PARENT_ID] ?? -1,
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: (0, _store.createSelector)((state, itemId) => !!state.lazyLoadedItems?.errors[itemId ?? _items.TREE_VIEW_ROOT_PARENT_ID]),
+  itemHasError: (state, itemId) => !!state.lazyLoadedItems?.errors[itemId ?? _items.TREE_VIEW_ROOT_PARENT_ID],
   /**
    * Get an item error.
    */
-  itemError: (0, _store.createSelector)((state, itemId) => state.lazyLoadedItems?.errors[itemId ?? _items.TREE_VIEW_ROOT_PARENT_ID])
+  itemError: (state, itemId) => state.lazyLoadedItems?.errors[itemId ?? _items.TREE_VIEW_ROOT_PARENT_ID]
 };

package/internals/plugins/lazyLoading/selectors.mjs

@@ -1,25 +1,29 @@
-import { createSelector } from '@mui/x-internals/store';
 import { TREE_VIEW_ROOT_PARENT_ID } from "../items/index.mjs";
 export const lazyLoadingSelectors = {
   /**
    * Checks if the lazy loaded state is empty.
    */
-  isEmpty: createSelector(state => {
+  isEmpty: state => {
     if (state.lazyLoadedItems == null) {
       return true;
     }
     return Object.keys(state.lazyLoadedItems.loading).length === 0 && Object.keys(state.lazyLoadedItems.errors).length === 0;
-  }),
+  },
   /**
    * Checks whether an item is loading.
    */
-  isItemLoading: createSelector((state, itemId) => state.lazyLoadedItems?.loading[itemId ?? TREE_VIEW_ROOT_PARENT_ID] ?? false),
+  isItemLoading: (state, itemId) => state.lazyLoadedItems?.loading[itemId ?? TREE_VIEW_ROOT_PARENT_ID] != null,
+  /**
+   * Gets the expected children count of an item currently loading its children.
+   * Returns `-1` when the count is unknown or the item is not loading.
+   */
+  itemLoadingChildrenCount: (state, itemId) => state.lazyLoadedItems?.loading[itemId ?? TREE_VIEW_ROOT_PARENT_ID] ?? -1,
   /**
    * Checks whether an item has errors.
    */
-  itemHasError: createSelector((state, itemId) => !!state.lazyLoadedItems?.errors[itemId ?? TREE_VIEW_ROOT_PARENT_ID]),
+  itemHasError: (state, itemId) => !!state.lazyLoadedItems?.errors[itemId ?? TREE_VIEW_ROOT_PARENT_ID],
   /**
    * Get an item error.
    */
-  itemError: createSelector((state, itemId) => state.lazyLoadedItems?.errors[itemId ?? TREE_VIEW_ROOT_PARENT_ID])
+  itemError: (state, itemId) => state.lazyLoadedItems?.errors[itemId ?? TREE_VIEW_ROOT_PARENT_ID]
 };

package/internals/plugins/lazyLoading/types.d.mts

@@ -1,5 +1,9 @@
 import type { TreeViewItemId } from "../../../models/index.mjs";
 export interface RichTreeViewLazyLoadedItemsStatus {
-  loading: Record<TreeViewItemId, boolean>;
+  /**
+   * For each item currently loading its children, the expected children count.
+   * `-1` when the count is unknown.
+   */
+  loading: Record<TreeViewItemId, number>;
   errors: Record<TreeViewItemId, Error | null>;
 }

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

@@ -1,5 +1,9 @@
 import type { TreeViewItemId } from "../../../models/index.js";
 export interface RichTreeViewLazyLoadedItemsStatus {
-  loading: Record<TreeViewItemId, boolean>;
+  /**
+   * For each item currently loading its children, the expected children count.
+   * `-1` when the count is unknown.
+   */
+  loading: Record<TreeViewItemId, number>;
   errors: Record<TreeViewItemId, Error | null>;
 }

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

@@ -1,5 +1,10 @@
-import type { TreeViewItemSelectionStatus } from "../../../models/index.mjs";
+import type { TreeViewItemId, TreeViewItemSelectionStatus } from "../../../models/index.mjs";
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.mjs";
+declare const isItemSelectableSelector: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
+declare const isItemSelectedSelector: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
+declare const canItemBeSelectedSelector: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
+declare const propagationRulesSelector: (state: MinimalTreeViewState<any, any>) => import("../../../index.mjs").TreeViewSelectionPropagation;
+declare const itemSelectionStatusSelector: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => TreeViewItemSelectionStatus;
 export declare const selectionSelectors: {
   /**
    * Gets the selected items as provided to the component.
@@ -28,32 +33,33 @@ export declare const selectionSelectors: {
   /**
    * Gets the selection propagation rules.
    */
-  propagationRules: (state: MinimalTreeViewState<any, any>) => import("../../../index.mjs").TreeViewSelectionPropagation;
+  propagationRules: typeof propagationRulesSelector;
   /**
    * Checks whether an item is selected.
    */
-  isItemSelected: (args_0: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  isItemSelected: typeof isItemSelectedSelector;
   /**
    * Gets the selection status of an item.
    * An item that is not selected is `indeterminate` when some of its selectable descendants are selected.
    * When `selectionPropagation.parents` is enabled, an item whose selectable descendants are all selected is `selected`.
    */
-  itemSelectionStatus: (state: MinimalTreeViewState<any, any>, itemId: string) => TreeViewItemSelectionStatus;
+  itemSelectionStatus: typeof itemSelectionStatusSelector;
   /**
    * Checks whether an item is indeterminate (it is not selected but some of its selectable descendants are).
    */
-  isItemIndeterminate: (args_0: MinimalTreeViewState<any, any>, _itemId: string) => boolean;
+  isItemIndeterminate: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Checks whether the selection feature is enabled for an item.
    * Returns `true` when selection is enabled on the Tree View and the item is selectable (even if the item is disabled).
    */
-  isFeatureEnabledForItem: (args_0: MinimalTreeViewState<any, any>, _itemId: string) => boolean;
+  isFeatureEnabledForItem: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Checks whether an item can be selected (if selection is enabled, if the item is not disabled, and if the item is selectable).
    */
-  canItemBeSelected: (args_0: MinimalTreeViewState<any, any>, _itemId: string) => boolean;
+  canItemBeSelected: typeof canItemBeSelectedSelector;
   /**
    * Checks whether an item is selectable based on the `isItemSelectionDisabled` prop.
    */
-  isItemSelectable: (state: MinimalTreeViewState<any, any>, itemId: string) => boolean;
-};
+  isItemSelectable: typeof isItemSelectableSelector;
+};
+export {};

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

@@ -1,5 +1,10 @@
-import type { TreeViewItemSelectionStatus } from "../../../models/index.js";
+import type { TreeViewItemId, TreeViewItemSelectionStatus } from "../../../models/index.js";
 import type { MinimalTreeViewState } from "../../MinimalTreeViewStore/index.js";
+declare const isItemSelectableSelector: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
+declare const isItemSelectedSelector: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
+declare const canItemBeSelectedSelector: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
+declare const propagationRulesSelector: (state: MinimalTreeViewState<any, any>) => import("../../../index.js").TreeViewSelectionPropagation;
+declare const itemSelectionStatusSelector: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => TreeViewItemSelectionStatus;
 export declare const selectionSelectors: {
   /**
    * Gets the selected items as provided to the component.
@@ -28,32 +33,33 @@ export declare const selectionSelectors: {
   /**
    * Gets the selection propagation rules.
    */
-  propagationRules: (state: MinimalTreeViewState<any, any>) => import("../../../index.js").TreeViewSelectionPropagation;
+  propagationRules: typeof propagationRulesSelector;
   /**
    * Checks whether an item is selected.
    */
-  isItemSelected: (args_0: MinimalTreeViewState<any, any>, itemId: string) => boolean;
+  isItemSelected: typeof isItemSelectedSelector;
   /**
    * Gets the selection status of an item.
    * An item that is not selected is `indeterminate` when some of its selectable descendants are selected.
    * When `selectionPropagation.parents` is enabled, an item whose selectable descendants are all selected is `selected`.
    */
-  itemSelectionStatus: (state: MinimalTreeViewState<any, any>, itemId: string) => TreeViewItemSelectionStatus;
+  itemSelectionStatus: typeof itemSelectionStatusSelector;
   /**
    * Checks whether an item is indeterminate (it is not selected but some of its selectable descendants are).
    */
-  isItemIndeterminate: (args_0: MinimalTreeViewState<any, any>, _itemId: string) => boolean;
+  isItemIndeterminate: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Checks whether the selection feature is enabled for an item.
    * Returns `true` when selection is enabled on the Tree View and the item is selectable (even if the item is disabled).
    */
-  isFeatureEnabledForItem: (args_0: MinimalTreeViewState<any, any>, _itemId: string) => boolean;
+  isFeatureEnabledForItem: (state: MinimalTreeViewState<any, any>, itemId: TreeViewItemId) => boolean;
   /**
    * Checks whether an item can be selected (if selection is enabled, if the item is not disabled, and if the item is selectable).
    */
-  canItemBeSelected: (args_0: MinimalTreeViewState<any, any>, _itemId: string) => boolean;
+  canItemBeSelected: typeof canItemBeSelectedSelector;
   /**
    * Checks whether an item is selectable based on the `isItemSelectionDisabled` prop.
    */
-  isItemSelectable: (state: MinimalTreeViewState<any, any>, itemId: string) => boolean;
-};
+  isItemSelectable: typeof isItemSelectableSelector;
+};
+export {};

package/internals/plugins/selection/selectors.js

@@ -22,11 +22,11 @@ const selectedItemsMapSelector = (0, _store.createSelectorMemoized)(selectedItem
   });
   return selectedItemsMap;
 });
-const isItemSelectableSelector = (0, _store.createSelector)((state, itemId) => state.itemMetaLookup[itemId]?.selectable ?? true);
-const isItemSelectedSelector = (0, _store.createSelector)(selectedItemsMapSelector, (selectedItemsMap, itemId) => selectedItemsMap.has(itemId));
-const canItemBeSelectedSelector = (0, _store.createSelector)(_selectors.itemsSelectors.isItemDisabled, isItemSelectableSelector, state => !state.disableSelection, (isItemDisabled, isItemSelectable, isSelectionEnabled, _itemId) => isSelectionEnabled && !isItemDisabled && isItemSelectable);
-const propagationRulesSelector = (0, _store.createSelector)(state => state.selectionPropagation);
-const itemSelectionStatusSelector = (0, _store.createSelector)((state, itemId) => {
+const isItemSelectableSelector = (state, itemId) => state.itemMetaLookup[itemId]?.selectable ?? true;
+const isItemSelectedSelector = (state, itemId) => selectedItemsMapSelector(state).has(itemId);
+const canItemBeSelectedSelector = (state, itemId) => !state.disableSelection && !_selectors.itemsSelectors.isItemDisabled(state, itemId) && isItemSelectableSelector(state, itemId);
+const propagationRulesSelector = state => state.selectionPropagation;
+const itemSelectionStatusSelector = (state, itemId) => {
   if (isItemSelectedSelector(state, itemId)) {
     return 'selected';
   }
@@ -65,12 +65,12 @@ const itemSelectionStatusSelector = (0, _store.createSelector)((state, itemId) =
     return 'indeterminate';
   }
   return 'unselected';
-});
+};
 const selectionSelectors = exports.selectionSelectors = {
   /**
    * Gets the selected items as provided to the component.
    */
-  selectedItemsRaw: (0, _store.createSelector)(state => state.selectedItems),
+  selectedItemsRaw: state => state.selectedItems,
   /**
    * Gets the selected items as an array.
    */
@@ -82,15 +82,15 @@ const selectionSelectors = exports.selectionSelectors = {
   /**
    * Checks whether selection is enabled.
    */
-  enabled: (0, _store.createSelector)(state => !state.disableSelection),
+  enabled: state => !state.disableSelection,
   /**
    * Checks whether multi selection is enabled.
    */
-  isMultiSelectEnabled: (0, _store.createSelector)(state => state.multiSelect),
+  isMultiSelectEnabled: state => state.multiSelect,
   /**
    * Checks whether checkbox selection is enabled.
    */
-  isCheckboxSelectionEnabled: (0, _store.createSelector)(state => state.checkboxSelection),
+  isCheckboxSelectionEnabled: state => state.checkboxSelection,
   /**
    * Gets the selection propagation rules.
    */
@@ -108,12 +108,12 @@ const selectionSelectors = exports.selectionSelectors = {
   /**
    * Checks whether an item is indeterminate (it is not selected but some of its selectable descendants are).
    */
-  isItemIndeterminate: (0, _store.createSelector)(itemSelectionStatusSelector, (selectionStatus, _itemId) => selectionStatus === 'indeterminate'),
+  isItemIndeterminate: (state, itemId) => itemSelectionStatusSelector(state, itemId) === 'indeterminate',
   /**
    * Checks whether the selection feature is enabled for an item.
    * Returns `true` when selection is enabled on the Tree View and the item is selectable (even if the item is disabled).
    */
-  isFeatureEnabledForItem: (0, _store.createSelector)(isItemSelectableSelector, state => !state.disableSelection, (isItemSelectable, isSelectionEnabled, _itemId) => isSelectionEnabled && isItemSelectable),
+  isFeatureEnabledForItem: (state, itemId) => !state.disableSelection && isItemSelectableSelector(state, itemId),
   /**
    * Checks whether an item can be selected (if selection is enabled, if the item is not disabled, and if the item is selectable).
    */

package/internals/plugins/selection/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";
 const selectedItemsSelector = createSelectorMemoized(state => state.selectedItems, selectedItemsRaw => {
   if (Array.isArray(selectedItemsRaw)) {
@@ -16,11 +16,11 @@ const selectedItemsMapSelector = createSelectorMemoized(selectedItemsSelector, s
   });
   return selectedItemsMap;
 });
-const isItemSelectableSelector = createSelector((state, itemId) => state.itemMetaLookup[itemId]?.selectable ?? true);
-const isItemSelectedSelector = createSelector(selectedItemsMapSelector, (selectedItemsMap, itemId) => selectedItemsMap.has(itemId));
-const canItemBeSelectedSelector = createSelector(itemsSelectors.isItemDisabled, isItemSelectableSelector, state => !state.disableSelection, (isItemDisabled, isItemSelectable, isSelectionEnabled, _itemId) => isSelectionEnabled && !isItemDisabled && isItemSelectable);
-const propagationRulesSelector = createSelector(state => state.selectionPropagation);
-const itemSelectionStatusSelector = createSelector((state, itemId) => {
+const isItemSelectableSelector = (state, itemId) => state.itemMetaLookup[itemId]?.selectable ?? true;
+const isItemSelectedSelector = (state, itemId) => selectedItemsMapSelector(state).has(itemId);
+const canItemBeSelectedSelector = (state, itemId) => !state.disableSelection && !itemsSelectors.isItemDisabled(state, itemId) && isItemSelectableSelector(state, itemId);
+const propagationRulesSelector = state => state.selectionPropagation;
+const itemSelectionStatusSelector = (state, itemId) => {
   if (isItemSelectedSelector(state, itemId)) {
     return 'selected';
   }
@@ -59,12 +59,12 @@ const itemSelectionStatusSelector = createSelector((state, itemId) => {
     return 'indeterminate';
   }
   return 'unselected';
-});
+};
 export const selectionSelectors = {
   /**
    * Gets the selected items as provided to the component.
    */
-  selectedItemsRaw: createSelector(state => state.selectedItems),
+  selectedItemsRaw: state => state.selectedItems,
   /**
    * Gets the selected items as an array.
    */
@@ -76,15 +76,15 @@ export const selectionSelectors = {
   /**
    * Checks whether selection is enabled.
    */
-  enabled: createSelector(state => !state.disableSelection),
+  enabled: state => !state.disableSelection,
   /**
    * Checks whether multi selection is enabled.
    */
-  isMultiSelectEnabled: createSelector(state => state.multiSelect),
+  isMultiSelectEnabled: state => state.multiSelect,
   /**
    * Checks whether checkbox selection is enabled.
    */
-  isCheckboxSelectionEnabled: createSelector(state => state.checkboxSelection),
+  isCheckboxSelectionEnabled: state => state.checkboxSelection,
   /**
    * Gets the selection propagation rules.
    */
@@ -102,12 +102,12 @@ export const selectionSelectors = {
   /**
    * Checks whether an item is indeterminate (it is not selected but some of its selectable descendants are).
    */
-  isItemIndeterminate: createSelector(itemSelectionStatusSelector, (selectionStatus, _itemId) => selectionStatus === 'indeterminate'),
+  isItemIndeterminate: (state, itemId) => itemSelectionStatusSelector(state, itemId) === 'indeterminate',
   /**
    * Checks whether the selection feature is enabled for an item.
    * Returns `true` when selection is enabled on the Tree View and the item is selectable (even if the item is disabled).
    */
-  isFeatureEnabledForItem: createSelector(isItemSelectableSelector, state => !state.disableSelection, (isItemSelectable, isSelectionEnabled, _itemId) => isSelectionEnabled && isItemSelectable),
+  isFeatureEnabledForItem: (state, itemId) => !state.disableSelection && isItemSelectableSelector(state, itemId),
   /**
    * Checks whether an item can be selected (if selection is enabled, if the item is not disabled, and if the item is selectable).
    */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "9.11.0",
+  "version": "9.13.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Tree View components.",
   "license": "MIT",
@@ -32,13 +32,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@base-ui/utils": "^0.3.1",
-    "@mui/utils": "^9.3.0",
-    "@types/react-transition-group": "^4.4.12",
+    "@base-ui/utils": "^0.3.2",
+    "@mui/utils": "^9.4.0",
+    "@mui/x-internals": "^9.13.0",
     "clsx": "^2.1.1",
-    "prop-types": "^15.8.1",
-    "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "^9.11.0"
+    "prop-types": "^15.8.1"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -160,6 +158,20 @@
         "default": "./TreeItemLabelInput/index.mjs"
       }
     },
+    "./TreeItemLoader": {
+      "import": {
+        "types": "./TreeItemLoader/index.d.mts",
+        "default": "./TreeItemLoader/index.mjs"
+      },
+      "require": {
+        "types": "./TreeItemLoader/index.d.ts",
+        "default": "./TreeItemLoader/index.js"
+      },
+      "default": {
+        "types": "./TreeItemLoader/index.d.mts",
+        "default": "./TreeItemLoader/index.mjs"
+      }
+    },
     "./TreeItemProvider": {
       "import": {
         "types": "./TreeItemProvider/index.d.mts",