@mui/x-tree-view 8.11.0 → 8.11.1

package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js

@@ -25,27 +25,21 @@ const useTreeViewExpansion = ({
     defaultValue: params.defaultExpandedItems
   });
   (0, _useEnhancedEffect.default)(() => {
-    store.update(prevState => {
-      const newExpansionTrigger = (0, _useTreeViewExpansion2.getExpansionTrigger)({
-        isItemEditable: params.isItemEditable,
-        expansionTrigger: params.expansionTrigger
-      });
-      if (prevState.expansion.expansionTrigger === newExpansionTrigger) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        expansion: (0, _extends2.default)({}, prevState.expansion, {
-          expansionTrigger: newExpansionTrigger
-        })
-      });
+    const newExpansionTrigger = (0, _useTreeViewExpansion2.getExpansionTrigger)({
+      isItemEditable: params.isItemEditable,
+      expansionTrigger: params.expansionTrigger
     });
+    if (store.state.expansion.expansionTrigger === newExpansionTrigger) {
+      return;
+    }
+    store.set('expansion', (0, _extends2.default)({}, store.state.expansion, {
+      expansionTrigger: newExpansionTrigger
+    }));
   }, [store, params.isItemEditable, params.expansionTrigger]);
   const setExpandedItems = (event, value) => {
     if (params.expandedItems === undefined) {
-      store.update(prevState => (0, _extends2.default)({}, prevState, {
-        expansion: (0, _extends2.default)({}, prevState.expansion, {
-          expandedItems: value
-        })
+      store.set('expansion', (0, _extends2.default)({}, store.state.expansion, {
+        expandedItems: value
       }));
     }
     params.onExpandedItemsChange?.(event, value);
@@ -58,7 +52,7 @@ const useTreeViewExpansion = ({
     event,
     shouldBeExpanded
   }) => {
-    const oldExpanded = (0, _useTreeViewExpansion.selectorExpandedItems)(store.value);
+    const oldExpanded = _useTreeViewExpansion.expansionSelectors.expandedItemsRaw(store.state);
     let newExpanded;
     if (shouldBeExpanded) {
       newExpanded = [itemId].concat(oldExpanded);
@@ -75,7 +69,7 @@ const useTreeViewExpansion = ({
     event = null,
     shouldBeExpanded
   }) => {
-    const isExpandedBefore = (0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, itemId);
+    const isExpandedBefore = _useTreeViewExpansion.expansionSelectors.isItemExpanded(store.state, itemId);
     const cleanShouldBeExpanded = shouldBeExpanded ?? !isExpandedBefore;
     if (isExpandedBefore === cleanShouldBeExpanded) {
       return;
@@ -96,14 +90,17 @@ const useTreeViewExpansion = ({
       shouldBeExpanded: cleanShouldBeExpanded
     });
   });
+  const isItemExpanded = (0, _useEventCallback.default)(itemId => {
+    return _useTreeViewExpansion.expansionSelectors.isItemExpandable(store.state, itemId);
+  });
   const expandAllSiblings = (event, itemId) => {
-    const itemMeta = (0, _useTreeViewItems.selectorItemMeta)(store.value, itemId);
+    const itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(store.state, itemId);
     if (itemMeta == null) {
       return;
     }
-    const siblings = (0, _useTreeViewItems.selectorItemOrderedChildrenIds)(store.value, itemMeta.parentId);
-    const diff = siblings.filter(child => (0, _useTreeViewExpansion.selectorIsItemExpandable)(store.value, child) && !(0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, child));
-    const newExpanded = (0, _useTreeViewExpansion.selectorExpandedItems)(store.value).concat(diff);
+    const siblings = _useTreeViewItems.itemsSelectors.itemOrderedChildrenIds(store.state, itemMeta.parentId);
+    const diff = siblings.filter(child => _useTreeViewExpansion.expansionSelectors.isItemExpandable(store.state, child) && !_useTreeViewExpansion.expansionSelectors.isItemExpanded(store.state, child));
+    const newExpanded = _useTreeViewExpansion.expansionSelectors.expandedItemsRaw(store.state).concat(diff);
     if (diff.length > 0) {
       if (params.onItemExpansionToggle) {
         diff.forEach(newlyExpandedItemId => {
@@ -120,16 +117,15 @@ const useTreeViewExpansion = ({
   (0, _useEnhancedEffect.default)(() => {
     const expandedItems = params.expandedItems;
     if (expandedItems !== undefined) {
-      store.update(prevState => (0, _extends2.default)({}, prevState, {
-        expansion: (0, _extends2.default)({}, prevState.expansion, {
-          expandedItems
-        })
+      store.set('expansion', (0, _extends2.default)({}, store.state.expansion, {
+        expandedItems
       }));
     }
   }, [store, params.expandedItems]);
   return {
     publicAPI: {
-      setItemExpansion
+      setItemExpansion,
+      isItemExpanded
     },
     instance: {
       setItemExpansion,

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

@@ -1,318 +1,26 @@
-import { TreeViewRootSelector } from "../../utils/selectors.js";
+import { TreeViewState } from "../../models/index.js";
 import { UseTreeViewExpansionSignature } from "./useTreeViewExpansion.types.js";
-/**
- * Get the expanded items.
- * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {TreeViewItemId[]} The expanded items.
- */
-export declare const selectorExpandedItems: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}> & {
-  cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-}) => string[]) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    expandedItems: string[];
-    expansionTrigger: "content" | "iconContainer";
-  }) => string[];
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    expandedItems: string[];
-    expansionTrigger: "content" | "iconContainer";
-  }) => string[]) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => string[];
-  dependencies: [TreeViewRootSelector<UseTreeViewExpansionSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Get the expanded items as a Map.
- * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {TreeViewExpansionValue} The expanded items as a Map.
- */
-export declare const selectorExpandedItemsMap: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}> & {
-  cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-}) => Map<string, true>) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: string[]) => Map<string, true>;
-  memoizedResultFunc: ((resultFuncArgs_0: string[]) => Map<string, true>) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => Map<string, true>;
-  dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}> & {
-    cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-  }) => string[]) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      expandedItems: string[];
-      expansionTrigger: "content" | "iconContainer";
-    }) => string[];
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      expandedItems: string[];
-      expansionTrigger: "content" | "iconContainer";
-    }) => string[]) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => string[];
-    dependencies: [TreeViewRootSelector<UseTreeViewExpansionSignature>];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Check if an item is expanded.
- * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {boolean} `true` if the item is expanded, `false` otherwise.
- */
-export declare const selectorIsItemExpanded: ((state: any, itemId: string) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: Map<string, true>, resultFuncArgs_1: string) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: Map<string, true>, resultFuncArgs_1: string) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}> & {
-    cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-  }) => Map<string, true>) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: string[]) => Map<string, true>;
-    memoizedResultFunc: ((resultFuncArgs_0: string[]) => Map<string, true>) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => Map<string, true>;
-    dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}> & {
-      cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-    }) => string[]) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    } & {
-      resultFunc: (resultFuncArgs_0: {
-        expandedItems: string[];
-        expansionTrigger: "content" | "iconContainer";
-      }) => string[];
-      memoizedResultFunc: ((resultFuncArgs_0: {
-        expandedItems: string[];
-        expansionTrigger: "content" | "iconContainer";
-      }) => string[]) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-      };
-      lastResult: () => string[];
-      dependencies: [TreeViewRootSelector<UseTreeViewExpansionSignature>];
-      recomputations: () => number;
-      resetRecomputations: () => void;
-      dependencyRecomputations: () => number;
-      resetDependencyRecomputations: () => void;
-    } & {
-      memoize: typeof import("reselect").weakMapMemoize;
-      argsMemoize: typeof import("reselect").weakMapMemoize;
-    }];
-    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;
-};
-/**
- * Check if an item is expandable.
- * @param {TreeViewState<[UseTreeViewItemsSignature]>} state The state of the tree view.
- * @returns {boolean} `true` if the item is expandable, `false` otherwise.
- */
-export declare const selectorIsItemExpandable: ((state: any, itemId: string | null) => boolean) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: import("../../index.js").TreeViewItemMeta | null) => boolean;
-  memoizedResultFunc: ((resultFuncArgs_0: import("../../index.js").TreeViewItemMeta | null) => boolean) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => boolean;
-  dependencies: [((state: any, itemId: string | null) => import("../../index.js").TreeViewItemMeta | null) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  } & {
-    resultFunc: (resultFuncArgs_0: {
-      [itemId: string]: import("../../index.js").TreeViewItemMeta;
-    }, resultFuncArgs_1: string | null) => import("../../index.js").TreeViewItemMeta | null;
-    memoizedResultFunc: ((resultFuncArgs_0: {
-      [itemId: string]: import("../../index.js").TreeViewItemMeta;
-    }, resultFuncArgs_1: string | null) => import("../../index.js").TreeViewItemMeta | null) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    };
-    lastResult: () => import("../../index.js").TreeViewItemMeta | null;
-    dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("../useTreeViewItems/index.js").UseTreeViewItemsState<import("../../../index.js").TreeViewDefaultItemModelProperties> & Partial<{}> & {
-      cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-    }) => {
-      [itemId: string]: import("../../index.js").TreeViewItemMeta;
-    }) & {
-      clearCache: () => void;
-      resultsCount: () => number;
-      resetResultsCount: () => void;
-    } & {
-      resultFunc: (resultFuncArgs_0: {
-        disabledItemsFocusable: boolean;
-        itemModelLookup: {
-          [itemId: string]: import("../../../index.js").TreeViewBaseItem<import("../../../index.js").TreeViewDefaultItemModelProperties>;
-        };
-        itemMetaLookup: {
-          [itemId: string]: import("../../index.js").TreeViewItemMeta;
-        };
-        itemOrderedChildrenIdsLookup: {
-          [parentItemId: string]: string[];
-        };
-        itemChildrenIndexesLookup: {
-          [parentItemId: string]: {
-            [itemId: string]: number;
-          };
-        };
-        loading: boolean;
-        error: Error | null;
-      }) => {
-        [itemId: string]: import("../../index.js").TreeViewItemMeta;
-      };
-      memoizedResultFunc: ((resultFuncArgs_0: {
-        disabledItemsFocusable: boolean;
-        itemModelLookup: {
-          [itemId: string]: import("../../../index.js").TreeViewBaseItem<import("../../../index.js").TreeViewDefaultItemModelProperties>;
-        };
-        itemMetaLookup: {
-          [itemId: string]: import("../../index.js").TreeViewItemMeta;
-        };
-        itemOrderedChildrenIdsLookup: {
-          [parentItemId: string]: string[];
-        };
-        itemChildrenIndexesLookup: {
-          [parentItemId: string]: {
-            [itemId: string]: number;
-          };
-        };
-        loading: boolean;
-        error: Error | null;
-      }) => {
-        [itemId: string]: import("../../index.js").TreeViewItemMeta;
-      }) & {
-        clearCache: () => void;
-        resultsCount: () => number;
-        resetResultsCount: () => void;
-      };
-      lastResult: () => {
-        [itemId: string]: import("../../index.js").TreeViewItemMeta;
-      };
-      dependencies: [TreeViewRootSelector<import("../useTreeViewItems/index.js").UseTreeViewItemsSignature>];
-      recomputations: () => number;
-      resetRecomputations: () => void;
-      dependencyRecomputations: () => number;
-      resetDependencyRecomputations: () => void;
-    } & {
-      memoize: typeof import("reselect").weakMapMemoize;
-      argsMemoize: typeof import("reselect").weakMapMemoize;
-    }, (_: any, itemId: string | null) => string | null];
-    recomputations: () => number;
-    resetRecomputations: () => void;
-    dependencyRecomputations: () => number;
-    resetDependencyRecomputations: () => void;
-  } & {
-    memoize: typeof import("reselect").weakMapMemoize;
-    argsMemoize: typeof import("reselect").weakMapMemoize;
-  }];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
-};
-/**
- * Get the slot that triggers the item's expansion when clicked.
- * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {'content' | 'iconContainer'} The slot that triggers the item's expansion when clicked. Is `null` if the item is not expandable.
- */
-export declare const selectorItemExpansionTrigger: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}> & {
-  cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-}) => "content" | "iconContainer") & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    expandedItems: string[];
-    expansionTrigger: "content" | "iconContainer";
-  }) => "content" | "iconContainer";
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    expandedItems: string[];
-    expansionTrigger: "content" | "iconContainer";
-  }) => "content" | "iconContainer") & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => "content" | "iconContainer";
-  dependencies: [TreeViewRootSelector<UseTreeViewExpansionSignature>];
-  recomputations: () => number;
-  resetRecomputations: () => void;
-  dependencyRecomputations: () => number;
-  resetDependencyRecomputations: () => void;
-} & {
-  memoize: typeof import("reselect").weakMapMemoize;
-  argsMemoize: typeof import("reselect").weakMapMemoize;
+export declare const expansionSelectors: {
+  /**
+   * Gets the expanded items as provided to the component.
+   */
+  expandedItemsRaw: (state: TreeViewState<[UseTreeViewExpansionSignature]>) => string[];
+  /**
+   * Get the expanded items as a Map.
+   * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
+   * @returns {TreeViewExpansionValue} The expanded items as a Map.
+   */
+  expandedItemsMap: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}>) => Map<string, true>;
+  /**
+   * Gets the slot that triggers the item's expansion when clicked.
+   */
+  triggerSlot: (state: TreeViewState<[UseTreeViewExpansionSignature]>) => "content" | "iconContainer";
+  /**
+   * Checks whether an item is expanded.
+   */
+  isItemExpanded: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("./useTreeViewExpansion.types.js").UseTreeViewExpansionState & Partial<{}>, itemId: string) => boolean;
+  /**
+   * Checks whether an item is expandable.
+   */
+  isItemExpandable: (args_0: import("../../corePlugins/useTreeViewId/useTreeViewId.types.js").UseTreeViewIdState & import("../useTreeViewItems/index.js").UseTreeViewItemsState<import("../../../index.js").TreeViewDefaultItemModelProperties> & Partial<{}>, _itemId: string) => boolean;
 };

