@mui/x-tree-view 8.11.0 → 8.11.2

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);
     }