@mui/x-tree-view 8.0.0-alpha.2 → 8.0.0-alpha.5

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

@@ -12,9 +12,11 @@ export declare const selectorIsItemExpanded: ((state: any, itemId: string) => bo
 } & {
     resultFunc: (resultFuncArgs_0: {
         expandedItemsMap: Map<string, true>;
+        expansionTrigger: "content" | "iconContainer";
     }, resultFuncArgs_1: string) => boolean;
     memoizedResultFunc: ((resultFuncArgs_0: {
         expandedItemsMap: Map<string, true>;
+        expansionTrigger: "content" | "iconContainer";
     }, resultFuncArgs_1: string) => boolean) & {
         clearCache: () => void;
         resultsCount: () => number;
@@ -52,8 +54,12 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
         resultsCount: () => number;
         resetResultsCount: () => void;
     } & {
-        resultFunc: (resultFuncArgs_0: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup, resultFuncArgs_1: string | null) => import("../..").TreeViewItemMeta | null;
-        memoizedResultFunc: ((resultFuncArgs_0: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup, resultFuncArgs_1: string | null) => import("../..").TreeViewItemMeta | null) & {
+        resultFunc: (resultFuncArgs_0: {
+            [itemId: string]: import("../..").TreeViewItemMeta;
+        }, resultFuncArgs_1: string | null) => import("../..").TreeViewItemMeta | null;
+        memoizedResultFunc: ((resultFuncArgs_0: {
+            [itemId: string]: import("../..").TreeViewItemMeta;
+        }, resultFuncArgs_1: string | null) => import("../..").TreeViewItemMeta | null) & {
             clearCache: () => void;
             resultsCount: () => number;
             resetResultsCount: () => void;
@@ -61,15 +67,21 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
         lastResult: () => import("../..").TreeViewItemMeta | null;
         dependencies: [((state: import("../../corePlugins/useTreeViewId/useTreeViewId.types").UseTreeViewIdState & import("../useTreeViewItems").UseTreeViewItemsState<import("../../..").TreeViewDefaultItemModelProperties> & Partial<{}> & {
             cacheKey: import("../../models").TreeViewStateCacheKey;
-        }) => import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup) & {
+        }) => {
+            [itemId: string]: import("../..").TreeViewItemMeta;
+        }) & {
             clearCache: () => void;
             resultsCount: () => number;
             resetResultsCount: () => void;
         } & {
             resultFunc: (resultFuncArgs_0: {
                 disabledItemsFocusable: boolean;
-                itemModelLookup: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemModelLookup<import("../../..").TreeViewDefaultItemModelProperties>;
-                itemMetaLookup: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup;
+                itemModelLookup: {
+                    [itemId: string]: import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>;
+                };
+                itemMetaLookup: {
+                    [itemId: string]: import("../..").TreeViewItemMeta;
+                };
                 itemOrderedChildrenIdsLookup: {
                     [parentItemId: string]: string[];
                 };
@@ -78,11 +90,17 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
                         [itemId: string]: number;
                     };
                 };
-            }) => import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup;
+            }) => {
+                [itemId: string]: import("../..").TreeViewItemMeta;
+            };
             memoizedResultFunc: ((resultFuncArgs_0: {
                 disabledItemsFocusable: boolean;
-                itemModelLookup: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemModelLookup<import("../../..").TreeViewDefaultItemModelProperties>;
-                itemMetaLookup: import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup;
+                itemModelLookup: {
+                    [itemId: string]: import("../../..").TreeViewBaseItem<import("../../..").TreeViewDefaultItemModelProperties>;
+                };
+                itemMetaLookup: {
+                    [itemId: string]: import("../..").TreeViewItemMeta;
+                };
                 itemOrderedChildrenIdsLookup: {
                     [parentItemId: string]: string[];
                 };
@@ -91,12 +109,16 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
                         [itemId: string]: number;
                     };
                 };
-            }) => import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup) & {
+            }) => {
+                [itemId: string]: import("../..").TreeViewItemMeta;
+            }) & {
                 clearCache: () => void;
                 resultsCount: () => number;
                 resetResultsCount: () => void;
             };
