@mui/x-data-grid-pro 6.0.0-beta.5 → 6.0.0

package/modern/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY3NzEwNjgwMDAwMA==";
+  const releaseInfo = "MTY3Nzc5ODAwMDAwMA==";
   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

@@ -13,8 +13,8 @@ var _xDataGrid = require("@mui/x-data-grid");
 var _useDataGridProComponent = require("./useDataGridProComponent");
 var _useDataGridProProps = require("./useDataGridProProps");
 var _DataGridProVirtualScroller = require("../components/DataGridProVirtualScroller");
-var _DataGridProColumnHeaders = require("../components/DataGridProColumnHeaders");
 var _releaseInfo = require("../utils/releaseInfo");
+var _gridColumnPinningSelector = require("../hooks/features/columnPinning/gridColumnPinningSelector");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -23,6 +23,7 @@ const DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProp
   const props = (0, _useDataGridProProps.useDataGridProProps)(inProps);
   const privateApiRef = (0, _useDataGridProComponent.useDataGridProComponent)(props.apiRef, props);
   (0, _xLicensePro.useLicenseVerifier)('x-data-grid-pro', releaseInfo);
+  const pinnedColumns = (0, _xDataGrid.useGridSelector)(privateApiRef, _gridColumnPinningSelector.gridPinnedColumnsSelector);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridContextProvider, {
     privateApiRef: privateApiRef,
     props: props,
@@ -32,8 +33,10 @@ const DataGridProRaw = /*#__PURE__*/React.forwardRef(function DataGridPro(inProp
       sx: props.sx,
       ref: ref,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridHeader, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridBody, {
-        ColumnHeadersComponent: _DataGridProColumnHeaders.DataGridProColumnHeaders,
         VirtualScrollerComponent: _DataGridProVirtualScroller.DataGridProVirtualScroller,
+        ColumnHeadersProps: {
+          pinnedColumns
+        },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xLicensePro.Watermark, {
           packageName: "x-data-grid-pro",
           releaseInfo: releaseInfo
@@ -229,7 +232,6 @@ DataGridProRaw.propTypes = {
   experimentalFeatures: _propTypes.default.shape({
     columnGrouping: _propTypes.default.bool,
     lazyLoading: _propTypes.default.bool,
-    rowPinning: _propTypes.default.bool,
     warnIfFocusStateIsNotSynced: _propTypes.default.bool
   }),
   /**

package/node/components/DataGridProVirtualScroller.js

@@ -185,7 +185,7 @@ const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGr
       bottomPinnedRowsRenderZoneRef.current.style.transform = `translate3d(${left}px, 0px, 0px)`;
     }
   }, []);
-  const getRowProps = id => {
+  const getRowProps = React.useCallback(id => {
     if (!expandedRowIds.includes(id)) {
       return null;
     }
@@ -195,7 +195,7 @@ const DataGridProVirtualScroller = /*#__PURE__*/React.forwardRef(function DataGr
         marginBottom: height
       }
     };
-  };
+  }, [detailPanelsHeights, expandedRowIds]);
   const pinnedColumns = (0, _xDataGrid.useGridSelector)(apiRef, _columnPinning.gridPinnedColumnsSelector);
   const [leftPinnedColumns, rightPinnedColumns] = filterColumns(pinnedColumns, visibleColumnFields, theme.direction === 'rtl');
   const pinnedRows = (0, _xDataGrid.useGridSelector)(apiRef, _gridRowPinningSelector.gridPinnedRowsSelector);

package/node/components/{DataGridProColumnHeaders.js → GridColumnHeaders.js}

@@ -4,10 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DataGridProColumnHeaders = void 0;
+exports.GridColumnHeaders = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("@mui/utils");
 var _styles = require("@mui/material/styles");
 var _xDataGrid = require("@mui/x-data-grid");
@@ -17,7 +18,7 @@ var _useGridApiContext = require("../hooks/utils/useGridApiContext");
 var _columnPinning = require("../hooks/features/columnPinning");
 var _DataGridProVirtualScroller = require("./DataGridProVirtualScroller");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["style", "className", "innerRef"];
+const _excluded = ["style", "className", "innerRef", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnPositions", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "densityFactor", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence", "pinnedColumns"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useUtilityClasses = ownerState => {
@@ -74,15 +75,36 @@ const GridColumnHeadersPinnedColumnHeaders = (0, _styles.styled)('div', {
   borderLeftWidth: '1px',
   borderLeftStyle: 'solid'
 }));
-const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGridProColumnHeaders(props, ref) {
+GridColumnHeadersPinnedColumnHeaders.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  ownerState: _propTypes.default.object.isRequired
+};
+const GridColumnHeaders = /*#__PURE__*/React.forwardRef(function GridColumnHeaders(props, ref) {
   const {
       className,
-      innerRef
+      innerRef,
+      visibleColumns,
+      sortColumnLookup,
+      filterColumnLookup,
+      columnPositions,
+      columnHeaderTabIndexState,
+      columnGroupHeaderTabIndexState,
+      columnHeaderFocus,
+      columnGroupHeaderFocus,
+      densityFactor,
+      headerGroupingMaxDepth,
+      columnMenuState,
+      columnVisibility,
+      columnGroupsHeaderStructure,
+      hasOtherElementInTabSequence,
+      pinnedColumns
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const apiRef = (0, _useGridApiContext.useGridApiContext)();
-  const visibleColumnFields = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridVisibleColumnFieldsSelector);
   const [scrollbarSize, setScrollbarSize] = React.useState(0);
   const theme = (0, _styles.useTheme)();
   const handleContentSizeChange = (0, _utils.unstable_useEventCallback)(() => {
@@ -96,7 +118,9 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
     }
   });
   (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'virtualScrollerContentSizeChange', handleContentSizeChange);
-  const pinnedColumns = (0, _xDataGrid.useGridSelector)(apiRef, _columnPinning.gridPinnedColumnsSelector);
+  const visibleColumnFields = React.useMemo(() => visibleColumns.map(({
+    field
+  }) => field), [visibleColumns]);
   const [leftPinnedColumns, rightPinnedColumns] = (0, _DataGridProVirtualScroller.filterColumns)(pinnedColumns, visibleColumnFields, theme.direction === 'rtl');
   const {
     isDragging,
@@ -107,6 +131,20 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
     getColumnGroupHeaders
   } = (0, _internals.useGridColumnHeaders)({
     innerRef,
+    visibleColumns,
+    sortColumnLookup,
+    filterColumnLookup,
+    columnPositions,
+    columnHeaderTabIndexState,
+    hasOtherElementInTabSequence,
+    columnGroupHeaderTabIndexState,
+    columnHeaderFocus,
+    columnGroupHeaderFocus,
+    densityFactor,
+    headerGroupingMaxDepth,
+    columnMenuState,
+    columnVisibility,
+    columnGroupsHeaderStructure,
     minColumnIndex: leftPinnedColumns.length
   });
   const ownerState = (0, _extends2.default)({}, rootProps, {
@@ -127,7 +165,7 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
   const pinnedColumnHeadersProps = {
     role: innerProps.role
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.GridColumnHeaders, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.GridBaseColumnHeaders, (0, _extends2.default)({
     ref: ref,
     className: className
   }, getRootProps(other), {
@@ -186,4 +224,48 @@ const DataGridProColumnHeaders = /*#__PURE__*/React.forwardRef(function DataGrid
     }))]
   }));
 });
-exports.DataGridProColumnHeaders = DataGridProColumnHeaders;
+exports.GridColumnHeaders = GridColumnHeaders;
+process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  columnGroupHeaderFocus: _propTypes.default.shape({
+    depth: _propTypes.default.number.isRequired,
+    field: _propTypes.default.string.isRequired
+  }),
+  columnGroupHeaderTabIndexState: _propTypes.default.shape({
+    depth: _propTypes.default.number.isRequired,
+    field: _propTypes.default.string.isRequired
+  }),
+  columnGroupsHeaderStructure: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.shape({
+    columnFields: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+    groupId: _propTypes.default.string
+  }))).isRequired,
+  columnHeaderFocus: _propTypes.default.shape({
+    field: _propTypes.default.string.isRequired
+  }),
+  columnHeaderTabIndexState: _propTypes.default.shape({
+    field: _propTypes.default.string.isRequired
+  }),
+  columnMenuState: _propTypes.default.shape({
+    field: _propTypes.default.string,
+    open: _propTypes.default.bool.isRequired
+  }).isRequired,
+  columnPositions: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+  columnVisibility: _propTypes.default.object.isRequired,
+  densityFactor: _propTypes.default.number.isRequired,
+  filterColumnLookup: _propTypes.default.object.isRequired,
+  hasOtherElementInTabSequence: _propTypes.default.bool.isRequired,
+  headerGroupingMaxDepth: _propTypes.default.number.isRequired,
+  innerRef: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.shape({
+    current: _propTypes.default.object
+  })]),
+  minColumnIndex: _propTypes.default.number,
+  pinnedColumns: _propTypes.default.shape({
+    left: _propTypes.default.arrayOf(_propTypes.default.string),
+    right: _propTypes.default.arrayOf(_propTypes.default.string)
+  }).isRequired,
+  sortColumnLookup: _propTypes.default.object.isRequired,
+  visibleColumns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
+} : void 0;

