@mui/x-tree-view 8.11.0 → 8.11.1

package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.d.ts

@@ -1,102 +1,16 @@
 import { UseTreeViewLabelSignature } from "./useTreeViewLabel.types.js";
-import { TreeViewRootSelector } from "../../utils/selectors.js";
-/**
- * Check if an item is editable.
- * @param {TreeViewState<[UseTreeViewItemsSignature]>} state The state of the tree view.
- * @param {TreeViewItemId} itemId The id of the item to check.
- * @returns {boolean} `true` if the item is editable, `false` otherwise.
- */
-export declare const selectorIsItemEditable: ((state: any, itemId: string) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    isItemEditable: ((item: any) => boolean) | boolean;
-    editedItemId: string | null;
-  } | undefined, resultFuncArgs_1: import("../../../index.js").TreeViewBaseItem<import("../../../index.js").TreeViewDefaultItemModelProperties>) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    isItemEditable: ((item: any) => boolean) | boolean;
-    editedItemId: string | null;
-  } | undefined, resultFuncArgs_1: import("../../../index.js").TreeViewBaseItem<import("../../../index.js").TreeViewDefaultItemModelProperties>) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [TreeViewRootSelector<UseTreeViewLabelSignature, true>, (state: any, itemId: string) => import("../../../index.js").TreeViewBaseItem<import("../../../index.js").TreeViewDefaultItemModelProperties>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Check if the given item is being edited.
- * @param {TreeViewState<[UseTreeViewLabelSignature]>} state The state of the tree view.
- * @param {TreeViewItemId} itemId The id of the item to check.
- * @returns {boolean} `true` if the item is being edited, `false` otherwise.
- */
-export declare const selectorIsItemBeingEdited: ((state: any, itemId: string | null) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    isItemEditable: ((item: any) => boolean) | boolean;
-    editedItemId: string | null;
-  } | undefined, resultFuncArgs_1: string | null) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    isItemEditable: ((item: any) => boolean) | boolean;
-    editedItemId: string | null;
-  } | undefined, resultFuncArgs_1: string | null) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [TreeViewRootSelector<UseTreeViewLabelSignature, true>, (_: any, itemId: string | null) => string | null];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Check if an item is being edited.
- * @param {TreeViewState<[UseTreeViewLabelSignature]>} state The state of the tree view.
- * @returns {boolean} `true` if an item is being edited, `false` otherwise.
- */
-export declare const selectorIsAnyItemBeingEdited: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & Partial<import("./useTreeViewLabel.types.js").UseTreeViewLabelState> & {
-  cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-}) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    isItemEditable: ((item: any) => boolean) | boolean;
-    editedItemId: string | null;
-  } | undefined) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    isItemEditable: ((item: any) => boolean) | boolean;
-    editedItemId: string | null;
-  } | undefined) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [TreeViewRootSelector<UseTreeViewLabelSignature, true>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
+import { TreeViewState } from "../../models/index.js";
+export declare const labelSelectors: {
+  /**
+   * Checks whether an item is editable.
+   */
+  isItemEditable: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("../useTreeViewItems/index.js").UseTreeViewItemsState<import("../../../index.js").TreeViewDefaultItemModelProperties> & Partial<{}>, _itemId: string) => boolean;
+  /**
+   * Checks whether an item is being edited.
+   */
+  isItemBeingEdited: (state: TreeViewState<[], [UseTreeViewLabelSignature]>, itemId: string | null) => boolean;
+  /**
+   * Checks whether any item is being edited.
+   */
+  isAnyItemBeingEdited: (state: TreeViewState<[], [UseTreeViewLabelSignature]>) => boolean;
 };

package/esm/internals/plugins/useTreeViewLabel/useTreeViewLabel.selectors.js