-            lastResult: () => import("../useTreeViewItems/useTreeViewItems.types").TreeViewItemMetaLookup;
+            lastResult: () => {
+                [itemId: string]: import("../..").TreeViewItemMeta;
+            };
             dependencies: [TreeViewRootSelector<import("../useTreeViewItems").UseTreeViewItemsSignature>];
             recomputations: () => number;
             resetRecomputations: () => void;
@@ -122,3 +144,37 @@ export declare const selectorIsItemExpandable: ((state: any, itemId: string | nu
     argsMemoize: typeof import("reselect").weakMapMemoize;
     memoize: 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").UseTreeViewIdState & import("./useTreeViewExpansion.types").UseTreeViewExpansionState & Partial<{}> & {
+    cacheKey: import("../../models").TreeViewStateCacheKey;
+}) => "content" | "iconContainer") & {
+    clearCache: () => void;
+    resultsCount: () => number;
+    resetResultsCount: () => void;
+} & {
+    resultFunc: (resultFuncArgs_0: {
+        expandedItemsMap: Map<string, true>;
+        expansionTrigger: "content" | "iconContainer";
+    }) => "content" | "iconContainer";
+    memoizedResultFunc: ((resultFuncArgs_0: {
+        expandedItemsMap: Map<string, true>;
+        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;
+} & {
+    argsMemoize: typeof import("reselect").weakMapMemoize;
+    memoize: typeof import("reselect").weakMapMemoize;
+};

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

@@ -14,4 +14,11 @@ export const selectorIsItemExpanded = createSelector([selectorExpansion, (_, ite
  * @param {TreeViewState<[UseTreeViewItemsSignature]>} state The state of the tree view.
  * @returns {boolean} `true` if the item is expandable, `false` otherwise.
  */
-export const selectorIsItemExpandable = createSelector([selectorItemMeta], itemMeta => itemMeta?.expandable ?? false);
+export const selectorIsItemExpandable = createSelector([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.
+ */
+export const selectorItemExpansionTrigger = createSelector([selectorExpansion], expansionState => expansionState.expansionTrigger);

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

@@ -63,11 +63,9 @@ export type UseTreeViewExpansionDefaultizedParameters = DefaultizedProps<UseTree
 export interface UseTreeViewExpansionState {
     expansion: {
         expandedItemsMap: Map<string, true>;
+        expansionTrigger: 'content' | 'iconContainer';
     };
 }
-interface UseTreeViewExpansionContextValue {
-    expansion: Pick<UseTreeViewExpansionParameters, 'expansionTrigger'>;
-}
 export type UseTreeViewExpansionSignature = TreeViewPluginSignature<{
     params: UseTreeViewExpansionParameters;
     defaultizedParams: UseTreeViewExpansionDefaultizedParameters;
@@ -75,8 +73,6 @@ export type UseTreeViewExpansionSignature = TreeViewPluginSignature<{
     publicAPI: UseTreeViewExpansionPublicAPI;
     modelNames: 'expandedItems';
     state: UseTreeViewExpansionState;
-    contextValue: UseTreeViewExpansionContextValue;
     dependencies: [UseTreeViewItemsSignature];
     optionalDependencies: [UseTreeViewLabelSignature];
 }>;
-export {};

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

@@ -1 +1,4 @@
+import { TreeViewUsedDefaultizedParams } from '../../models';
+import { UseTreeViewExpansionSignature } from './useTreeViewExpansion.types';
 export declare const createExpandedItemsMap: (expandedItems: string[]) => Map<string, true>;
+export declare const getExpansionTrigger: ({ isItemEditable, expansionTrigger, }: Pick<TreeViewUsedDefaultizedParams<UseTreeViewExpansionSignature>, "isItemEditable" | "expansionTrigger">) => "content" | "iconContainer";

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

@@ -4,4 +4,16 @@ export const createExpandedItemsMap = expandedItems => {
     expandedItemsMap.set(id, true);
   });
   return expandedItemsMap;
+};
+export const getExpansionTrigger = ({
+  isItemEditable,
+  expansionTrigger
+}) => {
+  if (expansionTrigger) {
+    return expansionTrigger;
+  }
+  if (isItemEditable) {
+    return 'iconContainer';
+  }
+  return 'content';
 };