@mui/x-tree-view 7.15.0 → 7.16.0

package/CHANGELOG.md

@@ -1,8 +1,105 @@
-# Change Log
+# Changelog
 
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.16.0
+
+_Sep 5, 2024_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Update the design of Data Grid column headers (#14293)
+- 🧠 Add the `slots` concept introduction documentation page (#13881)
+- 🌍 Improve Chinese (zh-CN) and Dutch (nl-NL) locales on the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.16.0`
+
+- [DataGrid] Add key prop to `GridFilterInputMultipleValue` (#14302) @sai6855
+- [DataGrid] Allow to control the indeterminate checkbox behavior (#14247) @MBilalShafi
+- [DataGrid] Column header design updates (#14293) @KenanYusuf
+- [DataGrid] Fix error on simultaneous `columns` and `columnGroupingModel` update (#14368) @cherniavskii
+- [DataGrid] Fix first row flickering with `autoHeight` prop enabled (#14235) @KenanYusuf
+- [DataGrid] Remove cell min-width / max-width styles (#14448) @oliviertassinari
+- [DataGrid] Restore reselect behavior (#14410) @romgrk
+- [l10n] Improve Chinese (zh-CN) locale (#14394) @lawvs
+- [l10n] Improve Dutch (nl-NL) locale (#14398) @Janpot
+
+#### `@mui/x-data-grid-pro@7.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.16.0`, plus:
+
+- [DataGridPro] Fix duplicate top border in header filters (#14375) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@7.16.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.16.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.16.0`
+
+- [pickers] Improve `onError` JSDoc (#14492) @flaviendelangle
+- [pickers] Keep the calendar header and content in sync when switching locale (#14125) @flaviendelangle
+- [pickers] Move multi input range field validation tests to the describe test file (#14501) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.16.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.16.0`
+
+- [charts] Fix JSDoc typos (#14497) @alexfauquette
+- [charts] Fix `LineChart` not properly animating when hydrating (#14355) @JCQuintas
+- [charts] Fix theme augmentation (#14372) @alexfauquette
+- [charts] Pass all props to legend (#14392) @JCQuintas
+- [charts] Use `.mjs` extension for ESM build (#14387) @alexfauquette
+- [charts] Update `package.json` for vendor package (#14465) @alexfauquette
+
+#### `@mui/x-charts-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.16.0`, plus:
+
+- [charts-pro] Fix props and automated documentation on `BarChartPro` and `LineChartPro` (#14391) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.16.0`
+
+- [TreeView] Clean label editing code (#14264) @flaviendelangle
+
+### `@mui/x-codemod@7.16.0`
+
+- [codemod] Fix `experimentalFeatures` codemod for typescript parser (#14150) @MBilalShafi
+
+### Docs
+
+- [docs] Add RTL documentation for the pickers (#13855) @flaviendelangle
+- [docs] Add the `slots` concept introduction page (#13881) @flaviendelangle
+- [docs] Remove TypeScript v3 outdated version mentions (#14443) @k-rajat19
+- [docs] Remove notion of seats (#14351) @oliviertassinari
+- [docs] Use real world data for `PieChart` examples (#14297) @JCQuintas
+
+### Core
+
+- [core] Fix changelog spelling @oliviertassinari
+- [core] Fix failing tests on the pickers (#14457) @flaviendelangle
+- [core] Reset permissions for codspeed GitHub Action (#14420) @oliviertassinari
+- [code-infra] Add babel runtime version check (#14483) @Janpot
+- [code-infra] Fully resolve imports in ESM target (#14234) @Janpot
+- [code-infra] Update runners from node 18 to 20 (#14466) @JCQuintas
+- [infra] Added `secrets: inherit` to workflow call (#14454) @michelengelen
+- [infra] Switch "add closing message" to reusable workflow (#14499) @michelengelen
+- [infra] Switch "issue triage workflow" to reusable workflows (#14390) @michelengelen
+
 ## 7.15.0
 
 _Aug 29, 2024_

package/RichTreeView/RichTreeView.js

@@ -3,13 +3,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { getRichTreeViewUtilityClass } from './richTreeViewClasses';
-import { styled, createUseThemeProps } from '../internals/zero-styled';
-import { useTreeView } from '../internals/useTreeView';
-import { TreeViewProvider } from '../internals/TreeViewProvider';
-import { RICH_TREE_VIEW_PLUGINS } from './RichTreeView.plugins';
-import { TreeItem } from '../TreeItem';
-import { warnOnce } from '../internals/utils/warning';
+import { getRichTreeViewUtilityClass } from "./richTreeViewClasses.js";
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
+import { useTreeView } from "../internals/useTreeView/index.js";
+import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
+import { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";
+import { TreeItem } from "../TreeItem/index.js";
+import { warnOnce } from "../internals/utils/warning.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiRichTreeView');
 const useUtilityClasses = ownerState => {

package/RichTreeView/RichTreeView.plugins.js

@@ -1,10 +1,10 @@
-import { useTreeViewItems } from '../internals/plugins/useTreeViewItems';
-import { useTreeViewExpansion } from '../internals/plugins/useTreeViewExpansion';
-import { useTreeViewSelection } from '../internals/plugins/useTreeViewSelection';
-import { useTreeViewFocus } from '../internals/plugins/useTreeViewFocus';
-import { useTreeViewKeyboardNavigation } from '../internals/plugins/useTreeViewKeyboardNavigation';
-import { useTreeViewIcons } from '../internals/plugins/useTreeViewIcons';
-import { useTreeViewLabel } from '../internals/plugins/useTreeViewLabel';
+import { useTreeViewItems } from "../internals/plugins/useTreeViewItems/index.js";
+import { useTreeViewExpansion } from "../internals/plugins/useTreeViewExpansion/index.js";
+import { useTreeViewSelection } from "../internals/plugins/useTreeViewSelection/index.js";
+import { useTreeViewFocus } from "../internals/plugins/useTreeViewFocus/index.js";
+import { useTreeViewKeyboardNavigation } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
+import { useTreeViewIcons } from "../internals/plugins/useTreeViewIcons/index.js";
+import { useTreeViewLabel } from "../internals/plugins/useTreeViewLabel/index.js";
 export const RICH_TREE_VIEW_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewLabel];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/RichTreeView/index.js

@@ -1,3 +1,3 @@
-export * from './RichTreeView';
-export * from './richTreeViewClasses';
-export { RICH_TREE_VIEW_PLUGINS } from './RichTreeView.plugins';
+export * from "./RichTreeView.js";
+export * from "./richTreeViewClasses.js";
+export { RICH_TREE_VIEW_PLUGINS } from "./RichTreeView.plugins.js";

package/SimpleTreeView/SimpleTreeView.js

@@ -3,12 +3,12 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { styled, createUseThemeProps } from '../internals/zero-styled';
-import { getSimpleTreeViewUtilityClass } from './simpleTreeViewClasses';
-import { useTreeView } from '../internals/useTreeView';
-import { TreeViewProvider } from '../internals/TreeViewProvider';
-import { SIMPLE_TREE_VIEW_PLUGINS } from './SimpleTreeView.plugins';
-import { warnOnce } from '../internals/utils/warning';
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
+import { getSimpleTreeViewUtilityClass } from "./simpleTreeViewClasses.js";
+import { useTreeView } from "../internals/useTreeView/index.js";
+import { TreeViewProvider } from "../internals/TreeViewProvider/index.js";
+import { SIMPLE_TREE_VIEW_PLUGINS } from "./SimpleTreeView.plugins.js";
+import { warnOnce } from "../internals/utils/warning.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiSimpleTreeView');
 const useUtilityClasses = ownerState => {

package/SimpleTreeView/SimpleTreeView.plugins.js

@@ -1,10 +1,10 @@
-import { useTreeViewItems } from '../internals/plugins/useTreeViewItems';
-import { useTreeViewExpansion } from '../internals/plugins/useTreeViewExpansion';
-import { useTreeViewSelection } from '../internals/plugins/useTreeViewSelection';
-import { useTreeViewFocus } from '../internals/plugins/useTreeViewFocus';
-import { useTreeViewKeyboardNavigation } from '../internals/plugins/useTreeViewKeyboardNavigation';
-import { useTreeViewIcons } from '../internals/plugins/useTreeViewIcons';
-import { useTreeViewJSXItems } from '../internals/plugins/useTreeViewJSXItems';
+import { useTreeViewItems } from "../internals/plugins/useTreeViewItems/index.js";
+import { useTreeViewExpansion } from "../internals/plugins/useTreeViewExpansion/index.js";
+import { useTreeViewSelection } from "../internals/plugins/useTreeViewSelection/index.js";
+import { useTreeViewFocus } from "../internals/plugins/useTreeViewFocus/index.js";
+import { useTreeViewKeyboardNavigation } from "../internals/plugins/useTreeViewKeyboardNavigation/index.js";
+import { useTreeViewIcons } from "../internals/plugins/useTreeViewIcons/index.js";
+import { useTreeViewJSXItems } from "../internals/plugins/useTreeViewJSXItems/index.js";
 export const SIMPLE_TREE_VIEW_PLUGINS = [useTreeViewItems, useTreeViewExpansion, useTreeViewSelection, useTreeViewFocus, useTreeViewKeyboardNavigation, useTreeViewIcons, useTreeViewJSXItems];
 
 // We can't infer this type from the plugin, otherwise we would lose the generics.

package/SimpleTreeView/index.js

@@ -1,3 +1,3 @@
-export * from './SimpleTreeView';
-export * from './simpleTreeViewClasses';
+export * from "./SimpleTreeView.js";
+export * from "./simpleTreeViewClasses.js";
 export {};

package/TreeItem/TreeItem.js

@@ -17,15 +17,15 @@ import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import useSlotProps from '@mui/utils/useSlotProps';
 import unsupportedProp from '@mui/utils/unsupportedProp';
 import elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';
-import { styled, createUseThemeProps } from '../internals/zero-styled';
-import { TreeItemContent } from './TreeItemContent';
-import { treeItemClasses, getTreeItemUtilityClass } from './treeItemClasses';
-import { useTreeViewContext } from '../internals/TreeViewProvider';
-import { TreeViewCollapseIcon, TreeViewExpandIcon } from '../icons';
-import { TreeItem2Provider } from '../TreeItem2Provider';
-import { TreeViewItemDepthContext } from '../internals/TreeViewItemDepthContext';
-import { useTreeItemState } from './useTreeItemState';
-import { isTargetInDescendants } from '../internals/utils/tree';
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
+import { TreeItemContent } from "./TreeItemContent.js";
+import { treeItemClasses, getTreeItemUtilityClass } from "./treeItemClasses.js";
+import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
+import { TreeViewCollapseIcon, TreeViewExpandIcon } from "../icons/index.js";
+import { TreeItem2Provider } from "../TreeItem2Provider/index.js";
+import { TreeViewItemDepthContext } from "../internals/TreeViewItemDepthContext/index.js";
+import { useTreeItemState } from "./useTreeItemState.js";
+import { isTargetInDescendants } from "../internals/utils/tree.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiTreeItem');
 const useUtilityClasses = ownerState => {
@@ -212,7 +212,9 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
     selected,
     disabled,
     editing,
-    handleExpansion
+    handleExpansion,
+    handleCancelItemLabelEditing,
+    handleSaveItemLabel
   } = useTreeItemState(itemId);
   const {
     contentRef,
@@ -339,26 +341,26 @@ export const TreeItem = /*#__PURE__*/React.forwardRef(function TreeItem(inProps,
   };
   const idAttribute = instance.getTreeItemIdAttribute(itemId, id);
   const tabIndex = instance.canItemBeTabbed(itemId) ? 0 : -1;
-  const enhancedRootProps = propsEnhancers.root?.({
+  const sharedPropsEnhancerParams = {
     rootRefObject,
     contentRefObject,
+    interactions: {
+      handleSaveItemLabel,
+      handleCancelItemLabelEditing
+    }
+  };
+  const enhancedRootProps = propsEnhancers.root?.(_extends({}, sharedPropsEnhancerParams, {
     externalEventHandlers: extractEventHandlers(other)
-  }) ?? {};
-  const enhancedContentProps = propsEnhancers.content?.({
-    rootRefObject,
-    contentRefObject,
+  })) ?? {};
+  const enhancedContentProps = propsEnhancers.content?.(_extends({}, sharedPropsEnhancerParams, {
     externalEventHandlers: extractEventHandlers(ContentProps)
-  }) ?? {};
-  const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.({
-    rootRefObject,
-    contentRefObject,
+  })) ?? {};
+  const enhancedDragAndDropOverlayProps = propsEnhancers.dragAndDropOverlay?.(_extends({}, sharedPropsEnhancerParams, {
     externalEventHandlers: {}
-  }) ?? {};
-  const enhancedLabelInputProps = propsEnhancers.labelInput?.({
-    rootRefObject,
-    contentRefObject,
+  })) ?? {};
+  const enhancedLabelInputProps = propsEnhancers.labelInput?.(_extends({}, sharedPropsEnhancerParams, {
     externalEventHandlers: {}
-  }) ?? {};
+  })) ?? {};
   return /*#__PURE__*/_jsx(TreeItem2Provider, {
     itemId: itemId,
     children: /*#__PURE__*/_jsxs(TreeItemRoot, _extends({

package/TreeItem/TreeItemContent.js

@@ -5,9 +5,9 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import Checkbox from '@mui/material/Checkbox';
-import { useTreeItemState } from './useTreeItemState';
-import { TreeItem2DragAndDropOverlay } from '../TreeItem2DragAndDropOverlay';
-import { TreeItem2LabelInput } from '../TreeItem2LabelInput';
+import { useTreeItemState } from "./useTreeItemState.js";
+import { TreeItem2DragAndDropOverlay } from "../TreeItem2DragAndDropOverlay/index.js";
+import { TreeItem2LabelInput } from "../TreeItem2LabelInput/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * @ignore - internal component.
@@ -42,9 +42,7 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
     handleContentClick,
     preventSelection,
     expansionTrigger,
-    toggleItemEditing,
-    handleSaveItemLabel,
-    handleCancelItemLabelEditing
+    toggleItemEditing
   } = useTreeItemState(itemId);
   const icon = iconProp || expansionIcon || displayIcon;
   const checkboxRef = React.useRef(null);
@@ -75,25 +73,6 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
     }
     toggleItemEditing();
   };
-  const handleLabelInputBlur = event => {
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    if (event.target.value) {
-      handleSaveItemLabel(event, event.target.value);
-    }
-  };
-  const handleLabelInputKeydown = event => {
-    if (event.defaultMuiPrevented) {
-      return;
-    }
-    const target = event.target;
-    if (event.key === 'Enter' && target.value) {
-      handleSaveItemLabel(event, target.value);
-    } else if (event.key === 'Escape') {
-      handleCancelItemLabelEditing(event);
-    }
-  };
   return (
     /*#__PURE__*/
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions -- Key event is handled by the TreeView */
@@ -113,9 +92,7 @@ const TreeItemContent = /*#__PURE__*/React.forwardRef(function TreeItemContent(p
         ref: checkboxRef,
         tabIndex: -1
       }), editing ? /*#__PURE__*/_jsx(TreeItem2LabelInput, _extends({}, labelInputProps, {
-        className: classes.labelInput,
-        onBlur: handleLabelInputBlur,
-        onKeyDown: handleLabelInputKeydown
+        className: classes.labelInput
       })) : /*#__PURE__*/_jsx("div", _extends({
         className: classes.label
       }, editable && {
@@ -160,6 +137,14 @@ process.env.NODE_ENV !== "production" ? TreeItemContent.propTypes = {
    * The tree item label.
    */
   label: PropTypes.node,
-  labelInputProps: PropTypes.object
+  labelInputProps: PropTypes.shape({
+    autoFocus: PropTypes.oneOf([true]),
+    'data-element': PropTypes.oneOf(['labelInput']),
+    onBlur: PropTypes.func,
+    onChange: PropTypes.func,
+    onKeyDown: PropTypes.func,
+    type: PropTypes.oneOf(['text']),
+    value: PropTypes.string
+  })
 } : void 0;
 export { TreeItemContent };

package/TreeItem/index.js

@@ -1,4 +1,4 @@
-export { TreeItem } from './TreeItem';
-export * from './treeItemClasses';
-export * from './useTreeItemState';
-export { TreeItemContent } from './TreeItemContent';
+export { TreeItem } from "./TreeItem.js";
+export * from "./treeItemClasses.js";
+export * from "./useTreeItemState.js";
+export { TreeItemContent } from "./TreeItemContent.js";

package/TreeItem/useTreeItemState.js

@@ -1,6 +1,6 @@
-import { useTreeViewContext } from '../internals/TreeViewProvider';
-import { useTreeViewLabel } from '../internals/plugins/useTreeViewLabel';
-import { hasPlugin } from '../internals/utils/plugins';
+import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
+import { useTreeViewLabel } from "../internals/plugins/useTreeViewLabel/index.js";
+import { hasPlugin } from "../internals/utils/plugins.js";
 export function useTreeItemState(itemId) {
   const {
     instance,

package/TreeItem2/TreeItem2.js

@@ -12,13 +12,13 @@ import MuiCheckbox from '@mui/material/Checkbox';
 import useSlotProps from '@mui/utils/useSlotProps';
 import { shouldForwardProp } from '@mui/system/createStyled';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../internals/zero-styled';
-import { unstable_useTreeItem2 as useTreeItem2 } from '../useTreeItem2';
-import { getTreeItemUtilityClass } from '../TreeItem';
-import { TreeItem2Icon } from '../TreeItem2Icon';
-import { TreeItem2DragAndDropOverlay } from '../TreeItem2DragAndDropOverlay';
-import { TreeItem2Provider } from '../TreeItem2Provider';
-import { TreeItem2LabelInput } from '../TreeItem2LabelInput';
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
+import { unstable_useTreeItem2 as useTreeItem2 } from "../useTreeItem2/index.js";
+import { getTreeItemUtilityClass } from "../TreeItem/index.js";
+import { TreeItem2Icon } from "../TreeItem2Icon/index.js";
+import { TreeItem2DragAndDropOverlay } from "../TreeItem2DragAndDropOverlay/index.js";
+import { TreeItem2Provider } from "../TreeItem2Provider/index.js";
+import { TreeItem2LabelInput } from "../TreeItem2LabelInput/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiTreeItem2');
 export const TreeItem2Root = styled('li', {
@@ -158,7 +158,7 @@ export const TreeItem2GroupTransition = styled(Collapse, {
     }
   }]
 });
-export const TreeItem2Checkbox = styled( /*#__PURE__*/React.forwardRef((props, ref) => {
+export const TreeItem2Checkbox = styled(/*#__PURE__*/React.forwardRef((props, ref) => {
   const {
       visible
     } = props,

package/TreeItem2/index.js

@@ -1 +1 @@
-export { TreeItem2, TreeItem2Root, TreeItem2Content, TreeItem2IconContainer, TreeItem2GroupTransition, TreeItem2Checkbox, TreeItem2Label } from './TreeItem2';
+export { TreeItem2, TreeItem2Root, TreeItem2Content, TreeItem2IconContainer, TreeItem2GroupTransition, TreeItem2Checkbox, TreeItem2Label } from "./TreeItem2.js";

package/TreeItem2DragAndDropOverlay/TreeItem2DragAndDropOverlay.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { alpha } from '@mui/material/styles';
 import { shouldForwardProp } from '@mui/system';
-import { styled } from '../internals/zero-styled';
+import { styled } from "../internals/zero-styled/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const TreeItem2DragAndDropOverlayRoot = styled('div', {
   name: 'MuiTreeItem2DragAndDropOverlay',

package/TreeItem2DragAndDropOverlay/index.js

@@ -1 +1 @@
-export { TreeItem2DragAndDropOverlay } from './TreeItem2DragAndDropOverlay';
+export { TreeItem2DragAndDropOverlay } from "./TreeItem2DragAndDropOverlay.js";

package/TreeItem2Icon/TreeItem2Icon.js

@@ -3,8 +3,8 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import resolveComponentProps from '@mui/utils/resolveComponentProps';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { useTreeViewContext } from '../internals/TreeViewProvider';
-import { TreeViewCollapseIcon, TreeViewExpandIcon } from '../icons';
+import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
+import { TreeViewCollapseIcon, TreeViewExpandIcon } from "../icons/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function TreeItem2Icon(props) {
   const {

package/TreeItem2Icon/index.js

@@ -1 +1 @@
-export { TreeItem2Icon } from './TreeItem2Icon';
+export { TreeItem2Icon } from "./TreeItem2Icon.js";

package/TreeItem2LabelInput/TreeItem2LabelInput.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { styled } from '../internals/zero-styled';
+import { styled } from "../internals/zero-styled/index.js";
 const TreeItem2LabelInput = styled('input', {
   name: 'MuiTreeItem2',
   slot: 'LabelInput',

package/TreeItem2LabelInput/TreeItem2LabelInput.types.d.ts

@@ -1,8 +1,14 @@
-export interface TreeItem2LabelInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+import * as React from 'react';
+import { MuiCancellableEventHandler } from '../internals/models/MuiCancellableEvent';
+export interface TreeItem2LabelInputProps {
     value?: string;
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
     /**
      * Used to determine if the target of keydown or blur events is the input and prevent the event from propagating to the root.
      */
     'data-element'?: 'labelInput';
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: MuiCancellableEventHandler<React.KeyboardEvent<HTMLInputElement>>;
+    onBlur?: MuiCancellableEventHandler<React.FocusEvent<HTMLInputElement>>;
+    autoFocus?: true;
+    type?: 'text';
 }

package/TreeItem2LabelInput/index.js

@@ -1 +1 @@
-export { TreeItem2LabelInput } from './TreeItem2LabelInput';
+export { TreeItem2LabelInput } from "./TreeItem2LabelInput.js";

package/TreeItem2Provider/TreeItem2Provider.js

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types';
-import { useTreeViewContext } from '../internals/TreeViewProvider';
+import { useTreeViewContext } from "../internals/TreeViewProvider/index.js";
 function TreeItem2Provider(props) {
   const {
     children,

package/TreeItem2Provider/index.js

@@ -1 +1 @@
-export { TreeItem2Provider } from './TreeItem2Provider';
+export { TreeItem2Provider } from "./TreeItem2Provider.js";

package/TreeView/TreeView.js

@@ -2,9 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
-import { styled, createUseThemeProps } from '../internals/zero-styled';
-import { getTreeViewUtilityClass } from './treeViewClasses';
-import { SimpleTreeView, SimpleTreeViewRoot } from '../SimpleTreeView';
+import { styled, createUseThemeProps } from "../internals/zero-styled/index.js";
+import { getTreeViewUtilityClass } from "./treeViewClasses.js";
+import { SimpleTreeView, SimpleTreeViewRoot } from "../SimpleTreeView/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useThemeProps = createUseThemeProps('MuiTreeView');
 const useUtilityClasses = ownerState => {

package/TreeView/index.js

@@ -1,3 +1,3 @@
-export * from './TreeView';
-export * from './treeViewClasses';
+export * from "./TreeView.js";
+export * from "./treeViewClasses.js";
 export {};

package/hooks/index.js

@@ -1,2 +1,2 @@
-export { useTreeViewApiRef } from './useTreeViewApiRef';
-export { useTreeItem2Utils } from './useTreeItem2Utils';
+export { useTreeViewApiRef } from "./useTreeViewApiRef.js";
+export { useTreeItem2Utils } from "./useTreeItem2Utils/index.js";

package/hooks/useTreeItem2Utils/index.js

@@ -1 +1 @@
-export { useTreeItem2Utils } from './useTreeItem2Utils';
+export { useTreeItem2Utils } from "./useTreeItem2Utils.js";

package/hooks/useTreeItem2Utils/useTreeItem2Utils.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { UseTreeViewLabelSignature } from '../../internals/plugins/useTreeViewLabel';
 import type { UseTreeItem2Status } from '../../useTreeItem2';
-interface UseTreeItem2Interactions {
+export interface UseTreeItem2Interactions {
     handleExpansion: (event: React.MouseEvent) => void;
     handleSelection: (event: React.MouseEvent) => void;
     handleCheckboxSelection: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/hooks/useTreeItem2Utils/useTreeItem2Utils.js

@@ -1,6 +1,6 @@
-import { useTreeViewContext } from '../../internals/TreeViewProvider';
-import { useTreeViewLabel } from '../../internals/plugins/useTreeViewLabel';
-import { hasPlugin } from '../../internals/utils/plugins';
+import { useTreeViewContext } from "../../internals/TreeViewProvider/index.js";
+import { useTreeViewLabel } from "../../internals/plugins/useTreeViewLabel/index.js";
+import { hasPlugin } from "../../internals/utils/plugins.js";
 const isItemExpandable = reactChildren => {
   if (Array.isArray(reactChildren)) {
     return reactChildren.length > 0 && reactChildren.some(isItemExpandable);

package/icons/icons.js

@@ -1,9 +1,9 @@
 import { createSvgIcon } from '@mui/material/utils';
 import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-export const TreeViewExpandIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const TreeViewExpandIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 }), 'TreeViewExpandIcon');
-export const TreeViewCollapseIcon = createSvgIcon( /*#__PURE__*/_jsx("path", {
+export const TreeViewCollapseIcon = createSvgIcon(/*#__PURE__*/_jsx("path", {
   d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"
 }), 'TreeViewCollapseIcon');

package/icons/index.js

@@ -1 +1 @@
-export * from './icons';
+export * from "./icons.js";

package/index.js

@@ -1,22 +1,22 @@
 /**
- * @mui/x-tree-view v7.15.0
+ * @mui/x-tree-view v7.16.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
 // Tree View
-export * from './TreeView';
-export * from './SimpleTreeView';
-export * from './RichTreeView';
+export * from "./TreeView/index.js";
+export * from "./SimpleTreeView/index.js";
+export * from "./RichTreeView/index.js";
 
 // Tree Item
-export * from './TreeItem';
-export * from './TreeItem2';
-export * from './useTreeItem2';
-export * from './TreeItem2Icon';
-export * from './TreeItem2Provider';
-export { unstable_resetCleanupTracking } from './internals/hooks/useInstanceEventHandler';
-export * from './models';
-export * from './icons';
-export * from './hooks';
+export * from "./TreeItem/index.js";
+export * from "./TreeItem2/index.js";
+export * from "./useTreeItem2/index.js";
+export * from "./TreeItem2Icon/index.js";
+export * from "./TreeItem2Provider/index.js";
+export { unstable_resetCleanupTracking } from "./internals/hooks/useInstanceEventHandler.js";
+export * from "./models/index.js";
+export * from "./icons/index.js";
+export * from "./hooks/index.js";

package/internals/TreeViewItemDepthContext/index.js

@@ -1 +1 @@
-export { TreeViewItemDepthContext } from './TreeViewItemDepthContext';
+export { TreeViewItemDepthContext } from "./TreeViewItemDepthContext.js";

package/internals/TreeViewProvider/TreeViewChildrenItemProvider.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useTreeViewContext } from './useTreeViewContext';
-import { escapeOperandAttributeSelector } from '../utils/utils';
+import { useTreeViewContext } from "./useTreeViewContext.js";
+import { escapeOperandAttributeSelector } from "../utils/utils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const TreeViewChildrenItemContext = /*#__PURE__*/React.createContext(null);
 if (process.env.NODE_ENV !== 'production') {

package/internals/TreeViewProvider/TreeViewProvider.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { TreeViewContext } from './TreeViewContext';
+import { TreeViewContext } from "./TreeViewContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Sets up the contexts for the underlying TreeItem components.