@@ -1,34 +1,24 @@
-import { createSelector } from "../../utils/selectors.js";
-import { selectorItemModel } from "../useTreeViewItems/useTreeViewItems.selectors.js";
-const selectorTreeViewLabelState = state => state.label;
-
-/**
- * Check if an item is editable.
- * @param {TreeViewState<[UseTreeViewItemsSignature]>} state The state of the tree view.
- * @param {TreeViewItemId} itemId The id of the item to check.
- * @returns {boolean} `true` if the item is editable, `false` otherwise.
- */
-export const selectorIsItemEditable = createSelector([selectorTreeViewLabelState, (state, itemId) => selectorItemModel(state, itemId)], (labelState, itemModel) => {
-  if (!itemModel || !labelState) {
-    return false;
-  }
-  if (typeof labelState.isItemEditable === 'boolean') {
-    return labelState.isItemEditable;
-  }
-  return labelState.isItemEditable(itemModel);
-});
-
-/**
- * Check if the given item is being edited.
- * @param {TreeViewState<[UseTreeViewLabelSignature]>} state The state of the tree view.
- * @param {TreeViewItemId} itemId The id of the item to check.
- * @returns {boolean} `true` if the item is being edited, `false` otherwise.
- */
-export const selectorIsItemBeingEdited = createSelector([selectorTreeViewLabelState, (_, itemId) => itemId], (labelState, itemId) => itemId ? labelState?.editedItemId === itemId : false);
-
-/**
- * Check if an item is being edited.
- * @param {TreeViewState<[UseTreeViewLabelSignature]>} state The state of the tree view.
- * @returns {boolean} `true` if an item is being edited, `false` otherwise.
- */
-export const selectorIsAnyItemBeingEdited = createSelector(selectorTreeViewLabelState, labelState => !!labelState?.editedItemId);
+import { createSelector } from '@mui/x-internals/store';
+import { itemsSelectors } from "../useTreeViewItems/useTreeViewItems.selectors.js";
+export const labelSelectors = {
+  /**
+   * Checks whether an item is editable.
+   */
+  isItemEditable: createSelector(state => state.label?.isItemEditable, itemsSelectors.itemModel, (isItemEditable, itemModel, _itemId) => {
+    if (!itemModel || isItemEditable == null) {
+      return false;
+    }
+    if (typeof isItemEditable === 'boolean') {
+      return isItemEditable;
+    }
+    return isItemEditable(itemModel);
+  }),
+  /**
+   * Checks whether an item is being edited.
+   */
+  isItemBeingEdited: createSelector((state, itemId) => itemId == null ? false : state.label?.editedItemId === itemId),
+  /**
+   * Checks whether any item is being edited.
+   */
+  isAnyItemBeingEdited: createSelector(state => !!state.label?.editedItemId)
+};

package/esm/internals/plugins/useTreeViewLazyLoading/index.d.ts

@@ -1 +1,2 @@
-export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters } from "./useTreeViewLazyLoading.types.js";
+export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters, UseTreeViewLazyLoadingInstance } from "./useTreeViewLazyLoading.types.js";
+export { lazyLoadingSelectors } from "./useTreeViewLazyLoading.selectors.js";

package/esm/internals/plugins/useTreeViewLazyLoading/index.js

@@ -1 +1 @@
-export {};
+export { lazyLoadingSelectors } from "./useTreeViewLazyLoading.selectors.js";

package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.d.ts

@@ -1,247 +1,20 @@
-import { TreeViewRootSelector, TreeViewRootSelectorForOptionalPlugin } from "../../utils/selectors.js";
+import { TreeViewItemId } from "../../../models/index.js";
 import { UseTreeViewLazyLoadingSignature } from "./useTreeViewLazyLoading.types.js";
