@mui/x-data-grid-pro 6.18.0 → 7.0.0-alpha.0

package/CHANGELOG.md

@@ -3,6 +3,213 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.0.0-alpha.0
+
+_Nov 10, 2023_
+
+We're thrilled to announce the first alpha release of our next major version, v7.
+This release introduces a few breaking changes, paving the way for the upcoming features like Pivoting and DateTimeRangePicker.
+
+A special shoutout to thank the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 🚀 First v7 alpha release
+- ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
+- 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/)
+- 💫 New recipes added for the data grid
+- 📈 `<ChartsReferenceLine />` component is now available
+- 🌍 Add Basque (eu) locale, improve Czech (cs-CZ) and Spanish (es-ES) locales
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### Breaking changes
+
+- The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead. See [components section](/x/react-data-grid/components/) for more details.
+- The print export will now only print the selected rows if there are any.
+  If there are no selected rows, it will print all rows. This makes the print export consistent with the other exports.
+  You can [customize the rows to export by using the `getRowsToExport` function](/x/react-data-grid/export/#customizing-the-rows-to-export).
+- The `getApplyFilterFnV7` in `GridFilterOperator` was renamed to `getApplyFilterFn`.
+  If you use `getApplyFilterFnV7` directly - rename it to `getApplyFilterFn`.
+- The signature of the function returned by `getApplyFilterFn` has changed for performance reasons:
+
+```diff
+ const getApplyFilterFn: GetApplyFilterFn<any, unknown> = (filterItem) => {
+   if (!filterItem.value) {
+     return null;
+   }
+   const filterRegex = new RegExp(escapeRegExp(filterItem.value), 'i');
+-  return (cellParams) => {
+-  const { value } = cellParams;
++  return (value, row, colDef, apiRef) => {
+     return value != null ? filterRegex.test(String(value)) : false;
+   };
+ }
+```
+
+- The `getApplyQuickFilterFnV7` in `GridColDef` was renamed to `getApplyQuickFilterFn`.
+  If you use `getApplyQuickFilterFnV7` directly - rename it to `getApplyQuickFilterFn`.
+- The signature of the function returned by `getApplyQuickFilterFn` has changed for performance reasons:
+
+```diff
+ const getGridStringQuickFilterFn: GetApplyQuickFilterFn<any, unknown> = (value) => {
+   if (!value) {
+     return null;
+   }
+   const filterRegex = new RegExp(escapeRegExp(value), 'i');
+-  return (cellParams) => {
+-    const { formattedValue } = cellParams;
++  return (value, row, column, apiRef) => {
++    let formattedValue = apiRef.current.getRowFormattedValue(row, column);
+     return formattedValue != null ? filterRegex.test(formattedValue.toString()) : false;
+   };
+ };
+```
+
+#### `@mui/x-data-grid@7.0.0-alpha.0`
+
+- [DataGrid] Fix for error thrown when removing skeleton rows, after sorting is applied (#10807) @benjaminbialy
+- [DataGrid] Fix: `undefined` slot value (#10937) @romgrk
+- [DataGrid] Print selected rows by default (#10846) @cherniavskii
+- [DataGrid] Remove deprecated `components` and `componentsProps` (#10911) @MBilalShafi
+- [DataGrid] Remove legacy filtering API (#10897) @cherniavskii
+- [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10882) @michelengelen
+- [DataGrid] Added a recipe for using non-native select in filter panel (#10916) @michelengelen
+- [DataGrid] Added a recipe to style cells without impacting the aggregation cells (#10913) @michelengelen
+- [l10n] Improve Czech (cs-CZ) locale (#10949) @luborepka
+
+#### `@mui/x-data-grid-pro@7.0.0-alpha.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.0.0-alpha.0`, plus:
+
+- [DataGridPro] Autosize Columns - Fix headers being cut off (#10666) @gitstart
+- [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@7.0.0-alpha.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.0.0-alpha.0`, plus:
+
+- [DataGridPremium] Render aggregation label when `renderHeader` is used (#10936) @cherniavskii
+
+### Date Pickers
+
+#### Breaking changes
+
+- The deprecated `components` and `componentsProps` props have been removed. Use `slots` and `slotProps` instead.
+
+#### `@mui/x-date-pickers@7.0.0-alpha.0`
+
+- [pickers] Escape non tokens words (#10400) @alexfauquette
+- [fields] Fix `MultiInputTimeRangeField` section selection (#10922) @noraleonte
+- [pickers] Refine `referenceDate` behavior in views (#10863) @LukasTy
+- [pickers] Remove `components` and `componentsProps` props (#10700) @alexfauquette
+- [l10n] Add Basque (eu) locale and improve Spanish (es-ES) locale (#10819) @lajtomekadimon
+- [pickers] Add short weekdays token (#10988) @alexfauquette
+
+#### `@mui/x-date-pickers-pro@7.0.0-alpha.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.0.0-alpha.0`.
+
+### Charts / `@mui/x-charts@7.0.0-alpha.0`
+
+#### Breaking changes
+
+Types for `slots` and `slotProps` got renamed by removing the "Component" which is meaningless for charts.
+Unless you imported those types, to create a wrapper, you should not be impacted by this breaking change.
+
+Here is an example of the renaming for the `<ChartsTooltip />` component.
+
+```diff
+-ChartsTooltipSlotsComponent
++ChartsTooltipSlots
+
+-ChartsTooltipSlotComponentProps
++ChartsTooltipSlotProps
+```
+
+- [charts] Add `<ChartsReferenceLine />` component (#10597) (#10946) @alexfauquette
+- [charts] Improve properties JSDoc (#10931) (#10955) @alexfauquette
+- [charts] Rename `slots` and `slotProps` types (#10875) @alexfauquette
+
+### `@mui/x-codemod@7.0.0-alpha.0`
+
+- [codemod] Add `v7.0.0/preset-safe` (#10973) @LukasTy
+
+### Docs
+
+- [docs] Add `@next` tag to the installation instructions (#10963) @MBilalShafi
+- [docs] Document how to hide the legend (#10951) @alexfauquette
+- [docs] Fix typo in the migration guide (#10972) @flaviendelangle
+
+### Core
+
+- [core] Adds migration docs for charts, pickers and tree view (#10926) @michelengelen
+- [core] Bump monorepo (#10959) @LukasTy
+- [core] Changed prettier branch value to next (#10917) @michelengelen
+- [core] Fix GitHub title tag consistency @oliviertassinari
+- [core] Fixed wrong package names in migration docs (#10953) @michelengelen
+- [core] Merge `master` into `next` (#10929) @cherniavskii
+- [core] Update release instructions as per v7 configuration (#10962) @MBilalShafi
+- [license] Correctly throw errors (#10924) @oliviertassinari
+
+## 6.18.1
+
+_Nov 9, 2023_
+
+We'd like to offer a big thanks to the 9 contributors who made this release possible. Here are some highlights ✨:
+
+- ✨ Fix aggregation label not showing when `renderHeader` is used (#10961) @cherniavskii
+- 📘 Server side data source [early documentation](https://mui.com/x/react-data-grid/server-side-data/) published
+- 📈 `<ChartsReferenceLine />` component is now available
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+### Data Grid
+
+#### `@mui/x-data-grid@6.18.1`
+
+- [DataGrid] Fix cell value type in quick filtering v7 (#10884) @cherniavskii
+- [DataGrid] Fix keyboard navigation for actions cell with disabled buttons (#10947) @michelengelen
+- [DataGrid] Fix `undefined` slot values (#10934) @romgrk
+
+#### `@mui/x-data-grid-pro@6.18.1` [![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@6.18.1`, plus:
+
+- [DataGridPro] Add data source interface and basic documentation (#10543) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@6.18.1` [![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@6.18.1`, plus:
+
+- [DataGridPremium] Render aggregation label when `renderHeader` is used (#10961) @cherniavskii
+
+### Date Pickers
+
+#### `@mui/x-date-pickers@6.18.1`
+
+- [fields] Fix multi input date time field section selection (#10915) @noraleonte
+- [pickers] Always use up-to-date `defaultView` (#10889) @LukasTy
+
+#### `@mui/x-date-pickers-pro@6.18.1` [![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@6.18.1`.
+
+### Charts / `@mui/x-charts@6.18.1`
+
+- [charts] Add `<ChartsReferenceLine />` component (#10597) @wascou
+- [charts] Improve properties JSDoc (#10931) @alexfauquette
+
+### Docs
+
+- [docs] Fix charts docs as stable (#10888) @alexfauquette
+- [docs] Document how to hide the legend (#10954) @alexfauquette
+
+### Core
+
+- [core] Adds new alpha version to version select on the docs (#10944) @michelengelen
+- [core] Fix GitHub title tag consistency @oliviertassinari
+
 ## 6.18.0
 
 _Nov 3, 2023_
@@ -357,7 +564,7 @@ Same changes as in `@mui/x-date-pickers@6.16.1`, plus:
 
 - [core] Fix casing consistency with legal and marketing content @oliviertassinari
 - [core] Revert the link in the priority support ticket description (#10517) @michelengelen
-- [CHANGELOG] Polish image @oliviertassinari
+- [changelog] Polish image @oliviertassinari
 
 ## 6.16.0
 
@@ -1149,7 +1356,7 @@ Same changes as in `@mui/x-date-pickers@6.10.1`.
 ### Core
 
 - [core] Add `validate` command (#9714) @romgrk
-- [CHANGELOG] Update generator to new format @oliviertassinari
+- [changelog] Update generator to new format @oliviertassinari
 
 ## 6.10.0
 
@@ -1207,7 +1414,7 @@ Same changes as in `@mui/x-date-pickers@6.10.0`.
 
 - [core] Disambiguate eslint plugin name @oliviertassinari
 - [core] Update priority support issue template and prompt (#9574) @DanailH
-- [CHANGELOG] Clarify each plan (#9446) @oliviertassinari
+- [changelog] Clarify each plan (#9446) @oliviertassinari
 - [license] Fix error terminology (#9614) @oliviertassinari
 
 ## 6.9.2
@@ -1356,8 +1563,8 @@ Same changes as in `@mui/x-date-pickers@6.9.1`.
 - [core] Fix priority support prompt action (#9472) @DanailH
 - [core] Update `uses` for priority support action (#9480) @DanailH
 - [core] Bumb update monorepo (#9476) @alexfauquette
-- [CHANGELOG] Fix media quality (#9439) @oliviertassinari
-- [CHANGELOG] Remove height img attribute @oliviertassinari
+- [changelog] Fix media quality (#9439) @oliviertassinari
+- [changelog] Remove height img attribute @oliviertassinari
 - [test] Skip flaky row pinning tests in JSDOM (#9511) @cherniavskii
 
 ## 6.9.0

package/DataGridPro/DataGridPro.js

@@ -145,16 +145,6 @@ DataGridProRaw.propTypes = {
    * If defined, the grid will ignore the `hide` property in [[GridColDef]].
    */
   columnVisibilityModel: PropTypes.object,
-  /**
-   * Overridable components.
-   * @deprecated Use the `slots` prop instead.
-   */
-  components: PropTypes.object,
-  /**
-   * Overridable components props dynamically passed to the component at rendering.
-   * @deprecated Use the `slotProps` prop instead.
-   */
-  componentsProps: PropTypes.object,
   /**
    * If above 0, the row children will be expanded up to this depth.
    * If equal to -1, all the row children will be expanded.

package/DataGridPro/useDataGridProProps.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { GRID_DEFAULT_LOCALE_TEXT, DATA_GRID_PROPS_DEFAULT_VALUES } from '@mui/x-data-grid';
-import { computeSlots, uncapitalizeObjectKeys, useProps } from '@mui/x-data-grid/internals';
+import { computeSlots, useProps } from '@mui/x-data-grid/internals';
 import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '../constants/dataGridProDefaultSlotsComponents';
 
 /**
@@ -23,25 +23,20 @@ export const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PROPS_D
   getDetailPanelHeight: () => 500,
   unstable_headerFilters: false
 });
-const defaultSlots = uncapitalizeObjectKeys(DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS);
+const defaultSlots = DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
 export const useDataGridProProps = inProps => {
-  const [components, componentsProps, themedProps] = useProps(useThemeProps({
+  const themedProps = useProps(useThemeProps({
     props: inProps,
     name: 'MuiDataGrid'
   }));
   const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,
-    slots: themedProps.slots,
-    components
-  }), [components, themedProps.slots]);
-  return React.useMemo(() => {
-    var _themedProps$slotProp;
-    return _extends({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
-      localeText,
-      slots,
-      slotProps: (_themedProps$slotProp = themedProps.slotProps) != null ? _themedProps$slotProp : componentsProps,
-      signature: 'DataGridPro'
-    });
-  }, [themedProps, localeText, slots, componentsProps]);
+    slots: themedProps.slots
+  }), [themedProps.slots]);
+  return React.useMemo(() => _extends({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
+    localeText,
+    slots,
+    signature: 'DataGridPro'
+  }), [themedProps, localeText, slots]);
 };

package/components/headerFiltering/GridHeaderFilterCell.js

@@ -219,7 +219,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   colIndex: PropTypes.number.isRequired,
   filterOperators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/components/headerFiltering/GridHeaderFilterMenu.js

@@ -76,7 +76,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
   open: PropTypes.bool.isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -83,7 +83,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   }).isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/constants/dataGridProDefaultSlotsComponents.js

@@ -6,8 +6,8 @@ import { GridHeaderFilterMenu } from '../components/headerFiltering/GridHeaderFi
 import { GridHeaderFilterCell } from '../components/headerFiltering/GridHeaderFilterCell';
 import materialSlots from '../material';
 export const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_DEFAULT_SLOTS_COMPONENTS, materialSlots, {
-  ColumnMenu: GridProColumnMenu,
-  ColumnHeaders: GridColumnHeaders,
-  HeaderFilterCell: GridHeaderFilterCell,
-  HeaderFilterMenu: GridHeaderFilterMenu
+  columnMenu: GridProColumnMenu,
+  columnHeaders: GridColumnHeaders,
+  headerFilterCell: GridHeaderFilterCell,
+  headerFilterMenu: GridHeaderFilterMenu
 });

package/hooks/features/columnResize/useGridColumnResize.js

@@ -144,13 +144,16 @@ function extractColumnWidths(apiRef, options, columns) {
     if (options.includeHeaders) {
       const header = findGridHeader(apiRef.current, column.field);
       if (header) {
+        var _iconContainer$client, _menuContainer$client;
         const title = header.querySelector(`.${gridClasses.columnHeaderTitle}`);
         const content = header.querySelector(`.${gridClasses.columnHeaderTitleContainerContent}`);
+        const iconContainer = header.querySelector(`.${gridClasses.iconButtonContainer}`);
+        const menuContainer = header.querySelector(`.${gridClasses.menuIcon}`);
         const element = title != null ? title : content;
         const style = window.getComputedStyle(header, null);
         const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
         const contentWidth = element.scrollWidth + 1;
-        const width = paddingWidth + contentWidth;
+        const width = contentWidth + paddingWidth + ((_iconContainer$client = iconContainer == null ? void 0 : iconContainer.clientWidth) != null ? _iconContainer$client : 0) + ((_menuContainer$client = menuContainer == null ? void 0 : menuContainer.clientWidth) != null ? _menuContainer$client : 0);
         filteredWidths.push(width);
       }
     }

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.18.0
+ * @mui/x-data-grid-pro v7.0.0-alpha.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/DataGridPro/DataGridPro.js

@@ -145,16 +145,6 @@ DataGridProRaw.propTypes = {
    * If defined, the grid will ignore the `hide` property in [[GridColDef]].
    */
   columnVisibilityModel: PropTypes.object,
-  /**
-   * Overridable components.
-   * @deprecated Use the `slots` prop instead.
-   */
-  components: PropTypes.object,
-  /**
-   * Overridable components props dynamically passed to the component at rendering.
-   * @deprecated Use the `slotProps` prop instead.
-   */
-  componentsProps: PropTypes.object,
   /**
    * If above 0, the row children will be expanded up to this depth.
    * If equal to -1, all the row children will be expanded.

package/legacy/DataGridPro/useDataGridProProps.js

@@ -1,9 +1,8 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { GRID_DEFAULT_LOCALE_TEXT, DATA_GRID_PROPS_DEFAULT_VALUES } from '@mui/x-data-grid';
-import { computeSlots, uncapitalizeObjectKeys, useProps } from '@mui/x-data-grid/internals';
+import { computeSlots, useProps } from '@mui/x-data-grid/internals';
 import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '../constants/dataGridProDefaultSlotsComponents';
 
 /**
@@ -26,33 +25,26 @@ export var DATA_GRID_PRO_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PROPS_DEF
   },
   unstable_headerFilters: false
 });
-var defaultSlots = uncapitalizeObjectKeys(DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS);
+var defaultSlots = DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
 export var useDataGridProProps = function useDataGridProProps(inProps) {
-  var _useProps = useProps(useThemeProps({
-      props: inProps,
-      name: 'MuiDataGrid'
-    })),
-    _useProps2 = _slicedToArray(_useProps, 3),
-    components = _useProps2[0],
-    componentsProps = _useProps2[1],
-    themedProps = _useProps2[2];
+  var themedProps = useProps(useThemeProps({
+    props: inProps,
+    name: 'MuiDataGrid'
+  }));
   var localeText = React.useMemo(function () {
     return _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText);
   }, [themedProps.localeText]);
   var slots = React.useMemo(function () {
     return computeSlots({
       defaultSlots: defaultSlots,
-      slots: themedProps.slots,
-      components: components
+      slots: themedProps.slots
     });
-  }, [components, themedProps.slots]);
+  }, [themedProps.slots]);
   return React.useMemo(function () {
-    var _themedProps$slotProp;
     return _extends({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
       localeText: localeText,
       slots: slots,
-      slotProps: (_themedProps$slotProp = themedProps.slotProps) != null ? _themedProps$slotProp : componentsProps,
       signature: 'DataGridPro'
     });
-  }, [themedProps, localeText, slots, componentsProps]);
+  }, [themedProps, localeText, slots]);
 };

package/legacy/components/headerFiltering/GridHeaderFilterCell.js

@@ -224,7 +224,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   colIndex: PropTypes.number.isRequired,
   filterOperators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/legacy/components/headerFiltering/GridHeaderFilterMenu.js

@@ -75,7 +75,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
   open: PropTypes.bool.isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/legacy/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -81,7 +81,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   }).isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/legacy/constants/dataGridProDefaultSlotsComponents.js

@@ -6,8 +6,8 @@ import { GridHeaderFilterMenu } from '../components/headerFiltering/GridHeaderFi
 import { GridHeaderFilterCell } from '../components/headerFiltering/GridHeaderFilterCell';
 import materialSlots from '../material';
 export var DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_DEFAULT_SLOTS_COMPONENTS, materialSlots, {
-  ColumnMenu: GridProColumnMenu,
-  ColumnHeaders: GridColumnHeaders,
-  HeaderFilterCell: GridHeaderFilterCell,
-  HeaderFilterMenu: GridHeaderFilterMenu
+  columnMenu: GridProColumnMenu,
+  columnHeaders: GridColumnHeaders,
+  headerFilterCell: GridHeaderFilterCell,
+  headerFilterMenu: GridHeaderFilterMenu
 });

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

@@ -153,13 +153,16 @@ function extractColumnWidths(apiRef, options, columns) {
     if (options.includeHeaders) {
       var header = findGridHeader(apiRef.current, column.field);
       if (header) {
+        var _iconContainer$client, _menuContainer$client;
         var title = header.querySelector(".".concat(gridClasses.columnHeaderTitle));
         var content = header.querySelector(".".concat(gridClasses.columnHeaderTitleContainerContent));
+        var iconContainer = header.querySelector(".".concat(gridClasses.iconButtonContainer));
+        var menuContainer = header.querySelector(".".concat(gridClasses.menuIcon));
         var element = title != null ? title : content;
         var style = window.getComputedStyle(header, null);
         var paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
         var contentWidth = element.scrollWidth + 1;
-        var width = paddingWidth + contentWidth;
+        var width = contentWidth + paddingWidth + ((_iconContainer$client = iconContainer == null ? void 0 : iconContainer.clientWidth) != null ? _iconContainer$client : 0) + ((_menuContainer$client = menuContainer == null ? void 0 : menuContainer.clientWidth) != null ? _menuContainer$client : 0);
         filteredWidths.push(width);
       }
     }

package/legacy/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.18.0
+ * @mui/x-data-grid-pro v7.0.0-alpha.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/legacy/material/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridPushPinRightIcon, GridPushPinLeftIcon } from './icons';
 var iconSlots = {
-  ColumnMenuPinRightIcon: GridPushPinRightIcon,
-  ColumnMenuPinLeftIcon: GridPushPinLeftIcon
+  columnMenuPinRightIcon: GridPushPinRightIcon,
+  columnMenuPinLeftIcon: GridPushPinLeftIcon
 };
 var materialSlots = _extends({}, iconSlots);
 export default materialSlots;

package/legacy/models/dataSource.js

@@ -0,0 +1 @@
+export {};

package/legacy/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export var getReleaseInfo = function getReleaseInfo() {
-  var releaseInfo = "MTY5ODk2NjAwMDAwMA==";
+  var releaseInfo = "MTY5OTU3MDgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/material/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 declare const materialSlots: {
-    ColumnMenuPinLeftIcon: import("react").JSXElementConstructor<any>;
-    ColumnMenuPinRightIcon: import("react").JSXElementConstructor<any>;
+    columnMenuPinLeftIcon: import("react").JSXElementConstructor<any>;
+    columnMenuPinRightIcon: import("react").JSXElementConstructor<any>;
 };
 export default materialSlots;

package/material/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridPushPinRightIcon, GridPushPinLeftIcon } from './icons';
 const iconSlots = {
-  ColumnMenuPinRightIcon: GridPushPinRightIcon,
-  ColumnMenuPinLeftIcon: GridPushPinLeftIcon
+  columnMenuPinRightIcon: GridPushPinRightIcon,
+  columnMenuPinLeftIcon: GridPushPinLeftIcon
 };
 const materialSlots = _extends({}, iconSlots);
 export default materialSlots;

package/models/dataGridProProps.d.ts

@@ -6,7 +6,7 @@ import type { GridPinnedRowsProp } from '../hooks/features/rowPinning';
 import { GridApiPro } from './gridApiPro';
 import { GridGroupingColDefOverride, GridGroupingColDefOverrideParams } from './gridGroupingColDefOverride';
 import { GridInitialStatePro } from './gridStatePro';
-import { GridProSlotsComponent, UncapitalizedGridProSlotsComponent } from './gridProSlotsComponent';
+import { GridProSlotsComponent } from './gridProSlotsComponent';
 import type { GridProSlotProps } from './gridProSlotProps';
 import { GridAutosizeOptions } from '../hooks';
 export interface GridExperimentalProFeatures extends GridExperimentalFeatures {
@@ -18,13 +18,8 @@ export interface GridExperimentalProFeatures extends GridExperimentalFeatures {
 interface DataGridProPropsWithComplexDefaultValueBeforeProcessing extends Omit<DataGridPropsWithComplexDefaultValueBeforeProcessing, 'components'> {
     /**
      * Overridable components.
-     * @deprecated Use the `slots` prop instead.
      */
-    components?: Partial<GridProSlotsComponent>;
-    /**
-     * Overridable components.
-     */
-    slots?: Partial<UncapitalizedGridProSlotsComponent>;
+    slots?: Partial<GridProSlotsComponent>;
 }
 /**
  * The props users can give to the `DataGridProProps` component.
@@ -32,7 +27,7 @@ interface DataGridProPropsWithComplexDefaultValueBeforeProcessing extends Omit<D
 export interface DataGridProProps<R extends GridValidRowModel = any> extends Omit<Partial<DataGridProPropsWithDefaultValue> & DataGridProPropsWithComplexDefaultValueBeforeProcessing & DataGridProPropsWithoutDefaultValue<R>, DataGridProForcedPropsKey> {
 }
 interface DataGridProPropsWithComplexDefaultValueAfterProcessing extends Omit<DataGridPropsWithComplexDefaultValueAfterProcessing, 'slots'> {
-    slots: UncapitalizedGridProSlotsComponent;
+    slots: GridProSlotsComponent;
 }
 /**
  * The props of the `DataGridPro` component after the pre-processing phase.
@@ -227,10 +222,5 @@ export interface DataGridProPropsWithoutDefaultValue<R extends GridValidRowModel
      * Overridable components props dynamically passed to the component at rendering.
      */
     slotProps?: GridProSlotProps;
-    /**
-     * Overridable components props dynamically passed to the component at rendering.
-     * @deprecated Use the `slotProps` prop instead.
-     */
-    componentsProps?: GridProSlotProps;
 }
 export {};

package/models/dataSource.d.ts

@@ -0,0 +1,64 @@
+import { GridSortModel, GridFilterModel, GridColDef, GridRowModel, GridPaginationModel } from '@mui/x-data-grid';
+interface GetRowsParams {
+    sortModel: GridSortModel;
+    filterModel: GridFilterModel;
+    /**
+     * Alternate to `start` and `end`, maps to `GridPaginationModel` interface
+     */
+    paginationModel: GridPaginationModel;
+    /**
+     * First row index to fetch (number) or cursor information (number | string)
+     */
+    start: number | string;
+    /**
+     * Last row index to fetch
+     */
+    end: number;
+    /**
+     * Array of keys returned by `getGroupKey` of all the parent rows until the row for which the data is requested
+     * `getGroupKey` prop must be implemented to use this
+     * Useful for `treeData` and `rowGrouping` only
+     */
+    groupKeys: string[];
+    /**
+     * List of grouped columns (only applicable with `rowGrouping`)
+     */
+    groupFields: GridColDef['field'][];
+}
+interface GetRowsResponse {
+    rows: GridRowModel[];
+    /**
+     * To reflect updates in total `rowCount` (optional)
+     * Useful when the `rowCount` is inaccurate (e.g. when filtering) or not available upfront
+     */
+    rowCount?: number;
+    /**
+     * Additional `pageInfo` to help the grid determine if there are more rows to fetch (corner-cases)
+     * `hasNextPage`: When row count is unknown/inaccurate, if `truncated` is set or rowCount is not known, data will keep loading until `hasNextPage` is `false`
+     * `truncated`: To reflect `rowCount` is inaccurate (will trigger `x-y of many` in pagination after the count of rows fetched is greater than provided `rowCount`)
+     * It could be useful with:
+     * 1. Cursor based pagination:
+     *   When rowCount is not known, grid will check for `hasNextPage` to determine
+     *   if there are more rows to fetch.
+     * 2. Inaccurate `rowCount`:
+     *   `truncated: true` will let the grid know that `rowCount` is estimated/truncated.
+     *   Thus `hasNextPage` will come into play to check more rows are available to fetch after the number becomes >= provided `rowCount`
+     */
+    pageInfo?: {
+        hasNextPage?: boolean;
+        truncated?: number;
+    };
+}
+export interface DataSource {
+    /**
+      Fetcher Functions:
+      - `getRows` is required
+      - `updateRow` is optional
+      
+      `getRows` will be used by the grid to fetch data for the current page or children for the current parent group
+      It may return a `rowCount` to update the total count of rows in the grid along with the optional `pageInfo`
+    */
+    getRows(params: GetRowsParams): Promise<GetRowsResponse>;
+    updateRow?(rows: GridRowModel): Promise<any>;
+}
+export {};

package/models/dataSource.js

@@ -0,0 +1 @@
+export {};

package/models/gridProIconSlotsComponent.d.ts

@@ -4,10 +4,10 @@ export interface GridProIconSlotsComponent {
      * Icon displayed in column menu for left pinning
      * @default GridPushPinLeftIcon
      */
-    ColumnMenuPinLeftIcon: React.JSXElementConstructor<any>;
+    columnMenuPinLeftIcon: React.JSXElementConstructor<any>;
     /**
      * Icon displayed in column menu for right pinning
      * @default GridPushPinRightIcon
      */
-    ColumnMenuPinRightIcon: React.JSXElementConstructor<any>;
+    columnMenuPinRightIcon: React.JSXElementConstructor<any>;
 }

package/models/gridProSlotsComponent.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { GridSlotsComponent } from '@mui/x-data-grid';
-import { UncapitalizeObjectKeys } from '@mui/x-data-grid/internals';
 import { GridProIconSlotsComponent } from './gridProIconSlotsComponent';
 /**
  * Grid components React prop interface containing all the overridable components
@@ -11,12 +10,10 @@ export interface GridProSlotsComponent extends GridSlotsComponent, GridProIconSl
      * Component responsible for showing menu adornment in Header filter row
      * @default GridHeaderFilterCell
      */
-    HeaderFilterCell: React.JSXElementConstructor<any>;
+    headerFilterCell: React.JSXElementConstructor<any>;
     /**
      * Component responsible for showing menu in Header filter row
      * @default GridHeaderFilterMenu
      */
-    HeaderFilterMenu: React.JSXElementConstructor<any> | null;
-}
-export interface UncapitalizedGridProSlotsComponent extends UncapitalizeObjectKeys<GridProSlotsComponent> {
+    headerFilterMenu: React.JSXElementConstructor<any> | null;
 }

package/modern/DataGridPro/DataGridPro.js

@@ -145,16 +145,6 @@ DataGridProRaw.propTypes = {
    * If defined, the grid will ignore the `hide` property in [[GridColDef]].
    */
   columnVisibilityModel: PropTypes.object,
-  /**
-   * Overridable components.
-   * @deprecated Use the `slots` prop instead.
-   */
-  components: PropTypes.object,
-  /**
-   * Overridable components props dynamically passed to the component at rendering.
-   * @deprecated Use the `slotProps` prop instead.
-   */
-  componentsProps: PropTypes.object,
   /**
    * If above 0, the row children will be expanded up to this depth.
    * If equal to -1, all the row children will be expanded.

package/modern/DataGridPro/useDataGridProProps.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
 import { GRID_DEFAULT_LOCALE_TEXT, DATA_GRID_PROPS_DEFAULT_VALUES } from '@mui/x-data-grid';
-import { computeSlots, uncapitalizeObjectKeys, useProps } from '@mui/x-data-grid/internals';
+import { computeSlots, useProps } from '@mui/x-data-grid/internals';
 import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from '../constants/dataGridProDefaultSlotsComponents';
 
 /**
@@ -23,22 +23,20 @@ export const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PROPS_D
   getDetailPanelHeight: () => 500,
   unstable_headerFilters: false
 });
-const defaultSlots = uncapitalizeObjectKeys(DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS);
+const defaultSlots = DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
 export const useDataGridProProps = inProps => {
-  const [components, componentsProps, themedProps] = useProps(useThemeProps({
+  const themedProps = useProps(useThemeProps({
     props: inProps,
     name: 'MuiDataGrid'
   }));
   const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => computeSlots({
     defaultSlots,
-    slots: themedProps.slots,
-    components
-  }), [components, themedProps.slots]);
+    slots: themedProps.slots
+  }), [themedProps.slots]);
   return React.useMemo(() => _extends({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
     localeText,
     slots,
-    slotProps: themedProps.slotProps ?? componentsProps,
     signature: 'DataGridPro'
-  }), [themedProps, localeText, slots, componentsProps]);
+  }), [themedProps, localeText, slots]);
 };

package/modern/components/headerFiltering/GridHeaderFilterCell.js

@@ -216,7 +216,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   colIndex: PropTypes.number.isRequired,
   filterOperators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/modern/components/headerFiltering/GridHeaderFilterMenu.js

@@ -75,7 +75,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
   open: PropTypes.bool.isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/modern/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -82,7 +82,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   }).isRequired,
   operators: PropTypes.arrayOf(PropTypes.shape({
     getApplyFilterFn: PropTypes.func.isRequired,
-    getApplyFilterFnV7: PropTypes.func,
     getValueAsString: PropTypes.func,
     headerLabel: PropTypes.string,
     InputComponent: PropTypes.elementType,

package/modern/constants/dataGridProDefaultSlotsComponents.js

@@ -6,8 +6,8 @@ import { GridHeaderFilterMenu } from '../components/headerFiltering/GridHeaderFi
 import { GridHeaderFilterCell } from '../components/headerFiltering/GridHeaderFilterCell';
 import materialSlots from '../material';
 export const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = _extends({}, DATA_GRID_DEFAULT_SLOTS_COMPONENTS, materialSlots, {
-  ColumnMenu: GridProColumnMenu,
-  ColumnHeaders: GridColumnHeaders,
-  HeaderFilterCell: GridHeaderFilterCell,
-  HeaderFilterMenu: GridHeaderFilterMenu
+  columnMenu: GridProColumnMenu,
+  columnHeaders: GridColumnHeaders,
+  headerFilterCell: GridHeaderFilterCell,
+  headerFilterMenu: GridHeaderFilterMenu
 });

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

@@ -145,11 +145,13 @@ function extractColumnWidths(apiRef, options, columns) {
       if (header) {
         const title = header.querySelector(`.${gridClasses.columnHeaderTitle}`);
         const content = header.querySelector(`.${gridClasses.columnHeaderTitleContainerContent}`);
+        const iconContainer = header.querySelector(`.${gridClasses.iconButtonContainer}`);
+        const menuContainer = header.querySelector(`.${gridClasses.menuIcon}`);
         const element = title ?? content;
         const style = window.getComputedStyle(header, null);
         const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
         const contentWidth = element.scrollWidth + 1;
-        const width = paddingWidth + contentWidth;
+        const width = contentWidth + paddingWidth + (iconContainer?.clientWidth ?? 0) + (menuContainer?.clientWidth ?? 0);
         filteredWidths.push(width);
       }
     }

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.18.0
+ * @mui/x-data-grid-pro v7.0.0-alpha.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/modern/material/index.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { GridPushPinRightIcon, GridPushPinLeftIcon } from './icons';
 const iconSlots = {
-  ColumnMenuPinRightIcon: GridPushPinRightIcon,
-  ColumnMenuPinLeftIcon: GridPushPinLeftIcon
+  columnMenuPinRightIcon: GridPushPinRightIcon,
+  columnMenuPinLeftIcon: GridPushPinLeftIcon
 };
 const materialSlots = _extends({}, iconSlots);
 export default materialSlots;

package/modern/models/dataSource.js

@@ -0,0 +1 @@
+export {};

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5ODk2NjAwMDAwMA==";
+  const releaseInfo = "MTY5OTU3MDgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/node/DataGridPro/DataGridPro.js

@@ -153,16 +153,6 @@ DataGridProRaw.propTypes = {
    * If defined, the grid will ignore the `hide` property in [[GridColDef]].
    */
   columnVisibilityModel: _propTypes.default.object,
-  /**
-   * Overridable components.
-   * @deprecated Use the `slots` prop instead.
-   */
-  components: _propTypes.default.object,
-  /**
-   * Overridable components props dynamically passed to the component at rendering.
-   * @deprecated Use the `slotProps` prop instead.
-   */
-  componentsProps: _propTypes.default.object,
   /**
    * If above 0, the row children will be expanded up to this depth.
    * If equal to -1, all the row children will be expanded.

package/node/DataGridPro/useDataGridProProps.js

@@ -31,23 +31,21 @@ const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PRO_PROPS_DEFAULT_V
   getDetailPanelHeight: () => 500,
   unstable_headerFilters: false
 });
-const defaultSlots = (0, _internals.uncapitalizeObjectKeys)(_dataGridProDefaultSlotsComponents.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS);
+const defaultSlots = _dataGridProDefaultSlotsComponents.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
 const useDataGridProProps = inProps => {
-  const [components, componentsProps, themedProps] = (0, _internals.useProps)((0, _styles.useThemeProps)({
+  const themedProps = (0, _internals.useProps)((0, _styles.useThemeProps)({
     props: inProps,
     name: 'MuiDataGrid'
   }));
   const localeText = React.useMemo(() => (0, _extends2.default)({}, _xDataGrid.GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
   const slots = React.useMemo(() => (0, _internals.computeSlots)({
     defaultSlots,
-    slots: themedProps.slots,
-    components
-  }), [components, themedProps.slots]);
+    slots: themedProps.slots
+  }), [themedProps.slots]);
   return React.useMemo(() => (0, _extends2.default)({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
     localeText,
     slots,
-    slotProps: themedProps.slotProps ?? componentsProps,
     signature: 'DataGridPro'
-  }), [themedProps, localeText, slots, componentsProps]);
+  }), [themedProps, localeText, slots]);
 };
 exports.useDataGridProProps = useDataGridProProps;

package/node/components/headerFiltering/GridHeaderFilterCell.js

@@ -224,7 +224,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterCell.propTypes = {
   colIndex: _propTypes.default.number.isRequired,
   filterOperators: _propTypes.default.arrayOf(_propTypes.default.shape({
     getApplyFilterFn: _propTypes.default.func.isRequired,
-    getApplyFilterFnV7: _propTypes.default.func,
     getValueAsString: _propTypes.default.func,
     headerLabel: _propTypes.default.string,
     InputComponent: _propTypes.default.elementType,

package/node/components/headerFiltering/GridHeaderFilterMenu.js

@@ -84,7 +84,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenu.propTypes = {
   open: _propTypes.default.bool.isRequired,
   operators: _propTypes.default.arrayOf(_propTypes.default.shape({
     getApplyFilterFn: _propTypes.default.func.isRequired,
-    getApplyFilterFnV7: _propTypes.default.func,
     getValueAsString: _propTypes.default.func,
     headerLabel: _propTypes.default.string,
     InputComponent: _propTypes.default.elementType,

package/node/components/headerFiltering/GridHeaderFilterMenuContainer.js

@@ -90,7 +90,6 @@ process.env.NODE_ENV !== "production" ? GridHeaderFilterMenuContainer.propTypes
   }).isRequired,
   operators: _propTypes.default.arrayOf(_propTypes.default.shape({
     getApplyFilterFn: _propTypes.default.func.isRequired,
-    getApplyFilterFnV7: _propTypes.default.func,
     getValueAsString: _propTypes.default.func,
     headerLabel: _propTypes.default.string,
     InputComponent: _propTypes.default.elementType,

package/node/constants/dataGridProDefaultSlotsComponents.js

@@ -13,8 +13,8 @@ var _GridHeaderFilterMenu = require("../components/headerFiltering/GridHeaderFil
 var _GridHeaderFilterCell = require("../components/headerFiltering/GridHeaderFilterCell");
 var _material = _interopRequireDefault(require("../material"));
 const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = exports.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _internals.DATA_GRID_DEFAULT_SLOTS_COMPONENTS, _material.default, {
-  ColumnMenu: _GridProColumnMenu.GridProColumnMenu,
-  ColumnHeaders: _GridColumnHeaders.GridColumnHeaders,
-  HeaderFilterCell: _GridHeaderFilterCell.GridHeaderFilterCell,
-  HeaderFilterMenu: _GridHeaderFilterMenu.GridHeaderFilterMenu
+  columnMenu: _GridProColumnMenu.GridProColumnMenu,
+  columnHeaders: _GridColumnHeaders.GridColumnHeaders,
+  headerFilterCell: _GridHeaderFilterCell.GridHeaderFilterCell,
+  headerFilterMenu: _GridHeaderFilterMenu.GridHeaderFilterMenu
 });

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

@@ -154,11 +154,13 @@ function extractColumnWidths(apiRef, options, columns) {
       if (header) {
         const title = header.querySelector(`.${_xDataGrid.gridClasses.columnHeaderTitle}`);
         const content = header.querySelector(`.${_xDataGrid.gridClasses.columnHeaderTitleContainerContent}`);
+        const iconContainer = header.querySelector(`.${_xDataGrid.gridClasses.iconButtonContainer}`);
+        const menuContainer = header.querySelector(`.${_xDataGrid.gridClasses.menuIcon}`);
         const element = title ?? content;
         const style = window.getComputedStyle(header, null);
         const paddingWidth = parseInt(style.paddingLeft, 10) + parseInt(style.paddingRight, 10);
         const contentWidth = element.scrollWidth + 1;
-        const width = paddingWidth + contentWidth;
+        const width = contentWidth + paddingWidth + (iconContainer?.clientWidth ?? 0) + (menuContainer?.clientWidth ?? 0);
         filteredWidths.push(width);
       }
     }

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.18.0
+ * @mui/x-data-grid-pro v7.0.0-alpha.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the

package/node/material/index.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _icons = require("./icons");
 const iconSlots = {
-  ColumnMenuPinRightIcon: _icons.GridPushPinRightIcon,
-  ColumnMenuPinLeftIcon: _icons.GridPushPinLeftIcon
+  columnMenuPinRightIcon: _icons.GridPushPinRightIcon,
+  columnMenuPinLeftIcon: _icons.GridPushPinLeftIcon
 };
 const materialSlots = (0, _extends2.default)({}, iconSlots);
 var _default = exports.default = materialSlots;

package/node/models/dataSource.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/utils/releaseInfo.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getReleaseInfo = void 0;
 var _utils = require("@mui/utils");
 const getReleaseInfo = () => {
-  const releaseInfo = "MTY5ODk2NjAwMDAwMA==";
+  const releaseInfo = "MTY5OTU3MDgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid-pro",
-  "version": "6.18.0",
+  "version": "7.0.0-alpha.0",
   "description": "The Pro plan edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -33,8 +33,8 @@
   "dependencies": {
     "@babel/runtime": "^7.23.2",
     "@mui/utils": "^5.14.16",
-    "@mui/x-data-grid": "6.18.0",
-    "@mui/x-license-pro": "6.10.2",
+    "@mui/x-data-grid": "7.0.0-alpha.0",
+    "@mui/x-license-pro": "7.0.0-alpha.0",
     "@types/format-util": "^1.0.3",
     "clsx": "^2.0.0",
     "prop-types": "^15.8.1",

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY5ODk2NjAwMDAwMA==";
+  const releaseInfo = "MTY5OTU3MDgwMDAwMA==";
   if (process.env.NODE_ENV !== 'production') {
     // A simple hack to set the value in the test environment (has no build step).
     // eslint-disable-next-line no-useless-concat