package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js

@@ -3,48 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorItemExpansionTrigger = exports.selectorIsItemExpanded = exports.selectorIsItemExpandable = exports.selectorExpandedItemsMap = exports.selectorExpandedItems = void 0;
-var _selectors = require("../../utils/selectors");
+exports.expansionSelectors = void 0;
+var _store = require("@mui/x-internals/store");
 var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.selectors");
-const selectorExpansion = state => state.expansion;
-
-/**
- * Get the expanded items.
- * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {TreeViewItemId[]} The expanded items.
- */
-const selectorExpandedItems = exports.selectorExpandedItems = (0, _selectors.createSelector)([selectorExpansion], expansionState => expansionState.expandedItems);
-
-/**
- * Get the expanded items as a Map.
- * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {TreeViewExpansionValue} The expanded items as a Map.
- */
-const selectorExpandedItemsMap = exports.selectorExpandedItemsMap = (0, _selectors.createSelector)([selectorExpandedItems], expandedItems => {
+const expandedItemMapSelector = (0, _store.createSelectorMemoized)(state => state.expansion.expandedItems, expandedItems => {
   const expandedItemsMap = new Map();
   expandedItems.forEach(id => {
     expandedItemsMap.set(id, true);
   });
   return expandedItemsMap;
 });
-
-/**
- * Check if an item is expanded.
- * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {boolean} `true` if the item is expanded, `false` otherwise.
- */
-const selectorIsItemExpanded = exports.selectorIsItemExpanded = (0, _selectors.createSelector)([selectorExpandedItemsMap, (_, itemId) => itemId], (expandedItemsMap, itemId) => expandedItemsMap.has(itemId));
-
-/**
- * Check if an item is expandable.
- * @param {TreeViewState<[UseTreeViewItemsSignature]>} state The state of the tree view.
- * @returns {boolean} `true` if the item is expandable, `false` otherwise.
- */
-const selectorIsItemExpandable = exports.selectorIsItemExpandable = (0, _selectors.createSelector)([_useTreeViewItems.selectorItemMeta], itemMeta => itemMeta?.expandable ?? false);
-
-/**
- * Get the slot that triggers the item's expansion when clicked.
- * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {'content' | 'iconContainer'} The slot that triggers the item's expansion when clicked. Is `null` if the item is not expandable.
- */
-const selectorItemExpansionTrigger = exports.selectorItemExpansionTrigger = (0, _selectors.createSelector)([selectorExpansion], expansionState => expansionState.expansionTrigger);
+const expansionSelectors = exports.expansionSelectors = {
+  /**
+   * Gets the expanded items as provided to the component.
+   */
+  expandedItemsRaw: (0, _store.createSelector)(state => state.expansion.expandedItems),
+  /**
+   * Get the expanded items as a Map.
+   * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
+   * @returns {TreeViewExpansionValue} The expanded items as a Map.
+   */
+  expandedItemsMap: expandedItemMapSelector,
+  /**
+   * Gets the slot that triggers the item's expansion when clicked.
+   */
+  triggerSlot: (0, _store.createSelector)(state => state.expansion.expansionTrigger),
+  /**
+   * Checks whether an item is expanded.
+   */
+  isItemExpanded: (0, _store.createSelector)(expandedItemMapSelector, (expandedItemsMap, itemId) => expandedItemsMap.has(itemId)),
+  /**
+   * Checks whether an item is expandable.
+   */
+  isItemExpandable: (0, _store.createSelector)(_useTreeViewItems.itemsSelectors.itemMeta, (itemMeta, _itemId) => itemMeta?.expandable ?? false)
+};

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

@@ -17,8 +17,14 @@ export interface UseTreeViewExpansionPublicAPI {
     event?: React.SyntheticEvent;
     shouldBeExpanded?: boolean;
   }) => void;
+  /**
+   * Check if an item is expanded.
+   * @param {TreeViewItemId} itemId The id of the item to check.
+   * @returns {boolean} `true` if the item is expanded, `false` otherwise.
+   */
+  isItemExpanded: (itemId: TreeViewItemId) => boolean;
 }