-export declare const selectorDataSourceState: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewLazyLoading.types.js").UseTreeViewLazyLoadingState & Partial<{}> & {
-  cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-}) => {
-  loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-  errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-}) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    enabled: boolean;
-    dataSource: {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    };
-  }) => {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  };
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    enabled: boolean;
-    dataSource: {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    };
-  }) => {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  }) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  };
-  dependencies: [TreeViewRootSelector<UseTreeViewLazyLoadingSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Check if lazy loading is enabled.
- * @param {TreeViewState<[UseTreeViewLazyLoadingSignature]>} state The state of the tree view.
- * @returns {boolean} True if lazy loading is enabled, false if it isn't.
- */
-export declare const selectorIsLazyLoadingEnabled: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & Partial<import("./useTreeViewLazyLoading.types.js").UseTreeViewLazyLoadingState> & {
-  cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-}) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    enabled: boolean;
-    dataSource: {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    };
-  } | undefined) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    enabled: boolean;
-    dataSource: {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    };
-  } | undefined) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [TreeViewRootSelectorForOptionalPlugin<UseTreeViewLazyLoadingSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Get the loading state for a tree item.
- * @param {TreeViewState<[UseTreeViewLazyLoadingSignature]>} state The state of the tree view.
- * @param {TreeViewItemId} itemId The id of the item to get the loading state of.
- * @returns {boolean} The loading state for the Tree Item.
- */
-export declare const selectorIsItemLoading: ((state: any, itemId: string) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  }, resultFuncArgs_1: string) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  }, resultFuncArgs_1: string) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewLazyLoading.types.js").UseTreeViewLazyLoadingState & Partial<{}> & {
-    cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-  }) => {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  }) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      enabled: boolean;
-      dataSource: {
-        loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-        errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-      };
-    }) => {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    };
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      enabled: boolean;
-      dataSource: {
-        loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-        errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-      };
-    }) => {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    }) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    };
-    dependencies: [TreeViewRootSelector<UseTreeViewLazyLoadingSignature>];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, (_: any, itemId: string) => string];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Get the error for a tree item.
- * @param {TreeViewState<[UseTreeViewLazyLoadingSignature]>} state The state of the tree view.
- * @param {TreeViewItemId} itemId The id of the item to get the error for.
- * @returns {boolean} The error for the Tree Item.
- */
-export declare const selectorGetTreeItemError: ((state: any, itemId: string) => Error | null) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  }, resultFuncArgs_1: string) => Error | null;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  }, resultFuncArgs_1: string) => Error | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => Error | null;
-  dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewLazyLoading.types.js").UseTreeViewLazyLoadingState & Partial<{}> & {
-    cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-  }) => {
-    loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-    errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-  }) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      enabled: boolean;
-      dataSource: {
-        loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-        errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-      };
-    }) => {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    };
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      enabled: boolean;
-      dataSource: {
-        loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-        errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-      };
-    }) => {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    }) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => {
-      loading: Record<import("../../../index.js").TreeViewItemId, boolean>;
-      errors: Record<import("../../../index.js").TreeViewItemId, Error | null>;
-    };
-    dependencies: [TreeViewRootSelector<UseTreeViewLazyLoadingSignature>];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }, (_: any, itemId: string) => string];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
+import { TreeViewState } from "../../models/index.js";
+export declare const lazyLoadingSelectors: {
+  /**
+   * Gets the data source used to lazy load items.
+   */
+  dataSource: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>) => {
+    loading: Record<TreeViewItemId, boolean>;
+    errors: Record<TreeViewItemId, Error | null>;
+  } | undefined;
+  /**
+   * Checks whether an item is loading.
+   */
+  isItemLoading: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string) => boolean;
+  /**
+   * Checks whether an item has errors.
+   */
+  itemHasError: (state: TreeViewState<[], [UseTreeViewLazyLoadingSignature]>, itemId: string) => boolean;
 };

package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js

@@ -1,27 +1,15 @@
-import { createSelector } from "../../utils/selectors.js";
-const selectorLazyLoading = state => state.lazyLoading;
-const selectorLazyLoadingOptional = state => state.lazyLoading;
-export const selectorDataSourceState = createSelector([selectorLazyLoading], lazyLoading => lazyLoading.dataSource);
-
-/**
- * Check if lazy loading is enabled.
- * @param {TreeViewState<[UseTreeViewLazyLoadingSignature]>} state The state of the tree view.
- * @returns {boolean} True if lazy loading is enabled, false if it isn't.
- */
-export const selectorIsLazyLoadingEnabled = createSelector([selectorLazyLoadingOptional], lazyLoading => !!lazyLoading?.enabled);
-
-/**
- * Get the loading state for a tree item.
- * @param {TreeViewState<[UseTreeViewLazyLoadingSignature]>} state The state of the tree view.
- * @param {TreeViewItemId} itemId The id of the item to get the loading state of.
- * @returns {boolean} The loading state for the Tree Item.
- */
-export const selectorIsItemLoading = createSelector([selectorDataSourceState, (_, itemId) => itemId], (dataSourceState, itemId) => dataSourceState.loading[itemId] || false);
-
-/**
- * Get the error for a tree item.
- * @param {TreeViewState<[UseTreeViewLazyLoadingSignature]>} state The state of the tree view.
- * @param {TreeViewItemId} itemId The id of the item to get the error for.
- * @returns {boolean} The error for the Tree Item.
- */
-export const selectorGetTreeItemError = createSelector([selectorDataSourceState, (_, itemId) => itemId], (dataSourceState, itemId) => dataSourceState.errors[itemId] || null);
+import { createSelector } from '@mui/x-internals/store';
+export const lazyLoadingSelectors = {
+  /**
+   * Gets the data source used to lazy load items.
+   */
+  dataSource: createSelector(state => state.lazyLoading?.dataSource),
+  /**
+   * Checks whether an item is loading.
+   */
+  isItemLoading: createSelector((state, itemId) => state.lazyLoading?.dataSource.loading[itemId] ?? false),
+  /**
+   * Checks whether an item has errors.
+   */
+  itemHasError: createSelector((state, itemId) => !!state.lazyLoading?.dataSource.errors[itemId])
+};

