@mui/x-tree-view 7.14.0 → 7.16.0

package/useTreeItem2/useTreeItem2.js

@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import extractEventHandlers from '@mui/utils/extractEventHandlers';
 import useForkRef from '@mui/utils/useForkRef';
-import { useTreeViewContext } from '../internals/TreeViewProvider';
-import { useTreeItem2Utils } from '../hooks/useTreeItem2Utils';
-import { TreeViewItemDepthContext } from '../internals/TreeViewItemDepthContext';
-import { isTargetInDescendants } from '../internals/utils/tree';
+import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
+import { useTreeItem2Utils } from "../hooks/useTreeItem2Utils/index.js";
+import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.js";
+import { isTargetInDescendants } from "../internals/utils/tree.js";
 export const useTreeItem2 = parameters => {
   const {
     runItemPlugins,
@@ -52,6 +52,11 @@ export const useTreeItem2 = parameters => {
   const handleContentRef = useForkRef(contentRef, contentRefObject);
   const checkboxRef = React.useRef(null);
   const rootTabIndex = instance.canItemBeTabbed(itemId) ? 0 : -1;
+  const sharedPropsEnhancerParams = {
+    rootRefObject,
+    contentRefObject,
+    interactions
+  };
   const createRootHandleFocus = otherHandlers => event => {
     otherHandlers.onFocus?.(event);
     if (event.defaultMuiPrevented) {
@@ -128,27 +133,6 @@ export const useTreeItem2 = parameters => {
     }
     interactions.handleCheckboxSelection(event);
   };
-  const createInputHandleKeydown = otherHandlers => event => {
-    otherHandlers.onKeyDown?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    const target = event.target;
-    if (event.key === 'Enter' && target.value) {
-      interactions.handleSaveItemLabel(event, target.value);
-    } else if (event.key === 'Escape') {
-      interactions.handleCancelItemLabelEditing(event);
-    }
-  };
-  const createInputHandleBlur = otherHandlers => event => {
-    otherHandlers.onBlur?.(event);
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    if (event.target.value) {
-      interactions.handleSaveItemLabel(event, event.target.value);
-    }
-  };
   const createIconContainerHandleClick = otherHandlers => event => {
     otherHandlers.onClick?.(event);
     if (event.defaultMuiPrevented) {
@@ -190,11 +174,9 @@ export const useTreeItem2 = parameters => {
         '--TreeView-itemDepth': typeof depthContext === 'function' ? depthContext(itemId) : depthContext
       };
     }
-    const enhancedRootProps = propsEnhancers.root?.({
-      rootRefObject,
-      contentRefObject,
+    const enhancedRootProps = propsEnhancers.root?.(_extends({}, sharedPropsEnhancerParams, {
       externalEventHandlers
-    }) ?? {};
+    })) ?? {};
     return _extends({}, props, enhancedRootProps);
   };
   const getContentProps = (externalProps = {}) => {
@@ -208,11 +190,9 @@ export const useTreeItem2 = parameters => {
     if (indentationAtItemLevel) {
       props.indentationAtItemLevel = true;
     }
-    const enhancedContentProps = propsEnhancers.content?.({
-      rootRefObject,
-      contentRefObject,
+    const enhancedContentProps = propsEnhancers.content?.(_extends({}, sharedPropsEnhancerParams, {
       externalEventHandlers
-    }) ?? {};
+    })) ?? {};
     return _extends({}, props, enhancedContentProps);
   };
   const getCheckboxProps = (externalProps = {}) => {
@@ -241,16 +221,13 @@ export const useTreeItem2 = parameters => {
   };
   const getLabelInputProps = (externalProps = {}) => {
     const externalEventHandlers = extractEventHandlers(externalProps);
-    const props = _extends({}, externalEventHandlers, externalProps, {
-      onKeyDown: createInputHandleKeydown(externalEventHandlers),
-      onBlur: createInputHandleBlur(externalEventHandlers)
-    });
-    const enhancedlabelInputProps = propsEnhancers.labelInput?.({
+    const enhancedLabelInputProps = propsEnhancers.labelInput?.({
       rootRefObject,
       contentRefObject,
-      externalEventHandlers
+      externalEventHandlers,
+      interactions
     }) ?? {};
-    return _extends({}, props, enhancedlabelInputProps);
+    return _extends({}, externalProps, enhancedLabelInputProps);
   };
   const getIconContainerProps = (externalProps = {}) => {
     const externalEventHandlers = extractEventHandlers(externalProps);
@@ -273,12 +250,10 @@ export const useTreeItem2 = parameters => {
     return response;
   };
   const getDragAndDropOverlayProps = (externalProps = {}) => {
-    const externalEventHandlers = _extends({}, extractEventHandlers(externalProps));
-    const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.({
-      rootRefObject,
-      contentRefObject,
+    const externalEventHandlers = extractEventHandlers(externalProps);
+    const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.(_extends({}, sharedPropsEnhancerParams, {
       externalEventHandlers
-    }) ?? {};
+    })) ?? {};
     return _extends({}, externalProps, enhancedDragAndDropOverlayProps);
   };
   return {

package/useTreeItem2/useTreeItem2.types.d.ts

@@ -77,10 +77,8 @@ export interface UseTreeItem2LabelSlotOwnProps {
     editable?: boolean;
 }
 export type UseTreeItem2LabelSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItem2LabelSlotOwnProps;
-export type UseTreeItem2LabelInputSlotOwnProps = {
-    onBlur: MuiCancellableEventHandler<React.FocusEvent<HTMLInputElement>>;
-    onKeyDown: MuiCancellableEventHandler<React.KeyboardEvent<HTMLInputElement>>;
-};
+export interface UseTreeItem2LabelInputSlotOwnProps {
+}
 export type UseTreeItem2LabelInputSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItem2LabelInputSlotOwnProps;
 export interface UseTreeItem2CheckboxSlotOwnProps {
     visible: boolean;