@mui/x-tree-view 8.11.0 → 8.11.1

package/esm/internals/TreeViewProvider/TreeViewProvider.types.d.ts

@@ -1,13 +1,13 @@
 import * as React from 'react';
-import { TreeItemWrapper, TreeRootWrapper, TreeViewAnyPluginSignature, TreeViewInstance, TreeViewItemPluginResponse, TreeViewPublicAPI } from "../models/index.js";
-import { TreeViewStore } from "../utils/TreeViewStore.js";
+import { TreeItemWrapper, TreeRootWrapper, TreeViewAnyPluginSignature, TreeViewInstance, TreeViewItemPluginResponse, TreeViewPublicAPI, TreeViewReadonlyStore } from "../models/index.js";
 import type { TreeItemProps } from "../../TreeItem/TreeItem.types.js";
 import { TreeViewClasses, TreeViewSlotProps, TreeViewSlots } from "./TreeViewStyleContext.js";
+import { TreeViewCorePluginSignatures } from "../corePlugins/index.js";
 export type TreeViewItemPluginsRunner = (props: TreeItemProps) => Required<TreeViewItemPluginResponse>;
 export interface TreeViewContextValue<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> {
   instance: TreeViewInstance<TSignatures, TOptionalSignatures>;
   publicAPI: TreeViewPublicAPI<TSignatures, TOptionalSignatures>;
-  store: TreeViewStore<TSignatures>;
+  store: TreeViewReadonlyStore<readonly [...TreeViewCorePluginSignatures, ...TSignatures]>;
   rootRef: React.RefObject<HTMLUListElement | null>;
   wrapItem: TreeItemWrapper<TSignatures>;
   wrapRoot: TreeRootWrapper;

package/esm/internals/components/RichTreeViewItems.js

@@ -4,11 +4,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["ownerState"];
 import * as React from 'react';
+import { useStore } from '@mui/x-internals/store';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
 import { TreeItem } from "../../TreeItem/index.js";
-import { useSelector } from "../hooks/useSelector.js";
-import { selectorItemMeta, selectorItemOrderedChildrenIds } from "../plugins/useTreeViewItems/useTreeViewItems.selectors.js";
+import { itemsSelectors } from "../plugins/useTreeViewItems/index.js";
 import { useTreeViewContext } from "../TreeViewProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const RichTreeViewItemsContext = /*#__PURE__*/React.createContext(null);
@@ -22,8 +22,8 @@ const WrappedTreeItem = /*#__PURE__*/React.memo(function WrappedTreeItem({
   const {
     store
   } = useTreeViewContext();
-  const itemMeta = useSelector(store, selectorItemMeta, itemId);
-  const children = useSelector(store, selectorItemOrderedChildrenIds, itemId);
+  const itemMeta = useStore(store, itemsSelectors.itemMeta, itemId);
+  const children = useStore(store, itemsSelectors.itemOrderedChildrenIds, itemId);
   const Item = itemSlot ?? TreeItem;
   const _useSlotProps = useSlotProps({
       elementType: Item,
@@ -54,7 +54,7 @@ export function RichTreeViewItems(props) {
   } = useTreeViewContext();
   const itemSlot = slots?.item;
   const itemSlotProps = slotProps?.item;
-  const items = useSelector(store, selectorItemOrderedChildrenIds, null);
+  const items = useStore(store, itemsSelectors.itemOrderedChildrenIds, null);
   const renderItem = React.useCallback(itemId => {
     return /*#__PURE__*/_jsx(WrappedTreeItem, {
       itemSlot: itemSlot,

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

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

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

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

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

@@ -2,26 +2,23 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { useSelector } from "../../hooks/useSelector.js";
-import { selectorTreeViewId } from "./useTreeViewId.selectors.js";
+import { useStore } from '@mui/x-internals/store';
+import { idSelectors } from "./useTreeViewId.selectors.js";
 import { createTreeViewDefaultId } from "./useTreeViewId.utils.js";
 export const useTreeViewId = ({
   params,
   store
 }) => {
   React.useEffect(() => {
-    store.update(prevState => {
-      if (params.id === prevState.id.providedTreeId && prevState.id.treeId !== undefined) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        id: _extends({}, prevState.id, {
-          treeId: params.id ?? createTreeViewDefaultId()
-        })
-      });
-    });
+    const prevIdState = store.state.id;
+    if (params.id === prevIdState.providedTreeId && prevIdState.treeId !== undefined) {
+      return;
+    }
+    store.set('id', _extends({}, prevIdState, {
+      treeId: params.id ?? createTreeViewDefaultId()
+    }));
   }, [store, params.id]);
-  const treeId = useSelector(store, selectorTreeViewId);
+  const treeId = useStore(store, idSelectors.treeId);
   return {
     getRootProps: () => ({
       id: treeId

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

@@ -1,36 +1,10 @@
-import { TreeViewRootSelector } from "../../utils/selectors.js";
 import { UseTreeViewIdSignature } from "./useTreeViewId.types.js";
-/**
- * Get the id attribute of the tree view.
- * @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
- * @returns {string} The id attribute of the tree view.
- */
-export declare const selectorTreeViewId: ((state: import("./useTreeViewId.types.js").UseTreeViewIdState & Partial<{}> & {
-  cacheKey: import("../../models/index.js").TreeViewStateCacheKey;
-}) => string | undefined) & {
-  clearCache: () => void;
-  resultsCount: () => number;
-  resetResultsCount: () => void;
-} & {
-  resultFunc: (resultFuncArgs_0: {
-    treeId: string | undefined;
-    providedTreeId: string | undefined;
-  }) => string | undefined;
-  memoizedResultFunc: ((resultFuncArgs_0: {
-    treeId: string | undefined;
-    providedTreeId: string | undefined;
-  }) => string | undefined) & {
-    clearCache: () => void;
-    resultsCount: () => number;
-    resetResultsCount: () => void;
-  };
-  lastResult: () => string | undefined;
-  dependencies: [TreeViewRootSelector<UseTreeViewIdSignature>];
-  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 idSelectors: {
+  /**
+   * Get the id attribute of the tree view.
+   * @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
+   * @returns {string} The id attribute of the tree view.
+   */
+  treeId: (state: TreeViewState<[UseTreeViewIdSignature]>) => string | undefined;
 };

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

@@ -1,9 +1,9 @@
-import { createSelector } from "../../utils/selectors.js";
-const selectorTreeViewIdState = state => state.id;
-
-/**
- * Get the id attribute of the tree view.
- * @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
- * @returns {string} The id attribute of the tree view.
- */
-export const selectorTreeViewId = createSelector(selectorTreeViewIdState, idState => idState.treeId);
+import { createSelector } from '@mui/x-internals/store';
+export const idSelectors = {
+  /**
+   * Get the id attribute of the tree view.
+   * @param {TreeViewState<[UseTreeViewIdSignature]>} state The state of the tree view.
+   * @returns {string} The id attribute of the tree view.
+   */
+  treeId: createSelector(state => state.id.treeId)
+};

package/esm/internals/index.d.ts

@@ -3,31 +3,23 @@ export { TreeViewProvider, useTreeViewContext } from "./TreeViewProvider/index.j
 export { RichTreeViewItems } from "./components/RichTreeViewItems.js";
 export type { RichTreeViewItemsSlots, RichTreeViewItemsSlotProps } from "./components/RichTreeViewItems.js";
 export { unstable_resetCleanupTracking, useInstanceEventHandler } from "./hooks/useInstanceEventHandler.js";
-export { useSelector } from "./hooks/useSelector.js";
 export type { TreeViewPlugin, TreeViewPluginSignature, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewPublicAPI, TreeViewState, TreeViewItemMeta, TreeViewInstance, TreeViewItemPlugin, TreeViewUsedStore } from "./models/index.js";
 export type { TreeViewCorePluginParameters } from "./corePlugins/index.js";
-export { useTreeViewExpansion } from "./plugins/useTreeViewExpansion/index.js";
+export { useTreeViewExpansion, expansionSelectors } from "./plugins/useTreeViewExpansion/index.js";
 export type { UseTreeViewExpansionSignature, UseTreeViewExpansionParameters } from "./plugins/useTreeViewExpansion/index.js";
-export { useTreeViewSelection } from "./plugins/useTreeViewSelection/index.js";
+export { useTreeViewSelection, selectionSelectors } from "./plugins/useTreeViewSelection/index.js";
 export type { UseTreeViewSelectionSignature, UseTreeViewSelectionParameters } from "./plugins/useTreeViewSelection/index.js";
 export { useTreeViewFocus } from "./plugins/useTreeViewFocus/index.js";
 export type { UseTreeViewFocusSignature, UseTreeViewFocusParameters } from "./plugins/useTreeViewFocus/index.js";
 export { useTreeViewKeyboardNavigation } from "./plugins/useTreeViewKeyboardNavigation/index.js";
 export type { UseTreeViewKeyboardNavigationSignature } from "./plugins/useTreeViewKeyboardNavigation/index.js";
-export { useTreeViewItems, buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "./plugins/useTreeViewItems/index.js";
-export { selectorItemMetaLookup, selectorItemMeta, selectorItemIndex, selectorItemOrderedChildrenIds } from "./plugins/useTreeViewItems/useTreeViewItems.selectors.js";
+export { useTreeViewItems, buildSiblingIndexes, itemsSelectors, TREE_VIEW_ROOT_PARENT_ID } from "./plugins/useTreeViewItems/index.js";
 export type { UseTreeViewItemsSignature, UseTreeViewItemsParameters, UseTreeViewItemsState } from "./plugins/useTreeViewItems/index.js";
-export { useTreeViewLabel } from "./plugins/useTreeViewLabel/index.js";
-export { selectorIsItemBeingEdited, selectorIsAnyItemBeingEdited } from "./plugins/useTreeViewLabel/useTreeViewLabel.selectors.js";
+export { useTreeViewLabel, labelSelectors } from "./plugins/useTreeViewLabel/index.js";
 export type { UseTreeViewLabelSignature, UseTreeViewLabelParameters } from "./plugins/useTreeViewLabel/index.js";
-export { selectorIsItemExpanded, selectorExpandedItems } from "./plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
-export { selectorIsItemSelected } from "./plugins/useTreeViewSelection/useTreeViewSelection.selectors.js";
-export { selectorDataSourceState, selectorGetTreeItemError } from "./plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js";
-export type { UseTreeViewLazyLoadingSignature } from "./plugins/useTreeViewLazyLoading/index.js";
-export type { UseTreeViewLazyLoadingParameters } from "./plugins/useTreeViewLazyLoading/index.js";
+export type { UseTreeViewLazyLoadingSignature, UseTreeViewLazyLoadingParameters, UseTreeViewLazyLoadingInstance } from "./plugins/useTreeViewLazyLoading/index.js";
+export { lazyLoadingSelectors } from "./plugins/useTreeViewLazyLoading/index.js";
 export { useTreeViewJSXItems } from "./plugins/useTreeViewJSXItems/index.js";
 export type { UseTreeViewJSXItemsSignature, UseTreeViewJSXItemsParameters } from "./plugins/useTreeViewJSXItems/index.js";
-export { createSelector } from "./utils/selectors.js";
 export { isTargetInDescendants } from "./utils/tree.js";
-export { TreeViewStore } from "./utils/TreeViewStore.js";
 export type { TreeViewClasses, TreeViewSlots, TreeViewSlotProps } from "./TreeViewProvider/TreeViewStyleContext.js";

package/esm/internals/index.js

@@ -2,23 +2,16 @@ export { useTreeView } from "./useTreeView/index.js";
 export { TreeViewProvider, useTreeViewContext } from "./TreeViewProvider/index.js";
 export { RichTreeViewItems } from "./components/RichTreeViewItems.js";
 export { unstable_resetCleanupTracking, useInstanceEventHandler } from "./hooks/useInstanceEventHandler.js";
-export { useSelector } from "./hooks/useSelector.js";
 
 // Core plugins
 
 // Plugins
-export { useTreeViewExpansion } from "./plugins/useTreeViewExpansion/index.js";
-export { useTreeViewSelection } from "./plugins/useTreeViewSelection/index.js";
+export { useTreeViewExpansion, expansionSelectors } from "./plugins/useTreeViewExpansion/index.js";
+export { useTreeViewSelection, selectionSelectors } from "./plugins/useTreeViewSelection/index.js";
 export { useTreeViewFocus } from "./plugins/useTreeViewFocus/index.js";
 export { useTreeViewKeyboardNavigation } from "./plugins/useTreeViewKeyboardNavigation/index.js";
-export { useTreeViewItems, buildSiblingIndexes, TREE_VIEW_ROOT_PARENT_ID } from "./plugins/useTreeViewItems/index.js";
-export { selectorItemMetaLookup, selectorItemMeta, selectorItemIndex, selectorItemOrderedChildrenIds } from "./plugins/useTreeViewItems/useTreeViewItems.selectors.js";
-export { useTreeViewLabel } from "./plugins/useTreeViewLabel/index.js";
-export { selectorIsItemBeingEdited, selectorIsAnyItemBeingEdited } from "./plugins/useTreeViewLabel/useTreeViewLabel.selectors.js";
-export { selectorIsItemExpanded, selectorExpandedItems } from "./plugins/useTreeViewExpansion/useTreeViewExpansion.selectors.js";
-export { selectorIsItemSelected } from "./plugins/useTreeViewSelection/useTreeViewSelection.selectors.js";
-export { selectorDataSourceState, selectorGetTreeItemError } from "./plugins/useTreeViewLazyLoading/useTreeViewLazyLoading.selectors.js";
+export { useTreeViewItems, buildSiblingIndexes, itemsSelectors, TREE_VIEW_ROOT_PARENT_ID } from "./plugins/useTreeViewItems/index.js";
+export { useTreeViewLabel, labelSelectors } from "./plugins/useTreeViewLabel/index.js";
+export { lazyLoadingSelectors } from "./plugins/useTreeViewLazyLoading/index.js";
 export { useTreeViewJSXItems } from "./plugins/useTreeViewJSXItems/index.js";
-export { createSelector } from "./utils/selectors.js";
-export { isTargetInDescendants } from "./utils/tree.js";
-export { TreeViewStore } from "./utils/TreeViewStore.js";
+export { isTargetInDescendants } from "./utils/tree.js";

package/esm/internals/models/plugin.d.ts

@@ -1,12 +1,11 @@
 import * as React from 'react';
 import { EventHandlers } from '@mui/utils/types';
-import { TreeViewInstance } from "./treeView.js";
+import { TreeViewInstance, TreeViewStore } from "./treeView.js";
 import type { MergeSignaturesProperty, OptionalIfEmpty } from "./helpers.js";
 import { TreeViewEventLookupElement } from "./events.js";
 import type { TreeViewCorePluginSignatures } from "../corePlugins/index.js";
 import { TreeViewItemPlugin } from "./itemPlugin.js";
 import { TreeViewItemId } from "../../models/index.js";
-import { TreeViewStore } from "../utils/TreeViewStore.js";
 export interface TreeViewPluginOptions<TSignature extends TreeViewAnyPluginSignature> {
   /**
    * An imperative API available for internal use. Used to access methods from other plugins.
@@ -109,7 +108,7 @@ export type TreeViewUsedInstance<TSignature extends TreeViewAnyPluginSignature>
    */
   $$signature: TSignature;
 };
-export type TreeViewUsedStore<TSignature extends TreeViewAnyPluginSignature> = TreeViewStore<[TSignature, ...TSignature['dependencies']]>;
+export type TreeViewUsedStore<TSignature extends TreeViewAnyPluginSignature> = TreeViewStore<[TSignature, ...TSignature['dependencies']], TSignature['optionalDependencies']>;
 export type TreeViewUsedEvents<TSignature extends TreeViewAnyPluginSignature> = TSignature['events'] & MergeSignaturesProperty<TreeViewRequiredPlugins<TSignature>, 'events'>;
 export type TreeItemWrapper<TSignatures extends readonly TreeViewAnyPluginSignature[]> = (params: {
   itemId: TreeViewItemId;

package/esm/internals/models/treeView.d.ts

@@ -1,3 +1,4 @@
+import { ReadonlyStore, Store } from '@mui/x-internals/store';
 import type { TreeViewAnyPluginSignature } from "./plugin.js";
 import type { MergeSignaturesProperty } from "./helpers.js";
 import type { TreeViewCorePluginSignatures } from "../corePlugins/index.js";
@@ -18,9 +19,6 @@ export interface TreeViewItemMeta {
 }
 export type TreeViewInstance<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> = MergeSignaturesProperty<[...TreeViewCorePluginSignatures, ...TSignatures], 'instance'> & Partial<MergeSignaturesProperty<TOptionalSignatures, 'instance'>>;
 export type TreeViewPublicAPI<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> = MergeSignaturesProperty<[...TreeViewCorePluginSignatures, ...TSignatures], 'publicAPI'> & Partial<MergeSignaturesProperty<TOptionalSignatures, 'instance'>>;
-export type TreeViewStateCacheKey = {
-  id: number;
-};
-export type TreeViewState<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> = MergeSignaturesProperty<[...TreeViewCorePluginSignatures, ...TSignatures], 'state'> & Partial<MergeSignaturesProperty<TOptionalSignatures, 'state'>> & {
-  cacheKey: TreeViewStateCacheKey;
-};
+export type TreeViewState<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> = MergeSignaturesProperty<[...TreeViewCorePluginSignatures, ...TSignatures], 'state'> & Partial<MergeSignaturesProperty<TOptionalSignatures, 'state'>>;
+export type TreeViewStore<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> = Store<TreeViewState<TSignatures, TOptionalSignatures>>;
+export type TreeViewReadonlyStore<TSignatures extends readonly TreeViewAnyPluginSignature[], TOptionalSignatures extends readonly TreeViewAnyPluginSignature[] = []> = ReadonlyStore<TreeViewState<TSignatures, TOptionalSignatures>>;

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

@@ -1,2 +1,3 @@
 export { useTreeViewExpansion } from "./useTreeViewExpansion.js";
-export type { UseTreeViewExpansionSignature, UseTreeViewExpansionParameters, UseTreeViewExpansionParametersWithDefaults } from "./useTreeViewExpansion.types.js";
+export type { UseTreeViewExpansionSignature, UseTreeViewExpansionParameters, UseTreeViewExpansionParametersWithDefaults } from "./useTreeViewExpansion.types.js";
+export { expansionSelectors } from "./useTreeViewExpansion.selectors.js";

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

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

package/esm/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useAssertModelConsistency } from '@mui/x-internals/useAssertModelConsistency';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-import { selectorExpandedItems, selectorIsItemExpandable, selectorIsItemExpanded } from "./useTreeViewExpansion.selectors.js";
+import { expansionSelectors } from "./useTreeViewExpansion.selectors.js";
 import { getExpansionTrigger } from "./useTreeViewExpansion.utils.js";
-import { selectorItemMeta, selectorItemOrderedChildrenIds } from "../useTreeViewItems/useTreeViewItems.selectors.js";
+import { itemsSelectors } from "../useTreeViewItems/useTreeViewItems.selectors.js";
 import { publishTreeViewEvent } from "../../utils/publishTreeViewEvent.js";
 export const useTreeViewExpansion = ({
   instance,
@@ -18,27 +18,21 @@ export const useTreeViewExpansion = ({
     defaultValue: params.defaultExpandedItems
   });
   useEnhancedEffect(() => {
-    store.update(prevState => {
-      const newExpansionTrigger = getExpansionTrigger({
-        isItemEditable: params.isItemEditable,
-        expansionTrigger: params.expansionTrigger
-      });
-      if (prevState.expansion.expansionTrigger === newExpansionTrigger) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        expansion: _extends({}, prevState.expansion, {
-          expansionTrigger: newExpansionTrigger
-        })
-      });
+    const newExpansionTrigger = getExpansionTrigger({
+      isItemEditable: params.isItemEditable,
+      expansionTrigger: params.expansionTrigger
     });
+    if (store.state.expansion.expansionTrigger === newExpansionTrigger) {
+      return;
+    }
+    store.set('expansion', _extends({}, store.state.expansion, {
+      expansionTrigger: newExpansionTrigger
+    }));
   }, [store, params.isItemEditable, params.expansionTrigger]);
   const setExpandedItems = (event, value) => {
     if (params.expandedItems === undefined) {
-      store.update(prevState => _extends({}, prevState, {
-        expansion: _extends({}, prevState.expansion, {
-          expandedItems: value
-        })
+      store.set('expansion', _extends({}, store.state.expansion, {
+        expandedItems: value
       }));
     }
     params.onExpandedItemsChange?.(event, value);
@@ -51,7 +45,7 @@ export const useTreeViewExpansion = ({
     event,
     shouldBeExpanded
   }) => {
-    const oldExpanded = selectorExpandedItems(store.value);
+    const oldExpanded = expansionSelectors.expandedItemsRaw(store.state);
     let newExpanded;
     if (shouldBeExpanded) {
       newExpanded = [itemId].concat(oldExpanded);
@@ -68,7 +62,7 @@ export const useTreeViewExpansion = ({
     event = null,
     shouldBeExpanded
   }) => {
-    const isExpandedBefore = selectorIsItemExpanded(store.value, itemId);
+    const isExpandedBefore = expansionSelectors.isItemExpanded(store.state, itemId);
     const cleanShouldBeExpanded = shouldBeExpanded ?? !isExpandedBefore;
     if (isExpandedBefore === cleanShouldBeExpanded) {
       return;
@@ -89,14 +83,17 @@ export const useTreeViewExpansion = ({
       shouldBeExpanded: cleanShouldBeExpanded
     });
   });
+  const isItemExpanded = useEventCallback(itemId => {
+    return expansionSelectors.isItemExpandable(store.state, itemId);
+  });
   const expandAllSiblings = (event, itemId) => {
-    const itemMeta = selectorItemMeta(store.value, itemId);
+    const itemMeta = itemsSelectors.itemMeta(store.state, itemId);
     if (itemMeta == null) {
       return;
     }
-    const siblings = selectorItemOrderedChildrenIds(store.value, itemMeta.parentId);
-    const diff = siblings.filter(child => selectorIsItemExpandable(store.value, child) && !selectorIsItemExpanded(store.value, child));
-    const newExpanded = selectorExpandedItems(store.value).concat(diff);
+    const siblings = itemsSelectors.itemOrderedChildrenIds(store.state, itemMeta.parentId);
+    const diff = siblings.filter(child => expansionSelectors.isItemExpandable(store.state, child) && !expansionSelectors.isItemExpanded(store.state, child));
+    const newExpanded = expansionSelectors.expandedItemsRaw(store.state).concat(diff);
     if (diff.length > 0) {
       if (params.onItemExpansionToggle) {
         diff.forEach(newlyExpandedItemId => {
@@ -113,16 +110,15 @@ export const useTreeViewExpansion = ({
   useEnhancedEffect(() => {
     const expandedItems = params.expandedItems;
     if (expandedItems !== undefined) {
-      store.update(prevState => _extends({}, prevState, {
-        expansion: _extends({}, prevState.expansion, {
-          expandedItems
-        })
+      store.set('expansion', _extends({}, store.state.expansion, {
+        expandedItems
       }));
     }
   }, [store, params.expandedItems]);
   return {
     publicAPI: {
-      setItemExpansion
+      setItemExpansion,
+      isItemExpanded
     },
     instance: {
       setItemExpansion,