-export interface UseTreeViewExpansionInstance extends UseTreeViewExpansionPublicAPI {
+export interface UseTreeViewExpansionInstance extends Omit<UseTreeViewExpansionPublicAPI, 'isItemExpanded'> {
   /**
    * Expand all the siblings (i.e.: the items that have the same parent) of a given item.
    * @param {React.SyntheticEvent} event The DOM event that triggered the change.

package/internals/plugins/useTreeViewFocus/index.d.ts

@@ -1,2 +1,3 @@
 export { useTreeViewFocus } from "./useTreeViewFocus.js";
-export type { UseTreeViewFocusSignature, UseTreeViewFocusParameters, UseTreeViewFocusParametersWithDefaults } from "./useTreeViewFocus.types.js";
+export type { UseTreeViewFocusSignature, UseTreeViewFocusParameters, UseTreeViewFocusParametersWithDefaults } from "./useTreeViewFocus.types.js";
+export { focusSelectors } from "./useTreeViewFocus.selectors.js";

package/internals/plugins/useTreeViewFocus/index.js

@@ -3,10 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "focusSelectors", {
+  enumerable: true,
+  get: function () {
+    return _useTreeViewFocus2.focusSelectors;
+  }
+});
 Object.defineProperty(exports, "useTreeViewFocus", {
   enumerable: true,
   get: function () {
     return _useTreeViewFocus.useTreeViewFocus;
   }
 });
-var _useTreeViewFocus = require("./useTreeViewFocus");
+var _useTreeViewFocus = require("./useTreeViewFocus");
+var _useTreeViewFocus2 = require("./useTreeViewFocus.selectors");

package/internals/plugins/useTreeViewFocus/useTreeViewFocus.js

@@ -17,21 +17,17 @@ const useTreeViewFocus = ({
   store
 }) => {
   const setFocusedItemId = (0, _useEventCallback.default)(itemId => {
-    store.update(prevState => {
-      const focusedItemId = (0, _useTreeViewFocus.selectorFocusedItemId)(prevState);
-      if (focusedItemId === itemId) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        focus: (0, _extends2.default)({}, prevState.focus, {
-          focusedItemId: itemId
-        })
-      });
-    });
+    const focusedItemId = _useTreeViewFocus.focusSelectors.focusedItemId(store.state);
+    if (focusedItemId === itemId) {
+      return;
+    }
+    store.set('focus', (0, _extends2.default)({}, store.state.focus, {
+      focusedItemId: itemId
+    }));
   });
   const isItemVisible = itemId => {
-    const itemMeta = (0, _useTreeViewItems.selectorItemMeta)(store.value, itemId);
-    return itemMeta && (itemMeta.parentId == null || (0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, itemMeta.parentId));
+    const itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(store.state, itemId);
+    return itemMeta && (itemMeta.parentId == null || _useTreeViewExpansion.expansionSelectors.isItemExpanded(store.state, itemMeta.parentId));
   };
   const innerFocusItem = (event, itemId) => {
     const itemElement = instance.getItemDOMElement(itemId);
@@ -50,11 +46,11 @@ const useTreeViewFocus = ({
     }
   });
   const removeFocusedItem = (0, _useEventCallback.default)(() => {
-    const focusedItemId = (0, _useTreeViewFocus.selectorFocusedItemId)(store.value);
+    const focusedItemId = _useTreeViewFocus.focusSelectors.focusedItemId(store.state);
     if (focusedItemId == null) {
       return;
     }
-    const itemMeta = (0, _useTreeViewItems.selectorItemMeta)(store.value, focusedItemId);
+    const itemMeta = _useTreeViewItems.itemsSelectors.itemMeta(store.state, focusedItemId);
     if (itemMeta) {
       const itemElement = instance.getItemDOMElement(focusedItemId);
       if (itemElement) {
@@ -66,8 +62,8 @@ const useTreeViewFocus = ({
   (0, _useInstanceEventHandler.useInstanceEventHandler)(instance, 'removeItem', ({
     id
   }) => {
-    const focusedItemId = (0, _useTreeViewFocus.selectorFocusedItemId)(store.value);
-    const defaultFocusableItemId = (0, _useTreeViewFocus.selectorDefaultFocusableItemId)(store.value);
+    const focusedItemId = _useTreeViewFocus.focusSelectors.focusedItemId(store.state);
+    const defaultFocusableItemId = _useTreeViewFocus.focusSelectors.defaultFocusableItemId(store.state);
     if (focusedItemId === id && defaultFocusableItemId != null) {
       innerFocusItem(null, defaultFocusableItemId);
     }
@@ -79,7 +75,7 @@ const useTreeViewFocus = ({
     }
 
     // if the event bubbled (which is React specific) we don't want to steal focus
-    const defaultFocusableItemId = (0, _useTreeViewFocus.selectorDefaultFocusableItemId)(store.value);
+    const defaultFocusableItemId = _useTreeViewFocus.focusSelectors.defaultFocusableItemId(store.state);
     if (event.target === event.currentTarget && defaultFocusableItemId != null) {
       innerFocusItem(event, defaultFocusableItemId);
     }