@mui/x-tree-view 8.0.0-beta.3 → 8.1.0

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

@@ -1,29 +1,163 @@
 import { TreeViewRootSelector } from "../../utils/selectors.js";
 import { UseTreeViewExpansionSignature } from "./useTreeViewExpansion.types.js";
 /**
- * Check if an item is expanded.
+ * Get the expanded items.
  * @param {TreeViewState<[UseTreeViewExpansionSignature]>} state The state of the tree view.
- * @returns {boolean} `true` if the item is expanded, `false` otherwise.
+ * @returns {TreeViewItemId[]} The expanded items.
  */
-export declare const selectorIsItemExpanded: ((state: any, itemId: string) => boolean) & {
+export declare const selectorExpandedItems: ((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewExpansion.types").UseTreeViewExpansionState & Partial<{}> & {
+  cacheKey: import("../../models").TreeViewStateCacheKey;
+}) => string[]) & {
   clearCache: () => void;
   resultsCount: () => number;
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    expandedItemsMap: Map<string, true>;
+    expandedItems: string[];
     expansionTrigger: "content" | "iconContainer";
-  }, resultFuncArgs_1: string) => boolean;
+  }) => string[];
   memoizedResultFunc: ((resultFuncArgs_0: {
-    expandedItemsMap: Map<string, true>;
+    expandedItems: string[];
     expansionTrigger: "content" | "iconContainer";
-  }, resultFuncArgs_1: string) => boolean) & {
+  }) => string[]) & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+  };
+  lastResult: () => string[];
+  dependencies: [TreeViewRootSelector<UseTreeViewExpansionSignature>];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+  memoize: 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").UseTreeViewIdState & import("./useTreeViewExpansion.types").UseTreeViewExpansionState & Partial<{}> & {
+  cacheKey: import("../../models").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").UseTreeViewIdState & import("./useTreeViewExpansion.types").UseTreeViewExpansionState & Partial<{}> & {
+    cacheKey: import("../../models").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;
+  } & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+  }];
+  recomputations: () => number;
+  resetRecomputations: () => void;
+  dependencyRecomputations: () => number;
+  resetDependencyRecomputations: () => void;
+} & {
+  argsMemoize: typeof import("reselect").weakMapMemoize;
+  memoize: 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: [TreeViewRootSelector<UseTreeViewExpansionSignature>, (_: any, itemId: string) => string];
+  dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("./useTreeViewExpansion.types").UseTreeViewExpansionState & Partial<{}> & {
+    cacheKey: import("../../models").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").UseTreeViewIdState & import("./useTreeViewExpansion.types").UseTreeViewExpansionState & Partial<{}> & {
+      cacheKey: import("../../models").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;
+    } & {
+      argsMemoize: typeof import("reselect").weakMapMemoize;
+      memoize: typeof import("reselect").weakMapMemoize;
+    }];
+    recomputations: () => number;
+    resetRecomputations: () => void;
+    dependencyRecomputations: () => number;
+    resetDependencyRecomputations: () => void;
+  } & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+  }, (_: any, itemId: string) => string];
   recomputations: () => number;
   resetRecomputations: () => void;
   dependencyRecomputations: () => number;