package/node/components/index.js

@@ -36,7 +36,7 @@ Object.keys(_GridDetailPanelToggleCell).forEach(function (key) {
     }
   });
 });
-var _icons = require("./icons");
+var _icons = require("../material/icons");
 Object.keys(_icons).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _icons[key]) return;

package/node/constants/dataGridProDefaultSlotsComponents.js

@@ -4,17 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_GRID_PRO_ICON_SLOTS_COMPONENTS = exports.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = void 0;
+exports.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _internals = require("@mui/x-data-grid/internals");
-var _components = require("../components");
 var _GridProColumnMenu = require("../components/GridProColumnMenu");
-const DEFAULT_GRID_PRO_ICON_SLOTS_COMPONENTS = {
-  ColumnMenuPinRightIcon: _components.GridPushPinRightIcon,
-  ColumnMenuPinLeftIcon: _components.GridPushPinLeftIcon
-};
-exports.DEFAULT_GRID_PRO_ICON_SLOTS_COMPONENTS = DEFAULT_GRID_PRO_ICON_SLOTS_COMPONENTS;
-const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _internals.DATA_GRID_DEFAULT_SLOTS_COMPONENTS, DEFAULT_GRID_PRO_ICON_SLOTS_COMPONENTS, {
-  ColumnMenu: _GridProColumnMenu.GridProColumnMenu
+var _GridColumnHeaders = require("../components/GridColumnHeaders");
+var _material = _interopRequireDefault(require("../material"));
+const DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = (0, _extends2.default)({}, _internals.DATA_GRID_DEFAULT_SLOTS_COMPONENTS, _material.default, {
+  ColumnMenu: _GridProColumnMenu.GridProColumnMenu,
+  ColumnHeaders: _GridColumnHeaders.GridColumnHeaders
 });
 exports.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS = DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;

package/node/hooks/features/rowPinning/useGridRowPinning.js

@@ -30,9 +30,6 @@ function createPinnedRowsInternalCache(pinnedRows, getRowId) {
   return cache;
 }
 const rowPinningStateInitializer = (state, props, apiRef) => {
-  if (!props.experimentalFeatures?.rowPinning) {
-    return state;
-  }
   apiRef.current.caches.pinnedRows = createPinnedRowsInternalCache(props.pinnedRows, props.getRowId);
   return (0, _extends2.default)({}, state, {
     rows: (0, _extends2.default)({}, state.rows, {
@@ -48,12 +45,9 @@ const rowPinningStateInitializer = (state, props, apiRef) => {
 exports.rowPinningStateInitializer = rowPinningStateInitializer;
 const useGridRowPinning = (apiRef, props) => {
   const setPinnedRows = React.useCallback(newPinnedRows => {
-    if (!props.experimentalFeatures?.rowPinning) {
-      return;
-    }
     apiRef.current.caches.pinnedRows = createPinnedRowsInternalCache(newPinnedRows, props.getRowId);
     apiRef.current.requestPipeProcessorsApplication('hydrateRows');
-  }, [apiRef, props.experimentalFeatures?.rowPinning, props.getRowId]);
+  }, [apiRef, props.getRowId]);
   (0, _xDataGrid.useGridApiMethod)(apiRef, {
     unstable_setPinnedRows: setPinnedRows
   }, 'public');

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid-pro v6.0.0-beta.5
+ * @mui/x-data-grid-pro v6.0.0
  *
  * @license MUI X Commercial
  * This source code is licensed under the commercial license found in the
@@ -17,7 +17,8 @@ var _exportNames = {
   useGridRootProps: true,
   GridColumnMenu: true,
   GRID_COLUMN_MENU_COMPONENTS: true,
-  GRID_COLUMN_MENU_COMPONENTS_PROPS: true
+  GRID_COLUMN_MENU_COMPONENTS_PROPS: true,
+  GridColumnHeaders: true
 };
 Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS", {
   enumerable: true,
@@ -31,6 +32,12 @@ Object.defineProperty(exports, "GRID_COLUMN_MENU_COMPONENTS_PROPS", {
     return _reexports2.GRID_COLUMN_MENU_COMPONENTS_PROPS;
   }
 });
+Object.defineProperty(exports, "GridColumnHeaders", {
+  enumerable: true,
+  get: function () {
+    return _GridColumnHeaders.GridColumnHeaders;
+  }
+});
 Object.defineProperty(exports, "GridColumnMenu", {
   enumerable: true,
   get: function () {
@@ -220,4 +227,5 @@ Object.keys(_utils2).forEach(function (key) {
   });
 });
 var _reexports = require("./typeOverloads/reexports");
-var _reexports2 = require("./components/reexports");
+var _reexports2 = require("./components/reexports");
+var _GridColumnHeaders = require("./components/GridColumnHeaders");

package/node/internals/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   DataGridProVirtualScroller: true,
-  DataGridProColumnHeaders: true,
+  GridColumnHeaders: true,
   DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS: true,
   useGridColumnResize: true,
   columnResizeStateInitializer: true,
@@ -41,16 +41,16 @@ Object.defineProperty(exports, "DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS", {
     return _dataGridProDefaultSlotsComponents.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
   }
 });
-Object.defineProperty(exports, "DataGridProColumnHeaders", {
+Object.defineProperty(exports, "DataGridProVirtualScroller", {
   enumerable: true,
   get: function () {
-    return _DataGridProColumnHeaders.DataGridProColumnHeaders;
+    return _DataGridProVirtualScroller.DataGridProVirtualScroller;
   }
 });
-Object.defineProperty(exports, "DataGridProVirtualScroller", {
+Object.defineProperty(exports, "GridColumnHeaders", {
   enumerable: true,
   get: function () {
-    return _DataGridProVirtualScroller.DataGridProVirtualScroller;
+    return _GridColumnHeaders.GridColumnHeaders;
   }
 });
 Object.defineProperty(exports, "TREE_DATA_STRATEGY", {
@@ -228,7 +228,7 @@ Object.keys(_internals).forEach(function (key) {
   });
 });
 var _DataGridProVirtualScroller = require("../components/DataGridProVirtualScroller");
-var _DataGridProColumnHeaders = require("../components/DataGridProColumnHeaders");
+var _GridColumnHeaders = require("../components/GridColumnHeaders");
 var _dataGridProDefaultSlotsComponents = require("../constants/dataGridProDefaultSlotsComponents");
 var _useGridColumnResize = require("../hooks/features/columnResize/useGridColumnResize");
 var _useGridColumnPinning = require("../hooks/features/columnPinning/useGridColumnPinning");

package/node/material/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _icons = require("./icons");
+const iconSlots = {
+  ColumnMenuPinRightIcon: _icons.GridPushPinRightIcon,
+  ColumnMenuPinLeftIcon: _icons.GridPushPinLeftIcon
+};
+const materialSlots = (0, _extends2.default)({}, iconSlots);
+var _default = materialSlots;
+exports.default = _default;

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 = "MTY3NzEwNjgwMDAwMA==";
+  const releaseInfo = "MTY3Nzc5ODAwMDAwMA==";
   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.0.0-beta.5",
+  "version": "6.0.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.20.13",
     "@mui/utils": "^5.11.7",
-    "@mui/x-data-grid": "6.0.0-beta.5",
-    "@mui/x-license-pro": "6.0.0-beta.4",
+    "@mui/x-data-grid": "6.0.0",
+    "@mui/x-license-pro": "6.0.0",
     "@types/format-util": "^1.0.2",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",

package/utils/releaseInfo.js

@@ -1,6 +1,6 @@
 import { ponyfillGlobal } from '@mui/utils';
 export const getReleaseInfo = () => {
-  const releaseInfo = "MTY3NzEwNjgwMDAwMA==";
+  const releaseInfo = "MTY3Nzc5ODAwMDAwMA==";
   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/components/DataGridProColumnHeaders.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-interface DataGridProColumnHeadersProps extends React.HTMLAttributes<HTMLDivElement> {
-    innerRef?: React.Ref<HTMLDivElement>;
-}
-export declare const DataGridProColumnHeaders: React.ForwardRefExoticComponent<DataGridProColumnHeadersProps & React.RefAttributes<HTMLDivElement>>;
-export {};