package/esm/internals/plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.types.d.ts

@@ -25,24 +25,38 @@ type DataSource<R extends {}> = {
    */
   getTreeItems: (parentId?: TreeViewItemId) => Promise<R[]>;
 };
-export interface UseTreeViewLazyLoadingPublicAPI {}
+export interface UseTreeViewLazyLoadingPublicAPI {
+  /**
+   * 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 interface UseTreeViewLazyLoadingInstance extends UseTreeViewLazyLoadingPublicAPI {
   /**
    * Method used for fetching multiple items concurrently.
    * Only relevant for lazy-loaded tree views.
    *
    * @param {TreeViewItemId[]} parentIds The ids of the items to fetch the children of.
-   * @returns { Promise<void>} The children of the items.
+   * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
   fetchItems: (parentIds?: TreeViewItemId[]) => Promise<void>;
   /**
-   * Method used for fetching and item's children.
+   * Method used for fetching an item's children.
    * Only relevant for lazy-loaded tree views.
    *
-   * @param {TreeViewItemId} itemId The The id of the item to fetch the children of.
-   * @returns { Promise<void>} The children of the item.
+   * @param {object} parameters The parameters of the method.
+   * @param {TreeViewItemId} parameters.itemId The The id of the item to fetch the children of.
+   * @param {boolean} [parameters.forceRefresh] Whether to force a refresh of the children when the cache already contains some data.
+   * @returns {Promise<void>} The promise resolved when the items are fetched.
    */
-  fetchItemChildren: (itemId: TreeViewItemId) => Promise<void>;
+  fetchItemChildren: (parameters: {
+    itemId: TreeViewItemId;
+    forceRefresh?: boolean;
+  }) => Promise<void>;
   /**
    * Set the loading state of an item.
    * @param {TreeViewItemId} itemId The id of the item to set the loading state of.

package/esm/internals/plugins/useTreeViewSelection/index.d.ts

@@ -1,2 +1,3 @@
 export { useTreeViewSelection } from "./useTreeViewSelection.js";
-export type { UseTreeViewSelectionSignature, UseTreeViewSelectionParameters, UseTreeViewSelectionParametersWithDefaults } from "./useTreeViewSelection.types.js";
+export type { UseTreeViewSelectionSignature, UseTreeViewSelectionParameters, UseTreeViewSelectionParametersWithDefaults } from "./useTreeViewSelection.types.js";
+export { selectionSelectors } from "./useTreeViewSelection.selectors.js";

package/esm/internals/plugins/useTreeViewSelection/index.js

@@ -1 +1,2 @@
-export { useTreeViewSelection } from "./useTreeViewSelection.js";
+export { useTreeViewSelection } from "./useTreeViewSelection.js";
+export { selectionSelectors } from "./useTreeViewSelection.selectors.js";

package/esm/internals/plugins/useTreeViewSelection/useTreeViewSelection.itemPlugin.js

@@ -1,49 +1,30 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
+import { createSelector, useStore } from '@mui/x-internals/store';
 import { useTreeViewContext } from "../../TreeViewProvider/index.js";
-import { selectorItemOrderedChildrenIds } from "../useTreeViewItems/useTreeViewItems.selectors.js";
-import { selectorIsCheckboxSelectionEnabled, selectorIsItemSelected, selectorIsItemSelectionEnabled, selectorSelectionPropagationRules } from "./useTreeViewSelection.selectors.js";
-import { useSelector } from "../../hooks/useSelector.js";
-function selectorItemCheckboxStatus(state, itemId) {
-  const isCheckboxSelectionEnabled = selectorIsCheckboxSelectionEnabled(state);
-  const isSelectionEnabledForItem = selectorIsItemSelectionEnabled(state, itemId);
-  if (selectorIsItemSelected(state, itemId)) {
-    return {
-      disabled: !isSelectionEnabledForItem,
-      visible: isCheckboxSelectionEnabled,
-      indeterminate: false,
-      checked: true
-    };
-  }
-  const children = selectorItemOrderedChildrenIds(state, itemId);
-  if (children.length === 0) {
-    return {
-      disabled: !isSelectionEnabledForItem,
-      visible: isCheckboxSelectionEnabled,
-      indeterminate: false,
-      checked: false
-    };
+import { itemsSelectors } from "../useTreeViewItems/useTreeViewItems.selectors.js";
+import { selectionSelectors } from "./useTreeViewSelection.selectors.js";
+const selectorCheckboxSelectionStatus = createSelector((state, itemId) => {
+  if (selectionSelectors.isItemSelected(state, itemId)) {
+    return 'checked';
   }
   let hasSelectedDescendant = false;
   let hasUnSelectedDescendant = false;
   const traverseDescendants = itemToTraverseId => {
     if (itemToTraverseId !== itemId) {
-      if (selectorIsItemSelected(state, itemToTraverseId)) {
+      if (selectionSelectors.isItemSelected(state, itemToTraverseId)) {
         hasSelectedDescendant = true;
       } else {
         hasUnSelectedDescendant = true;
       }
     }
-    selectorItemOrderedChildrenIds(state, itemToTraverseId).forEach(traverseDescendants);
+    itemsSelectors.itemOrderedChildrenIds(state, itemToTraverseId).forEach(traverseDescendants);
   };
   traverseDescendants(itemId);
-  return {
-    disabled: !isSelectionEnabledForItem,
-    visible: isCheckboxSelectionEnabled,
-    indeterminate: hasSelectedDescendant && hasUnSelectedDescendant,
-    checked: selectorSelectionPropagationRules(state).parents ? hasSelectedDescendant && !hasUnSelectedDescendant : false
-  };
-}
+  if (hasSelectedDescendant && hasUnSelectedDescendant) {
+    return 'indeterminate';
+  }
+  const shouldSelectBasedOnDescendants = selectionSelectors.propagationRules(state).parents;
+  return shouldSelectBasedOnDescendants && hasSelectedDescendant && !hasUnSelectedDescendant ? 'checked' : 'empty';
+});
 export const useTreeViewSelectionItemPlugin = ({
   props
 }) => {
@@ -53,7 +34,9 @@ export const useTreeViewSelectionItemPlugin = ({
   const {
     store
   } = useTreeViewContext();
-  const checkboxStatus = useSelector(store, selectorItemCheckboxStatus, itemId, fastObjectShallowCompare);
+  const isCheckboxSelectionEnabled = useStore(store, selectionSelectors.isCheckboxSelectionEnabled);
+  const isItemSelectionEnabled = useStore(store, selectionSelectors.canItemBeSelected, itemId);
+  const checkboxSelectionStatus = useStore(store, selectorCheckboxSelectionStatus, itemId);
   return {
     propsEnhancers: {
       checkbox: ({
@@ -65,15 +48,19 @@ export const useTreeViewSelectionItemPlugin = ({
           if (event.defaultMuiPrevented) {
             return;
           }
-          if (!selectorIsItemSelectionEnabled(store.value, itemId)) {
+          if (!selectionSelectors.canItemBeSelected(store.state, itemId)) {
             return;
           }
           interactions.handleCheckboxSelection(event);
         };
-        return _extends({
+        return {
           tabIndex: -1,
-          onChange: handleChange
-        }, checkboxStatus);
+          onChange: handleChange,
+          visible: isCheckboxSelectionEnabled,
+          disabled: !isItemSelectionEnabled,
+          checked: checkboxSelectionStatus === 'checked',
+          indeterminate: checkboxSelectionStatus === 'indeterminate'
+        };
       }
     }
   };