@@ -161,11 +295,11 @@ export declare const selectorItemExpansionTrigger: ((state: import("../../corePl
   resetResultsCount: () => void;
 } & {
   resultFunc: (resultFuncArgs_0: {
-    expandedItemsMap: Map<string, true>;
+    expandedItems: string[];
     expansionTrigger: "content" | "iconContainer";
   }) => "content" | "iconContainer";
   memoizedResultFunc: ((resultFuncArgs_0: {
-    expandedItemsMap: Map<string, true>;
+    expandedItems: string[];
     expansionTrigger: "content" | "iconContainer";
   }) => "content" | "iconContainer") & {
     clearCache: () => void;

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

@@ -3,17 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.selectorItemExpansionTrigger = exports.selectorIsItemExpanded = exports.selectorIsItemExpandable = void 0;
+exports.selectorItemExpansionTrigger = exports.selectorIsItemExpanded = exports.selectorIsItemExpandable = exports.selectorExpandedItemsMap = exports.selectorExpandedItems = void 0;
 var _selectors = require("../../utils/selectors");
 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 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)([selectorExpansion, (_, itemId) => itemId], (expansionState, itemId) => expansionState.expandedItemsMap.has(itemId));
+const selectorIsItemExpanded = exports.selectorIsItemExpanded = (0, _selectors.createSelector)([selectorExpandedItemsMap, (_, itemId) => itemId], (expandedItemsMap, itemId) => expandedItemsMap.has(itemId));
 
 /**
  * Check if an item is expandable.

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

@@ -74,7 +74,7 @@ export interface UseTreeViewExpansionParameters {
 export type UseTreeViewExpansionDefaultizedParameters = DefaultizedProps<UseTreeViewExpansionParameters, 'defaultExpandedItems'>;
 export interface UseTreeViewExpansionState {
   expansion: {
-    expandedItemsMap: Map<string, true>;
+    expandedItems: string[];
     expansionTrigger: 'content' | 'iconContainer';
   };
 }

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

@@ -1,6 +1,5 @@
 import { TreeViewUsedDefaultizedParams } from "../../models/index.js";
 import { UseTreeViewExpansionSignature } from "./useTreeViewExpansion.types.js";
-export declare const createExpandedItemsMap: (expandedItems: string[]) => Map<string, true>;
 export declare const getExpansionTrigger: ({
   isItemEditable,
   expansionTrigger

package/internals/plugins/useTreeViewExpansion/useTreeViewExpansion.utils.js

@@ -3,15 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getExpansionTrigger = exports.createExpandedItemsMap = void 0;
-const createExpandedItemsMap = expandedItems => {
-  const expandedItemsMap = new Map();
-  expandedItems.forEach(id => {
-    expandedItemsMap.set(id, true);
-  });
-  return expandedItemsMap;
-};
-exports.createExpandedItemsMap = createExpandedItemsMap;
+exports.getExpansionTrigger = void 0;
 const getExpansionTrigger = ({
   isItemEditable,
   expansionTrigger

package/internals/plugins/useTreeViewFocus/useTreeViewFocus.js

@@ -1,48 +1,21 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTreeViewFocus = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _useInstanceEventHandler = require("../../hooks/useInstanceEventHandler");
-var _tree = require("../../utils/tree");
-var _useTreeViewSelection = require("../useTreeViewSelection/useTreeViewSelection.utils");
 var _useTreeViewFocus = require("./useTreeViewFocus.selectors");
 var _useTreeViewExpansion = require("../useTreeViewExpansion/useTreeViewExpansion.selectors");
 var _useTreeViewItems = require("../useTreeViewItems/useTreeViewItems.selectors");
 const useTreeViewFocus = ({
   instance,
   params,
-  store,
-  models
+  store
 }) => {
-  React.useEffect(() => {
-    let defaultFocusableItemId = (0, _useTreeViewSelection.convertSelectedItemsToArray)(models.selectedItems.value).find(itemId => {
-      if (!(0, _useTreeViewItems.selectorCanItemBeFocused)(store.value, itemId)) {
-        return false;
-      }
-      const itemMeta = (0, _useTreeViewItems.selectorItemMeta)(store.value, itemId);
-      return itemMeta && (itemMeta.parentId == null || (0, _useTreeViewExpansion.selectorIsItemExpanded)(store.value, itemMeta.parentId));
-    });
-    if (defaultFocusableItemId == null) {
-      defaultFocusableItemId = (0, _tree.getFirstNavigableItem)(store.value) ?? null;
-    }
-    store.update(prevState => {
-      if (defaultFocusableItemId === prevState.focus.defaultFocusableItemId) {
-        return prevState;
-      }
-      return (0, _extends2.default)({}, prevState, {
-        focus: (0, _extends2.default)({}, prevState.focus, {
-          defaultFocusableItemId
-        })
-      });
-    });
-  }, [store, models.selectedItems.value]);
   const setFocusedItemId = (0, _useEventCallback.default)(itemId => {
     store.update(prevState => {
       const focusedItemId = (0, _useTreeViewFocus.selectorFocusedItemId)(prevState);
@@ -135,8 +108,7 @@ const useTreeViewFocus = ({
 exports.useTreeViewFocus = useTreeViewFocus;
 useTreeViewFocus.getInitialState = () => ({
   focus: {
-    focusedItemId: null,
-    defaultFocusableItemId: null
+    focusedItemId: null
   }
 });
 useTreeViewFocus.params = {