@mui/x-tree-view 7.21.0 → 7.22.0

package/CHANGELOG.md

@@ -3,6 +3,86 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.22.0
+
+_Oct 25, 2024_
+
+We'd like to offer a big thanks to the 11 contributors who made this release possible. Here are some highlights ✨:
+
+- 🛰 Introduce [server-side support for Data Grid row grouping](https://mui.com/x/react-data-grid/server-side-data/row-grouping/)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+- 🌍 Improve Portuguese (pt-BR) locale on the Data Grid component
+
+Special thanks go out to the community contributors who have helped make this release possible:
+@clins1994, @GITPHLAP, @k-rajat19, @kalyan90, @merotosc, @yash49.
+Following are all team members who have contributed to this release:
+@cherniavskii, @flaviendelangle, @LukasTy, @MBilalShafi, @romgrk.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.22.0`
+
+- [DataGrid] Fix `GridPanelAnchor` positioning (#15022) @k-rajat19
+- [DataGrid] Fix ugly prop-types for the `pageStyle` prop of the `GridPrintExportMenuItem` component (#15015) @flaviendelangle
+- [DataGrid] Fix value type in filter model for number and boolean column type (#14733) @k-rajat19
+- [DataGrid] Focus next row when the focused row is deleted (#15067) @cherniavskii
+- [DataGrid] Remove some usages of `<Box />` and `<Badge />` (#15013) @romgrk
+- [DataGrid] Fix number of rows to display for page size options with negative value (#14890) @kalyan90
+- [l10n] Improve Portuguese (pt-BR) locale (#15021) @k-rajat19
+
+#### `@mui/x-data-grid-pro@7.22.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.22.0`, plus:
+
+- [DataGridPro] Fix column pinning layout (#15073) @cherniavskii
+
+#### `@mui/x-data-grid-premium@7.22.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.22.0`, plus:
+
+- [DataGridPremium] Server-side data source with row grouping (#15109) @MBilalShafi
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.22.0`
+
+- [pickers] Fix `DateCalendar` timezone management (#15119) @LukasTy
+- [pickers] Fix `DigitalClock` time options on a `DST` switch day (#15092) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.22.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.22.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.22.0`
+
+- [charts] Export data type in `onAxisClick(_, data)` callback (#15038) @clins1994
+
+#### `@mui/x-charts-pro@7.0.0-beta.6` [![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.22.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.22.0`
+
+- [TreeView] Make the cancellable event types public (#14992) @flaviendelangle
+
+### Docs
+
+- [docs] Fix typo in Tree View docs (#15047) @yash49
+
+### Core
+
+- [core] Adjust cherry-pick GH actions (#15101) @LukasTy
+- [core] Update prettier target branch (#15100) @MBilalShafi
+- [core] Update some `default-branch-switch` instances for `v7.x` (#15085) @MBilalShafi
+- [test] Revert to using `fireEvent` instead of `userEvent` (#14927) @LukasTy
+
 ## 7.21.0
 
 _Oct 17, 2024_

package/TreeItem/TreeItem.types.d.ts

@@ -5,9 +5,8 @@ import { TransitionProps } from '@mui/material/transitions';
 import { SxProps } from '@mui/system';
 import { TreeItemContentProps } from './TreeItemContent';
 import { TreeItemClasses } from './treeItemClasses';
-import { TreeViewItemId } from '../models';
+import { TreeViewItemId, TreeViewCancellableEventHandler } from '../models';
 import { SlotComponentPropsFromProps } from '../internals/models';
-import { MuiCancellableEventHandler } from '../internals/models/MuiCancellableEvent';
 import { UseTreeViewIconsSignature } from '../internals/plugins/useTreeViewIcons';
 import { UseTreeViewSelectionSignature } from '../internals/plugins/useTreeViewSelection';
 import { UseTreeViewItemsSignature } from '../internals/plugins/useTreeViewItems';
@@ -102,7 +101,7 @@ export interface TreeItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>,
     /**
      * Callback fired when a key of the keyboard is pressed on the item.
      */
-    onKeyDown?: MuiCancellableEventHandler<React.KeyboardEvent<HTMLLIElement>>;
+    onKeyDown?: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLLIElement>>;
 }
 export interface TreeItemOwnerState extends TreeItemProps {
     expanded: boolean;

package/TreeItem/useTreeItemState.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MuiCancellableEvent } from '../internals/models/MuiCancellableEvent';
+import { TreeViewCancellableEvent } from '../models';
 export declare function useTreeItemState(itemId: string): {
     disabled: boolean;
     expanded: boolean;
@@ -16,6 +16,6 @@ export declare function useTreeItemState(itemId: string): {
     preventSelection: (event: React.MouseEvent<HTMLDivElement>) => void;
     expansionTrigger: "content" | "iconContainer" | undefined;
     toggleItemEditing: () => void;
-    handleSaveItemLabel: (event: React.SyntheticEvent & MuiCancellableEvent, label: string) => void;
+    handleSaveItemLabel: (event: React.SyntheticEvent & TreeViewCancellableEvent, label: string) => void;
     handleCancelItemLabelEditing: (event: React.SyntheticEvent) => void;
 };

package/TreeItem2/TreeItem2.types.d.ts

@@ -3,7 +3,7 @@ import { SlotComponentProps } from '@mui/utils';
 import { UseTreeItem2Parameters, UseTreeItem2Status } from '../useTreeItem2';
 import { TreeItemClasses } from '../TreeItem';
 import { TreeItem2IconSlotProps, TreeItem2IconSlots } from '../TreeItem2Icon';
-import { MuiCancellableEventHandler } from '../internals/models/MuiCancellableEvent';
+import { TreeViewCancellableEventHandler } from '../models';
 export interface TreeItem2Slots extends TreeItem2IconSlots {
     /**
      * The component that renders the root.
@@ -82,11 +82,11 @@ export interface TreeItem2Props extends Omit<UseTreeItem2Parameters, 'rootRef'>,
     /**
      * Callback fired when the item root is blurred.
      */
-    onBlur?: MuiCancellableEventHandler<React.FocusEvent<HTMLLIElement>>;
+    onBlur?: TreeViewCancellableEventHandler<React.FocusEvent<HTMLLIElement>>;
     /**
      * Callback fired when a key is pressed on the keyboard and the tree is in focus.
      */
-    onKeyDown?: MuiCancellableEventHandler<React.KeyboardEvent<HTMLLIElement>>;
+    onKeyDown?: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLLIElement>>;
 }
 export interface TreeItem2OwnerState extends Omit<TreeItem2Props, 'disabled'>, UseTreeItem2Status {
 }

package/TreeItem2LabelInput/TreeItem2LabelInput.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { MuiCancellableEventHandler } from '../internals/models/MuiCancellableEvent';
+import { TreeViewCancellableEventHandler } from '../models';
 export interface TreeItem2LabelInputProps {
     value?: string;
     /**
@@ -7,8 +7,8 @@ export interface TreeItem2LabelInputProps {
      */
     'data-element'?: 'labelInput';
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    onKeyDown?: MuiCancellableEventHandler<React.KeyboardEvent<HTMLInputElement>>;
-    onBlur?: MuiCancellableEventHandler<React.FocusEvent<HTMLInputElement>>;
+    onKeyDown?: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLInputElement>>;
+    onBlur?: TreeViewCancellableEventHandler<React.FocusEvent<HTMLInputElement>>;
     autoFocus?: true;
     type?: 'text';
 }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.21.0
+ * @mui/x-tree-view v7.22.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/index.d.ts

@@ -2,7 +2,7 @@ export { useTreeView } from './useTreeView';
 export { TreeViewProvider, useTreeViewContext } from './TreeViewProvider';
 export { RichTreeViewItems } from './components/RichTreeViewItems';
 export { unstable_resetCleanupTracking } from './hooks/useInstanceEventHandler';
-export type { TreeViewPlugin, TreeViewPluginSignature, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewPublicAPI, TreeViewExperimentalFeatures, TreeViewItemMeta, TreeViewInstance, DefaultizedProps, TreeViewItemPlugin, MuiCancellableEvent, MuiCancellableEventHandler, } from './models';
+export type { TreeViewPlugin, TreeViewPluginSignature, ConvertPluginsIntoSignatures, MergeSignaturesProperty, TreeViewPublicAPI, TreeViewExperimentalFeatures, TreeViewItemMeta, TreeViewInstance, DefaultizedProps, TreeViewItemPlugin, } from './models';
 export type { TreeViewCorePluginParameters } from './corePlugins';
 export { useTreeViewExpansion } from './plugins/useTreeViewExpansion';
 export type { UseTreeViewExpansionSignature, UseTreeViewExpansionParameters, } from './plugins/useTreeViewExpansion';

package/internals/models/index.d.ts

@@ -2,4 +2,3 @@ export * from './helpers';
 export * from './plugin';
 export * from './itemPlugin';
 export * from './treeView';
-export * from './MuiCancellableEvent';

package/internals/models/index.js

@@ -1,5 +1,4 @@
 export * from "./helpers.js";
 export * from "./plugin.js";
 export * from "./itemPlugin.js";
-export * from "./treeView.js";
-export * from "./MuiCancellableEvent.js";
+export * from "./treeView.js";

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { TreeViewPluginSignature, MuiCancellableEvent } from '../../models';
+import { TreeViewPluginSignature } from '../../models';
 import { UseTreeViewItemsSignature } from '../useTreeViewItems';
 import { UseTreeViewSelectionSignature } from '../useTreeViewSelection';
 import { UseTreeViewFocusSignature } from '../useTreeViewFocus';
 import { UseTreeViewExpansionSignature } from '../useTreeViewExpansion';
-import { TreeViewItemId } from '../../../models';
+import { TreeViewItemId, TreeViewCancellableEvent } from '../../../models';
 import { UseTreeViewLabelSignature } from '../useTreeViewLabel';
 export interface UseTreeViewKeyboardNavigationInstance {
     /**
@@ -17,10 +17,10 @@ export interface UseTreeViewKeyboardNavigationInstance {
     /**
      * Callback fired when a key is pressed on an item.
      * Handles all the keyboard navigation logic.
-     * @param {React.KeyboardEvent<HTMLElement> & MuiCancellableEvent} event The keyboard event that triggered the callback.
+     * @param {React.KeyboardEvent<HTMLElement> & TreeViewCancellableEvent} event The keyboard event that triggered the callback.
      * @param {TreeViewItemId} itemId The id of the item that the event was triggered on.
      */
-    handleItemKeyDown: (event: React.KeyboardEvent<HTMLElement> & MuiCancellableEvent, itemId: TreeViewItemId) => void;
+    handleItemKeyDown: (event: React.KeyboardEvent<HTMLElement> & TreeViewCancellableEvent, itemId: TreeViewItemId) => void;
 }
 export type UseTreeViewKeyboardNavigationSignature = TreeViewPluginSignature<{
     instance: UseTreeViewKeyboardNavigationInstance;

package/models/events.d.ts

@@ -0,0 +1,4 @@
+export type TreeViewCancellableEvent = {
+    defaultMuiPrevented?: boolean;
+};
+export type TreeViewCancellableEventHandler<Event> = (event: Event & TreeViewCancellableEvent) => void;

package/models/index.d.ts

@@ -1,2 +1,3 @@
 export * from './items';
+export * from './events';
 export type { PropsFromSlot } from '@mui/x-internals/slots';

package/models/index.js

@@ -1,4 +1,5 @@
 export * from "./items.js";
+export * from "./events.js";
 
 // Utils shared across the X packages
 export {};

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.21.0
+ * @mui/x-tree-view v7.22.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/internals/models/index.js

@@ -1,5 +1,4 @@
 export * from "./helpers.js";
 export * from "./plugin.js";
 export * from "./itemPlugin.js";
-export * from "./treeView.js";
-export * from "./MuiCancellableEvent.js";
+export * from "./treeView.js";

package/modern/models/index.js

@@ -1,4 +1,5 @@
 export * from "./items.js";
+export * from "./events.js";
 
 // Utils shared across the X packages
 export {};

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v7.21.0
+ * @mui/x-tree-view v7.22.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/internals/models/index.js

@@ -46,15 +46,4 @@ Object.keys(_treeView).forEach(function (key) {
       return _treeView[key];
     }
   });
-});
-var _MuiCancellableEvent = require("./MuiCancellableEvent");
-Object.keys(_MuiCancellableEvent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _MuiCancellableEvent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _MuiCancellableEvent[key];
-    }
-  });
 });

package/node/models/index.js

@@ -13,4 +13,15 @@ Object.keys(_items).forEach(function (key) {
       return _items[key];
     }
   });
+});
+var _events = require("./events");
+Object.keys(_events).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _events[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _events[key];
+    }
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "7.21.0",
+  "version": "7.22.0",
   "description": "The community edition of the Tree View components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",

package/useTreeItem2/useTreeItem2.types.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { TreeViewItemId } from '../models';
-import { TreeViewPublicAPI, MuiCancellableEventHandler } from '../internals/models';
+import { TreeViewItemId, TreeViewCancellableEventHandler } from '../models';
+import { TreeViewPublicAPI } from '../internals/models';
 import { UseTreeViewSelectionSignature } from '../internals/plugins/useTreeViewSelection';
 import { UseTreeViewItemsSignature } from '../internals/plugins/useTreeViewItems';
 import { UseTreeViewFocusSignature } from '../internals/plugins/useTreeViewFocus';
@@ -39,9 +39,9 @@ export interface UseTreeItem2RootSlotPropsFromUseTreeItem {
     'aria-expanded': React.AriaAttributes['aria-expanded'];
     'aria-selected': React.AriaAttributes['aria-selected'];
     'aria-disabled': React.AriaAttributes['aria-disabled'];
-    onFocus: MuiCancellableEventHandler<React.FocusEvent<HTMLElement>>;
-    onBlur: MuiCancellableEventHandler<React.FocusEvent<HTMLElement>>;
-    onKeyDown: MuiCancellableEventHandler<React.KeyboardEvent<HTMLElement>>;
+    onFocus: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;
+    onBlur: TreeViewCancellableEventHandler<React.FocusEvent<HTMLElement>>;
+    onKeyDown: TreeViewCancellableEventHandler<React.KeyboardEvent<HTMLElement>>;
     ref: React.RefCallback<HTMLLIElement>;
     /**
      * Only defined when the `indentationAtItemLevel` experimental feature is enabled.
@@ -52,8 +52,8 @@ export interface UseTreeItem2RootSlotOwnProps extends UseTreeItem2RootSlotPropsF
 }
 export type UseTreeItem2RootSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItem2RootSlotOwnProps;
 export interface UseTreeItem2ContentSlotPropsFromUseTreeItem {
-    onClick: MuiCancellableEventHandler<React.MouseEvent>;
-    onMouseDown: MuiCancellableEventHandler<React.MouseEvent>;
+    onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
+    onMouseDown: TreeViewCancellableEventHandler<React.MouseEvent>;
     ref: React.RefCallback<HTMLDivElement> | null;
     status: UseTreeItem2Status;
     /**
@@ -65,12 +65,12 @@ export interface UseTreeItem2ContentSlotOwnProps extends UseTreeItem2ContentSlot
 }
 export type UseTreeItem2ContentSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItem2ContentSlotOwnProps;
 export interface UseTreeItem2IconContainerSlotOwnProps {
-    onClick: MuiCancellableEventHandler<React.MouseEvent>;
+    onClick: TreeViewCancellableEventHandler<React.MouseEvent>;
 }
 export type UseTreeItemIconContainerSlotProps<ExternalProps = {}> = ExternalProps & UseTreeItem2IconContainerSlotOwnProps;
 export interface UseTreeItem2LabelSlotOwnProps {
     children: React.ReactNode;
-    onDoubleClick: MuiCancellableEventHandler<React.MouseEvent>;
+    onDoubleClick: TreeViewCancellableEventHandler<React.MouseEvent>;
     /**
      * Only defined when the `isItemEditable` experimental feature is enabled.
      */
@@ -83,7 +83,7 @@ export type UseTreeItem2LabelInputSlotProps<ExternalProps = {}> = ExternalProps
 export interface UseTreeItem2CheckboxSlotOwnProps {
     visible: boolean;
     checked: boolean;
-    onChange: MuiCancellableEventHandler<React.ChangeEvent<HTMLInputElement>>;
+    onChange: TreeViewCancellableEventHandler<React.ChangeEvent<HTMLInputElement>>;
     disabled: boolean;
     ref: React.RefObject<HTMLButtonElement>;
     tabIndex: -1;

package/internals/models/MuiCancellableEvent.d.ts

@@ -1,4 +0,0 @@
-export type MuiCancellableEvent = {
-    defaultMuiPrevented?: boolean;
-};
-export type MuiCancellableEventHandler<Event> = (event: Event & MuiCancellableEvent) => void;