@mui/x-data-grid 7.10.0 → 7.11.0

package/CHANGELOG.md

@@ -3,6 +3,91 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.11.0
+
+_Jul 18, 2024_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Add [color legend](https://mui.com/x/react-charts/legend/#color-legend) for charts (#13700) @alexfauquette
+- 🌍 Improve Korean (ko-KR) locale on the Date and Time Pickers
+- 🌍 Improve Russian (ru-RU) locale on the Date and Time Pickers and Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.11.0`
+
+- [DataGrid] Expose `gridEditRowsStateSelector` (#13877) @romgrk
+- [DataGrid] Fix `columnResizeStop` event not emitted when column is not resized (#13307) @mateuseap
+- [DataGrid] Fix delete filter inconsistent behavior (#13353) @oukunan
+- [DataGrid] Enable flip on preferences panel (#13803) @romgrk
+- [DataGrid] Support `date` and `datetime-local` input types in `GridFilterInputMultipleValue` type (#13411) @karudedios
+- [l10n] Improve Russian (ru-RU) locale (#13735) @diro-atk
+
+#### `@mui/x-data-grid-pro@7.11.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.11.0`.
+
+#### `@mui/x-data-grid-premium@7.11.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.11.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.11.0`
+
+- [l10n] Improve Korean (ko-KR) locale (#13651) @100pearlcent
+- [l10n] Improve Russian (ru-RU) locale (#13871) @Inv1x
+- [pickers] Add more conformance tests improving API docs precision (#13800) @LukasTy
+- [TimePicker] Add `Mui-selected` class to `TimeClock` meridiem buttons (#13848) @LukasTy
+
+#### `@mui/x-date-pickers-pro@7.11.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.11.0`, plus:
+
+- [DateRangePicker] Fix `name` prop propagation regression (#13821) @LukasTy
+
+### Charts
+
+#### `@mui/x-charts@7.11.0`
+
+- [charts] Create color legend (#13700) @alexfauquette
+- [charts] Defaultize axis on top level `useChartContainerProps` (#13817) @JCQuintas
+- [charts] Fix charts not passing `className` to root element (#13647) @JCQuintas
+- [charts] Generate API documentation for pro components (#13822) @alexfauquette
+- [charts] Improve zoomed highlight behaviour (unreleased) (#13868) @JCQuintas
+- [charts] Allow zoom on Y axis and add zoom options to configure zooming behaviour (unreleased) (#13726) @JCQuintas
+- [charts] Disable animations while zooming (unreleased) (#13807) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.11.0`
+
+- [TreeView] Extract some logic outside of the `useTreeView` hook (#13845) @flaviendelangle
+
+### Docs
+
+- [docs] Add warning about `process.env.NODE_ENV` in production (#13869) @cherniavskii
+- [docs] Allow controlling the demo form from the example (#13796) @JCQuintas
+- [docs] Clarify Pickers clearable behavior not working on mobile (#13786) @lnhrdt
+- [docs] Improve the documentation of the picker's `onChange` and `onAccept` props (#13543) @flaviendelangle
+- [docs] Replace company name with project name @oliviertassinari
+- [docs] Sort Pickers & Charts API slots alphabetically (#13843) @LukasTy
+
+### Core
+
+- [core] Add MUI Internal `renovate` group (#13846) @LukasTy
+- [core] Link GitHub issue for `import/prefer-default-export` rule @oliviertassinari
+- [core] Normalize `...other` and test imports in charts (#13844) @JCQuintas
+- [core] Normalize rest / other to match the most common used @oliviertassinari
+- [code-infra] Follow `next` tag for `@mui/docs` package bumps (#13813) @LukasTy
+- [code-infra] Use specific version for `@mui/docs` dependency (#13760) @LukasTy
+- [internals] Move `EventManager` to `@mui/x-internals` package (#13815) @flaviendelangle
+
 ## 7.10.0
 
 _Jul 11, 2024_

package/components/panel/GridPanel.d.ts

@@ -16,7 +16,7 @@ export interface GridPanelProps extends Partial<React.ComponentProps<typeof Grid
     open: boolean;
 }
 export declare const gridPanelClasses: Record<keyof GridPanelClasses, string>;
-declare const GridPanelRoot: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/Popper").PopperProps & React.RefAttributes<HTMLDivElement>, "hidden" | "color" | "content" | "style" | "open" | "translate" | "container" | "transition" | "slot" | "title" | "ref" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "component" | "sx" | "components" | "slotProps" | "slots" | "placement" | "disablePortal" | "keepMounted" | "modifiers" | "anchorEl" | "popperOptions" | "popperRef" | "componentsProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+declare const GridPanelRoot: import("@emotion/styled").StyledComponent<Pick<import("@mui/material/Popper").PopperProps & React.RefAttributes<HTMLDivElement>, "hidden" | "color" | "content" | "style" | "open" | "translate" | "container" | "transition" | "slot" | "title" | "ref" | "suppressHydrationWarning" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "component" | "sx" | "components" | "slots" | "slotProps" | "componentsProps" | "placement" | "disablePortal" | "modifiers" | "anchorEl" | "keepMounted" | "popperOptions" | "popperRef"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
     ownerState: OwnerState;
 }, {}, {}>;
 declare const GridPanel: React.ForwardRefExoticComponent<Omit<GridPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/components/panel/GridPanel.js

@@ -57,7 +57,10 @@ const GridPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, [apiRef]);
   const modifiers = React.useMemo(() => [{
     name: 'flip',
-    enabled: false
+    enabled: true,
+    options: {
+      rootBoundary: 'document'
+    }
   }, {
     name: 'isPlaced',
     enabled: true,

package/components/panel/filterPanel/GridFilterForm.js

@@ -243,18 +243,7 @@ const GridFilterForm = /*#__PURE__*/React.forwardRef(function GridFilterForm(pro
     applyMultiFilterOperatorChanges(logicOperator);
   }, [applyMultiFilterOperatorChanges]);
   const handleDeleteFilter = () => {
-    if (rootProps.disableMultipleColumnsFiltering) {
-      if (item.value === undefined) {
-        deleteFilter(item);
-      } else {
-        // TODO v6: simplify the behavior by always remove the filter form
-        applyFilterChanges(_extends({}, item, {
-          value: undefined
-        }));
-      }
-    } else {
-      deleteFilter(item);
-    }
+    deleteFilter(item);
   };
   React.useImperativeHandle(focusElementRef, () => ({
     focus: () => {

package/components/panel/filterPanel/GridFilterInputMultipleValue.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { AutocompleteProps } from '@mui/material/Autocomplete';
 import { GridFilterInputValueProps } from './GridFilterInputValueProps';
 export type GridFilterInputMultipleValueProps = {
-    type?: 'text' | 'number';
+    type?: 'text' | 'number' | 'date' | 'datetime-local';
 } & GridFilterInputValueProps & Omit<AutocompleteProps<string, true, false, true>, 'options' | 'renderInput'>;
 declare function GridFilterInputMultipleValue(props: GridFilterInputMultipleValueProps): React.JSX.Element;
 declare namespace GridFilterInputMultipleValue {

package/components/panel/filterPanel/GridFilterInputMultipleValue.js

@@ -88,6 +88,6 @@ process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes =
     operator: PropTypes.string.isRequired,
     value: PropTypes.any
   }).isRequired,
-  type: PropTypes.oneOf(['number', 'text'])
+  type: PropTypes.oneOf(['date', 'datetime-local', 'number', 'text'])
 } : void 0;
 export { GridFilterInputMultipleValue };

package/hooks/core/useGridApiInitialization.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { EventManager } from '@mui/x-internals/EventManager';
 import { Store } from '../../utils/Store';
 import { useGridApiMethod } from '../utils/useGridApiMethod';
 import { GridSignature } from '../utils/useGridApiEventHandler';
-import { EventManager } from '../../utils/EventManager';
 const SYMBOL_API_PRIVATE = Symbol('mui.api_private');
 const isSyntheticEvent = event => {
   return event.isPropagationStopped !== undefined;

package/hooks/features/columnResize/useGridColumnResize.js

@@ -267,6 +267,7 @@ export const useGridColumnResize = (apiRef, props) => {
       // Check if the current event is part of a double-click
       if (nativeEvent.timeStamp - prevTimeStamp < 300 && nativeEvent.clientX === prevClientX && nativeEvent.clientY === prevClientY) {
         refs.previousMouseClickEvent = undefined;
+        apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
         return;
       }
     }

package/hooks/features/editing/gridEditingSelectors.d.ts

@@ -1,2 +1,5 @@
 import { GridStateCommunity } from '../../../models/gridStateCommunity';
+/**
+ * Select the row editing state.
+ */
 export declare const gridEditRowsStateSelector: (state: GridStateCommunity) => import("../../..").GridEditingState;

package/hooks/features/editing/gridEditingSelectors.js

@@ -1,2 +1,4 @@
-// TODO v6: rename to gridEditingStateSelector
+/**
+ * Select the row editing state.
+ */
 export const gridEditRowsStateSelector = state => state.editRows;

package/hooks/features/editing/index.d.ts

@@ -0,0 +1 @@
+export * from './gridEditingSelectors';

package/hooks/features/editing/index.js

@@ -0,0 +1 @@
+export * from './gridEditingSelectors';

package/hooks/features/index.d.ts

@@ -3,6 +3,7 @@ export * from './columns';
 export * from './columnGrouping';
 export * from './columnResize';
 export * from './density';
+export * from './editing';
 export * from './filter';
 export * from './focus';
 export * from './pagination';

package/hooks/features/index.js

@@ -4,6 +4,7 @@ export * from './columns';
 export * from './columnGrouping';
 export * from './columnResize';
 export * from './density';
+export * from './editing';
 export * from './filter';
 export * from './focus';
 export * from './pagination';

package/hooks/utils/useGridApiEventHandler.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
+import { EventListenerOptions } from '@mui/x-internals/EventManager';
 import { GridEventListener, GridEvents } from '../../models/events';
 import { CleanupTracking } from '../../utils/cleanupTracking/CleanupTracking';
-import { EventListenerOptions } from '../../utils/EventManager';
 import type { GridApiCommon } from '../../models';
 /**
  * Signal to the underlying logic what version of the public component API

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.10.0
+ * @mui/x-data-grid v7.11.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/locales/ruRU.js

@@ -45,11 +45,10 @@ const ruRUGrid = {
   toolbarExportPrint: 'Печать',
   toolbarExportExcel: 'Скачать в формате Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Поиск',
+  columnsManagementNoColumns: 'Нет столбцов',
+  columnsManagementShowHideAllText: 'Показать/Скрыть Всё',
+  columnsManagementReset: 'Сбросить',
   // Filter panel text
   filterPanelAddFilter: 'Добавить фильтр',
   filterPanelRemoveAll: 'Очистить фильтр',

package/models/api/gridCoreApi.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
+import { EventManager, EventListenerOptions } from '@mui/x-internals/EventManager';
 import { GridEventPublisher, GridEventListener, GridEvents } from '../events';
 import { Store } from '../../utils/Store';
-import { EventManager, EventListenerOptions } from '../../utils/EventManager';
 import { GridApiCaches } from '../gridApiCaches';
 import type { GridApiCommon, GridPrivateApiCommon } from './gridApiCommon';
 import type { DataGridProcessedProps } from '../props/DataGridProps';

package/modern/components/panel/GridPanel.js

@@ -57,7 +57,10 @@ const GridPanel = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, [apiRef]);
   const modifiers = React.useMemo(() => [{
     name: 'flip',
-    enabled: false
+    enabled: true,
+    options: {
+      rootBoundary: 'document'
+    }
   }, {
     name: 'isPlaced',
     enabled: true,

package/modern/components/panel/filterPanel/GridFilterForm.js

@@ -243,18 +243,7 @@ const GridFilterForm = /*#__PURE__*/React.forwardRef(function GridFilterForm(pro
     applyMultiFilterOperatorChanges(logicOperator);
   }, [applyMultiFilterOperatorChanges]);
   const handleDeleteFilter = () => {
-    if (rootProps.disableMultipleColumnsFiltering) {
-      if (item.value === undefined) {
-        deleteFilter(item);
-      } else {
-        // TODO v6: simplify the behavior by always remove the filter form
-        applyFilterChanges(_extends({}, item, {
-          value: undefined
-        }));
-      }
-    } else {
-      deleteFilter(item);
-    }
+    deleteFilter(item);
   };
   React.useImperativeHandle(focusElementRef, () => ({
     focus: () => {

package/modern/components/panel/filterPanel/GridFilterInputMultipleValue.js

@@ -88,6 +88,6 @@ process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes =
     operator: PropTypes.string.isRequired,
     value: PropTypes.any
   }).isRequired,
-  type: PropTypes.oneOf(['number', 'text'])
+  type: PropTypes.oneOf(['date', 'datetime-local', 'number', 'text'])
 } : void 0;
 export { GridFilterInputMultipleValue };

package/modern/hooks/core/useGridApiInitialization.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { EventManager } from '@mui/x-internals/EventManager';
 import { Store } from '../../utils/Store';
 import { useGridApiMethod } from '../utils/useGridApiMethod';
 import { GridSignature } from '../utils/useGridApiEventHandler';
-import { EventManager } from '../../utils/EventManager';
 const SYMBOL_API_PRIVATE = Symbol('mui.api_private');
 const isSyntheticEvent = event => {
   return event.isPropagationStopped !== undefined;

package/modern/hooks/features/columnResize/useGridColumnResize.js

@@ -267,6 +267,7 @@ export const useGridColumnResize = (apiRef, props) => {
       // Check if the current event is part of a double-click
       if (nativeEvent.timeStamp - prevTimeStamp < 300 && nativeEvent.clientX === prevClientX && nativeEvent.clientY === prevClientY) {
         refs.previousMouseClickEvent = undefined;
+        apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
         return;
       }
     }

package/modern/hooks/features/editing/gridEditingSelectors.js

@@ -1,2 +1,4 @@
-// TODO v6: rename to gridEditingStateSelector
+/**
+ * Select the row editing state.
+ */
 export const gridEditRowsStateSelector = state => state.editRows;

package/modern/hooks/features/editing/index.js

@@ -0,0 +1 @@
+export * from './gridEditingSelectors';

package/modern/hooks/features/index.js

@@ -4,6 +4,7 @@ export * from './columns';
 export * from './columnGrouping';
 export * from './columnResize';
 export * from './density';
+export * from './editing';
 export * from './filter';
 export * from './focus';
 export * from './pagination';

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.10.0
+ * @mui/x-data-grid v7.11.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/modern/locales/ruRU.js

@@ -45,11 +45,10 @@ const ruRUGrid = {
   toolbarExportPrint: 'Печать',
   toolbarExportExcel: 'Скачать в формате Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Поиск',
+  columnsManagementNoColumns: 'Нет столбцов',
+  columnsManagementShowHideAllText: 'Показать/Скрыть Всё',
+  columnsManagementReset: 'Сбросить',
   // Filter panel text
   filterPanelAddFilter: 'Добавить фильтр',
   filterPanelRemoveAll: 'Очистить фильтр',

package/modern/utils/createSelector.js

@@ -8,8 +8,8 @@ function checkIsAPIRef(value) {
 const DEFAULT_INSTANCE_ID = {
   id: 'default'
 };
-export const createSelector = (a, b, c, d, e, f, ...rest) => {
-  if (rest.length > 0) {
+export const createSelector = (a, b, c, d, e, f, ...other) => {
+  if (other.length > 0) {
     throw new Error('Unsupported number of selectors');
   }
   let selector;

package/node/components/panel/GridPanel.js

@@ -66,7 +66,10 @@ const GridPanel = exports.GridPanel = /*#__PURE__*/React.forwardRef((props, ref)
   }, [apiRef]);
   const modifiers = React.useMemo(() => [{
     name: 'flip',
-    enabled: false
+    enabled: true,
+    options: {
+      rootBoundary: 'document'
+    }
   }, {
     name: 'isPlaced',
     enabled: true,

package/node/components/panel/filterPanel/GridFilterForm.js

@@ -252,18 +252,7 @@ const GridFilterForm = exports.GridFilterForm = /*#__PURE__*/React.forwardRef(fu
     applyMultiFilterOperatorChanges(logicOperator);
   }, [applyMultiFilterOperatorChanges]);
   const handleDeleteFilter = () => {
-    if (rootProps.disableMultipleColumnsFiltering) {
-      if (item.value === undefined) {
-        deleteFilter(item);
-      } else {
-        // TODO v6: simplify the behavior by always remove the filter form
-        applyFilterChanges((0, _extends2.default)({}, item, {
-          value: undefined
-        }));
-      }
-    } else {
-      deleteFilter(item);
-    }
+    deleteFilter(item);
   };
   React.useImperativeHandle(focusElementRef, () => ({
     focus: () => {

package/node/components/panel/filterPanel/GridFilterInputMultipleValue.js

@@ -97,5 +97,5 @@ process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes =
     operator: _propTypes.default.string.isRequired,
     value: _propTypes.default.any
   }).isRequired,
-  type: _propTypes.default.oneOf(['number', 'text'])
+  type: _propTypes.default.oneOf(['date', 'datetime-local', 'number', 'text'])
 } : void 0;

package/node/hooks/core/useGridApiInitialization.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.unwrapPrivateAPI = unwrapPrivateAPI;
 exports.useGridApiInitialization = useGridApiInitialization;
 var React = _interopRequireWildcard(require("react"));
+var _EventManager = require("@mui/x-internals/EventManager");
 var _Store = require("../../utils/Store");
 var _useGridApiMethod = require("../utils/useGridApiMethod");
 var _useGridApiEventHandler = require("../utils/useGridApiEventHandler");
-var _EventManager = require("../../utils/EventManager");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const SYMBOL_API_PRIVATE = Symbol('mui.api_private');

package/node/hooks/features/columnResize/useGridColumnResize.js

@@ -277,6 +277,7 @@ const useGridColumnResize = (apiRef, props) => {
       // Check if the current event is part of a double-click
       if (nativeEvent.timeStamp - prevTimeStamp < 300 && nativeEvent.clientX === prevClientX && nativeEvent.clientY === prevClientY) {
         refs.previousMouseClickEvent = undefined;
+        apiRef.current.publishEvent('columnResizeStop', null, nativeEvent);
         return;
       }
     }

package/node/hooks/features/editing/gridEditingSelectors.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.gridEditRowsStateSelector = void 0;
-// TODO v6: rename to gridEditingStateSelector
+/**
+ * Select the row editing state.
+ */
 const gridEditRowsStateSelector = state => state.editRows;
 exports.gridEditRowsStateSelector = gridEditRowsStateSelector;

package/node/hooks/features/editing/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _gridEditingSelectors = require("./gridEditingSelectors");
+Object.keys(_gridEditingSelectors).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridEditingSelectors[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridEditingSelectors[key];
+    }
+  });
+});

package/node/hooks/features/index.js

@@ -58,6 +58,17 @@ Object.keys(_density).forEach(function (key) {
     }
   });
 });
+var _editing = require("./editing");
+Object.keys(_editing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _editing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _editing[key];
+    }
+  });
+});
 var _filter = require("./filter");
 Object.keys(_filter).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v7.10.0
+ * @mui/x-data-grid v7.11.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/locales/ruRU.js

@@ -51,11 +51,10 @@ const ruRUGrid = {
   toolbarExportPrint: 'Печать',
   toolbarExportExcel: 'Скачать в формате Excel',
   // Columns management text
-  // columnsManagementSearchTitle: 'Search',
-  // columnsManagementNoColumns: 'No columns',
-  // columnsManagementShowHideAllText: 'Show/Hide All',
-  // columnsManagementReset: 'Reset',
-
+  columnsManagementSearchTitle: 'Поиск',
+  columnsManagementNoColumns: 'Нет столбцов',
+  columnsManagementShowHideAllText: 'Показать/Скрыть Всё',
+  columnsManagementReset: 'Сбросить',
   // Filter panel text
   filterPanelAddFilter: 'Добавить фильтр',
   filterPanelRemoveAll: 'Очистить фильтр',

package/node/utils/createSelector.js

@@ -14,8 +14,8 @@ function checkIsAPIRef(value) {
 const DEFAULT_INSTANCE_ID = {
   id: 'default'
 };
-const createSelector = (a, b, c, d, e, f, ...rest) => {
-  if (rest.length > 0) {
+const createSelector = (a, b, c, d, e, f, ...other) => {
+  if (other.length > 0) {
     throw new Error('Unsupported number of selectors');
   }
   let selector;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.10.0",
+  "version": "7.11.0",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -37,13 +37,13 @@
     "directory": "packages/x-data-grid"
   },
   "dependencies": {
-    "@babel/runtime": "^7.24.7",
-    "@mui/system": "^5.16.0",
-    "@mui/utils": "^5.16.0",
+    "@babel/runtime": "^7.24.8",
+    "@mui/system": "^5.16.2",
+    "@mui/utils": "^5.16.2",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.8",
-    "@mui/x-internals": "7.10.0"
+    "@mui/x-internals": "7.11.0"
   },
   "peerDependencies": {
     "@mui/material": "^5.15.14",

package/utils/createSelector.d.ts

@@ -14,7 +14,7 @@ type StateFromSelector<T> = T extends (first: infer F, ...args: any[]) => any ?
 } ? F2 : F : never;
 type StateFromSelectorList<Selectors extends readonly any[]> = Selectors extends [
     f: infer F,
-    ...rest: infer R
+    ...other: infer R
 ] ? StateFromSelector<F> extends StateFromSelectorList<R> ? StateFromSelector<F> : StateFromSelectorList<R> : {};
 type SelectorArgs<Selectors extends ReadonlyArray<Selector<any>>, Result> = [selectors: [...Selectors], combiner: (...args: SelectorResultArray<Selectors>) => Result] | [...Selectors, (...args: SelectorResultArray<Selectors>) => Result];
 type CreateSelectorFunction = <Selectors extends ReadonlyArray<Selector<any>>, Result>(...items: SelectorArgs<Selectors, Result>) => OutputSelector<StateFromSelectorList<Selectors>, Result>;

package/utils/createSelector.js

@@ -8,8 +8,8 @@ function checkIsAPIRef(value) {
 const DEFAULT_INSTANCE_ID = {
   id: 'default'
 };
-export const createSelector = (a, b, c, d, e, f, ...rest) => {
-  if (rest.length > 0) {
+export const createSelector = (a, b, c, d, e, f, ...other) => {
+  if (other.length > 0) {
     throw new Error('Unsupported number of selectors');
   }
   let selector;

package/modern/utils/EventManager.js

@@ -1,69 +0,0 @@
-// Used https://gist.github.com/mudge/5830382 as a starting point.
-// See https://github.com/browserify/events/blob/master/events.js for
-// the Node.js (https://nodejs.org/api/events.html) polyfill used by webpack.
-export class EventManager {
-  constructor() {
-    this.maxListeners = 20;
-    this.warnOnce = false;
-    this.events = {};
-  }
-  on(eventName, listener, options = {}) {
-    let collection = this.events[eventName];
-    if (!collection) {
-      collection = {
-        highPriority: new Map(),
-        regular: new Map()
-      };
-      this.events[eventName] = collection;
-    }
-    if (options.isFirst) {
-      collection.highPriority.set(listener, true);
-    } else {
-      collection.regular.set(listener, true);
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      const collectionSize = collection.highPriority.size + collection.regular.size;
-      if (collectionSize > this.maxListeners && !this.warnOnce) {
-        this.warnOnce = true;
-        console.warn([`Possible EventEmitter memory leak detected. ${collectionSize} ${eventName} listeners added.`].join('\n'));
-      }
-    }
-  }
-  removeListener(eventName, listener) {
-    if (this.events[eventName]) {
-      this.events[eventName].regular.delete(listener);
-      this.events[eventName].highPriority.delete(listener);
-    }
-  }
-  removeAllListeners() {
-    this.events = {};
-  }
-  emit(eventName, ...args) {
-    const collection = this.events[eventName];
-    if (!collection) {
-      return;
-    }
-    const highPriorityListeners = Array.from(collection.highPriority.keys());
-    const regularListeners = Array.from(collection.regular.keys());
-    for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {
-      const listener = highPriorityListeners[i];
-      if (collection.highPriority.has(listener)) {
-        listener.apply(this, args);
-      }
-    }
-    for (let i = 0; i < regularListeners.length; i += 1) {
-      const listener = regularListeners[i];
-      if (collection.regular.has(listener)) {
-        listener.apply(this, args);
-      }
-    }
-  }
-  once(eventName, listener) {
-    // eslint-disable-next-line consistent-this
-    const that = this;
-    this.on(eventName, function oneTimeListener(...args) {
-      that.removeListener(eventName, oneTimeListener);
-      listener.apply(that, args);
-    });
-  }
-}

package/node/utils/EventManager.js

@@ -1,76 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EventManager = void 0;
-// Used https://gist.github.com/mudge/5830382 as a starting point.
-// See https://github.com/browserify/events/blob/master/events.js for
-// the Node.js (https://nodejs.org/api/events.html) polyfill used by webpack.
-class EventManager {
-  constructor() {
-    this.maxListeners = 20;
-    this.warnOnce = false;
-    this.events = {};
-  }
-  on(eventName, listener, options = {}) {
-    let collection = this.events[eventName];
-    if (!collection) {
-      collection = {
-        highPriority: new Map(),
-        regular: new Map()
-      };
-      this.events[eventName] = collection;
-    }
-    if (options.isFirst) {
-      collection.highPriority.set(listener, true);
-    } else {
-      collection.regular.set(listener, true);
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      const collectionSize = collection.highPriority.size + collection.regular.size;
-      if (collectionSize > this.maxListeners && !this.warnOnce) {
-        this.warnOnce = true;
-        console.warn([`Possible EventEmitter memory leak detected. ${collectionSize} ${eventName} listeners added.`].join('\n'));
-      }
-    }
-  }
-  removeListener(eventName, listener) {
-    if (this.events[eventName]) {
-      this.events[eventName].regular.delete(listener);
-      this.events[eventName].highPriority.delete(listener);
-    }
-  }
-  removeAllListeners() {
-    this.events = {};
-  }
-  emit(eventName, ...args) {
-    const collection = this.events[eventName];
-    if (!collection) {
-      return;
-    }
-    const highPriorityListeners = Array.from(collection.highPriority.keys());
-    const regularListeners = Array.from(collection.regular.keys());
-    for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {
-      const listener = highPriorityListeners[i];
-      if (collection.highPriority.has(listener)) {
-        listener.apply(this, args);
-      }
-    }
-    for (let i = 0; i < regularListeners.length; i += 1) {
-      const listener = regularListeners[i];
-      if (collection.regular.has(listener)) {
-        listener.apply(this, args);
-      }
-    }
-  }
-  once(eventName, listener) {
-    // eslint-disable-next-line consistent-this
-    const that = this;
-    this.on(eventName, function oneTimeListener(...args) {
-      that.removeListener(eventName, oneTimeListener);
-      listener.apply(that, args);
-    });
-  }
-}
-exports.EventManager = EventManager;

package/utils/EventManager.d.ts

@@ -1,29 +0,0 @@
-export type EventListener = (...args: any[]) => void;
-export interface EventListenerOptions {
-    isFirst?: boolean;
-}
-interface EventListenerCollection {
-    /**
-     * List of listeners to run before the others
-     * They are run in the opposite order of the registration order
-     */
-    highPriority: Map<EventListener, true>;
-    /**
-     * List of events to run after the high priority listeners
-     * They are run in the registration order
-     */
-    regular: Map<EventListener, true>;
-}
-export declare class EventManager {
-    maxListeners: number;
-    warnOnce: boolean;
-    events: {
-        [eventName: string]: EventListenerCollection;
-    };
-    on(eventName: string, listener: EventListener, options?: EventListenerOptions): void;
-    removeListener(eventName: string, listener: EventListener): void;
-    removeAllListeners(): void;
-    emit(eventName: string, ...args: any[]): void;
-    once(eventName: string, listener: EventListener): void;
-}
-export {};

package/utils/EventManager.js

@@ -1,69 +0,0 @@
-// Used https://gist.github.com/mudge/5830382 as a starting point.
-// See https://github.com/browserify/events/blob/master/events.js for
-// the Node.js (https://nodejs.org/api/events.html) polyfill used by webpack.
-export class EventManager {
-  constructor() {
-    this.maxListeners = 20;
-    this.warnOnce = false;
-    this.events = {};
-  }
-  on(eventName, listener, options = {}) {
-    let collection = this.events[eventName];
-    if (!collection) {
-      collection = {
-        highPriority: new Map(),
-        regular: new Map()
-      };
-      this.events[eventName] = collection;
-    }
-    if (options.isFirst) {
-      collection.highPriority.set(listener, true);
-    } else {
-      collection.regular.set(listener, true);
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      const collectionSize = collection.highPriority.size + collection.regular.size;
-      if (collectionSize > this.maxListeners && !this.warnOnce) {
-        this.warnOnce = true;
-        console.warn([`Possible EventEmitter memory leak detected. ${collectionSize} ${eventName} listeners added.`].join('\n'));
-      }
-    }
-  }
-  removeListener(eventName, listener) {
-    if (this.events[eventName]) {
-      this.events[eventName].regular.delete(listener);
-      this.events[eventName].highPriority.delete(listener);
-    }
-  }
-  removeAllListeners() {
-    this.events = {};
-  }
-  emit(eventName, ...args) {
-    const collection = this.events[eventName];
-    if (!collection) {
-      return;
-    }
-    const highPriorityListeners = Array.from(collection.highPriority.keys());
-    const regularListeners = Array.from(collection.regular.keys());
-    for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {
-      const listener = highPriorityListeners[i];
-      if (collection.highPriority.has(listener)) {
-        listener.apply(this, args);
-      }
-    }
-    for (let i = 0; i < regularListeners.length; i += 1) {
-      const listener = regularListeners[i];
-      if (collection.regular.has(listener)) {
-        listener.apply(this, args);
-      }
-    }
-  }
-  once(eventName, listener) {
-    // eslint-disable-next-line consistent-this
-    const that = this;
-    this.on(eventName, function oneTimeListener(...args) {
-      that.removeListener(eventName, oneTimeListener);
-      listener.apply(that, args);
-    });
-  }
-}