@mui/x-data-grid 7.29.5 → 7.29.7

package/CHANGELOG.md

@@ -3,6 +3,72 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## v7.29.7
+
+<!-- generated comparing v7.29.6..v7.x -->
+
+_Jun 26, 2025_
+
+We'd like to extend a big thank you to the 4 contributors who made this release possible.
+
+Special thanks go out to the community members for their valuable contributions:
+@alisasanib
+
+Following are all team members who have contributed to this release:
+@mapache-salvaje, @arminmeh, @michelengelen
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.7`
+
+Internal changes.
+
+#### `@mui/x-data-grid-pro@7.29.7` [![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.29.7`, plus:
+
+- [DataGridPro] Fix pinned columns order in column management (#18053) @alisasanib
+
+#### `@mui/x-data-grid-premium@7.29.7` [![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.29.7`.
+
+### Docs
+
+- [docs] Revise the Row Grouping doc (#17494) @mapache-salvaje
+- [docs] Document `GridRenderContext` (#18501) @arminmeh
+- [docs] Prevent stale rows from appearing on sort and filter change in the lazy loading demo (#18463) @arminmeh
+
+### Miscellaneous
+
+- [infra] Add automated release PR creation script (#18450) @michelengelen
+
+## 7.29.6
+
+_Jun 6, 2025_
+
+We'd like to extend a big thank you to @arminmeh, who made this release possible.
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.29.6`
+
+- [DataGrid] Keep pipe pre-processors execution order when callback reference changes (#18217) @arminmeh
+
+#### `@mui/x-data-grid-pro@7.29.6` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.29.6`.
+
+#### `@mui/x-data-grid-premium@7.29.6` [![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.29.6`.
+
+### Docs
+
+- [docs] Keep `groupingColDef` reference stable in the grid demos (#17549) @arminmeh
+
 ## 7.29.5
 
 _May 29, 2025_

package/hooks/core/pipeProcessing/useGridPipeProcessing.js

@@ -56,12 +56,12 @@ export const useGridPipeProcessing = apiRef => {
     const oldProcessor = groupCache.processors.get(id);
     if (oldProcessor !== processor) {
       groupCache.processors.set(id, processor);
-      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values());
+      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
       runAppliers(groupCache);
     }
     return () => {
-      cache.current[group].processors.delete(id);
-      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values());
+      cache.current[group].processors.set(id, null);
+      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
     };
   }, [runAppliers]);
   const registerPipeApplier = React.useCallback((group, id, applier) => {

package/hooks/features/columns/gridColumnsSelector.d.ts

@@ -41,6 +41,15 @@ export declare const gridVisibleColumnFieldsSelector: import("../../..").OutputS
  * @category Visible Columns
  */
 export declare const gridPinnedColumnsSelector: (state: GridStateCommunity) => GridPinnedColumnFields;
+/**
+ * Get all existing pinned columns. Place the columns on the side that depends on the rtl state.
+ * @category Pinned Columns
+ * @ignore - Do not document
+ */
+export declare const gridExistingPinnedColumnSelector: import("../../..").OutputSelector<GridStateCommunity, {
+    left: string[];
+    right: string[];
+}>;
 /**
  * Get the visible pinned columns.
  * @category Visible Columns

package/hooks/features/columns/gridColumnsSelector.js

@@ -51,19 +51,26 @@ export const gridVisibleColumnFieldsSelector = createSelectorMemoized(gridVisibl
  */
 export const gridPinnedColumnsSelector = state => state.pinnedColumns;
 
+/**
+ * Get all existing pinned columns. Place the columns on the side that depends on the rtl state.
+ * @category Pinned Columns
+ * @ignore - Do not document
+ */
+export const gridExistingPinnedColumnSelector = createSelectorMemoized(gridPinnedColumnsSelector, gridColumnFieldsSelector, gridIsRtlSelector, (model, orderedFields, isRtl) => filterMissingColumns(model, orderedFields, isRtl));
+
 /**
  * Get the visible pinned columns.
  * @category Visible Columns
  */
 export const gridVisiblePinnedColumnDefinitionsSelector = createSelectorMemoized(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, gridIsRtlSelector, (columnsState, model, visibleColumnFields, isRtl) => {
-  const visiblePinnedFields = filterVisibleColumns(model, visibleColumnFields, isRtl);
+  const visiblePinnedFields = filterMissingColumns(model, visibleColumnFields, isRtl);
   const visiblePinnedColumns = {
     left: visiblePinnedFields.left.map(field => columnsState.lookup[field]),
     right: visiblePinnedFields.right.map(field => columnsState.lookup[field])
   };
   return visiblePinnedColumns;
 });
-function filterVisibleColumns(pinnedColumns, columns, invert) {
+function filterMissingColumns(pinnedColumns, columns, invert) {
   if (!Array.isArray(pinnedColumns.left) && !Array.isArray(pinnedColumns.right)) {
     return EMPTY_PINNED_COLUMN_FIELDS;
   }

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

@@ -1,2 +1,2 @@
-export * from './gridColumnsSelector';
+export { gridColumnsStateSelector, gridColumnFieldsSelector, gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector, gridVisibleColumnFieldsSelector, gridPinnedColumnsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnPositionsSelector, gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector, gridHasColSpanSelector, } from './gridColumnsSelector';
 export * from './gridColumnsInterfaces';

package/hooks/features/columns/index.js

@@ -1,2 +1,2 @@
-export * from "./gridColumnsSelector.js";
+export { gridColumnsStateSelector, gridColumnFieldsSelector, gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector, gridVisibleColumnFieldsSelector, gridPinnedColumnsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnPositionsSelector, gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector, gridHasColSpanSelector } from "./gridColumnsSelector.js";
 export * from "./gridColumnsInterfaces.js";

package/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js

@@ -28,17 +28,21 @@ export const useGridRowSelectionPreProcessors = (apiRef, props) => {
       headerName: apiRef.current.getLocaleText('checkboxSelectionHeaderName')
     });
     const shouldHaveSelectionColumn = props.checkboxSelection;
-    const haveSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
-    if (shouldHaveSelectionColumn && !haveSelectionColumn) {
+    const hasSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
+    if (shouldHaveSelectionColumn && !hasSelectionColumn) {
       columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = selectionColumn;
       columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields];
-    } else if (!shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (!shouldHaveSelectionColumn && hasSelectionColumn) {
       delete columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD];
       columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD);
-    } else if (shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (shouldHaveSelectionColumn && hasSelectionColumn) {
       columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = _extends({}, selectionColumn, columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD]);
+      // If the column is not in the columns array (not a custom selection column), move it to the beginning of the column order
+      if (!props.columns.some(col => col.field === GRID_CHECKBOX_SELECTION_FIELD)) {
+        columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD)];
+      }
     }
     return columnsState;
-  }, [apiRef, classes, props.checkboxSelection]);
+  }, [apiRef, classes, props.columns, props.checkboxSelection]);
   useGridRegisterPipeProcessor(apiRef, 'hydrateColumns', updateSelectionColumn);
 };

package/index.js

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

package/models/params/gridScrollParams.d.ts

@@ -2,6 +2,10 @@ export interface GridColumnsRenderContext {
     firstColumnIndex: number;
     lastColumnIndex: number;
 }
+/**
+ * Provides the current render context range for rows and columns.
+ * End index is exclusive - [firstRowIndex, lastRowIndex) and [firstColumnIndex, lastColumnIndex)
+ */
 export interface GridRenderContext extends GridColumnsRenderContext {
     firstRowIndex: number;
     lastRowIndex: number;

package/modern/hooks/core/pipeProcessing/useGridPipeProcessing.js

@@ -56,12 +56,12 @@ export const useGridPipeProcessing = apiRef => {
     const oldProcessor = groupCache.processors.get(id);
     if (oldProcessor !== processor) {
       groupCache.processors.set(id, processor);
-      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values());
+      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
       runAppliers(groupCache);
     }
     return () => {
-      cache.current[group].processors.delete(id);
-      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values());
+      cache.current[group].processors.set(id, null);
+      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
     };
   }, [runAppliers]);
   const registerPipeApplier = React.useCallback((group, id, applier) => {

package/modern/hooks/features/columns/gridColumnsSelector.js

@@ -51,19 +51,26 @@ export const gridVisibleColumnFieldsSelector = createSelectorMemoized(gridVisibl
  */
 export const gridPinnedColumnsSelector = state => state.pinnedColumns;
 
+/**
+ * Get all existing pinned columns. Place the columns on the side that depends on the rtl state.
+ * @category Pinned Columns
+ * @ignore - Do not document
+ */
+export const gridExistingPinnedColumnSelector = createSelectorMemoized(gridPinnedColumnsSelector, gridColumnFieldsSelector, gridIsRtlSelector, (model, orderedFields, isRtl) => filterMissingColumns(model, orderedFields, isRtl));
+
 /**
  * Get the visible pinned columns.
  * @category Visible Columns
  */
 export const gridVisiblePinnedColumnDefinitionsSelector = createSelectorMemoized(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, gridIsRtlSelector, (columnsState, model, visibleColumnFields, isRtl) => {
-  const visiblePinnedFields = filterVisibleColumns(model, visibleColumnFields, isRtl);
+  const visiblePinnedFields = filterMissingColumns(model, visibleColumnFields, isRtl);
   const visiblePinnedColumns = {
     left: visiblePinnedFields.left.map(field => columnsState.lookup[field]),
     right: visiblePinnedFields.right.map(field => columnsState.lookup[field])
   };
   return visiblePinnedColumns;
 });
-function filterVisibleColumns(pinnedColumns, columns, invert) {
+function filterMissingColumns(pinnedColumns, columns, invert) {
   if (!Array.isArray(pinnedColumns.left) && !Array.isArray(pinnedColumns.right)) {
     return EMPTY_PINNED_COLUMN_FIELDS;
   }

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

@@ -1,2 +1,2 @@
-export * from "./gridColumnsSelector.js";
+export { gridColumnsStateSelector, gridColumnFieldsSelector, gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnDefinitionsSelector, gridVisibleColumnDefinitionsSelector, gridVisibleColumnFieldsSelector, gridPinnedColumnsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnPositionsSelector, gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector, gridHasColSpanSelector } from "./gridColumnsSelector.js";
 export * from "./gridColumnsInterfaces.js";

package/modern/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js

@@ -28,17 +28,21 @@ export const useGridRowSelectionPreProcessors = (apiRef, props) => {
       headerName: apiRef.current.getLocaleText('checkboxSelectionHeaderName')
     });
     const shouldHaveSelectionColumn = props.checkboxSelection;
-    const haveSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
-    if (shouldHaveSelectionColumn && !haveSelectionColumn) {
+    const hasSelectionColumn = columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] != null;
+    if (shouldHaveSelectionColumn && !hasSelectionColumn) {
       columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = selectionColumn;
       columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields];
-    } else if (!shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (!shouldHaveSelectionColumn && hasSelectionColumn) {
       delete columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD];
       columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD);
-    } else if (shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (shouldHaveSelectionColumn && hasSelectionColumn) {
       columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD] = _extends({}, selectionColumn, columnsState.lookup[GRID_CHECKBOX_SELECTION_FIELD]);
+      // If the column is not in the columns array (not a custom selection column), move it to the beginning of the column order
+      if (!props.columns.some(col => col.field === GRID_CHECKBOX_SELECTION_FIELD)) {
+        columnsState.orderedFields = [GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields.filter(field => field !== GRID_CHECKBOX_SELECTION_FIELD)];
+      }
     }
     return columnsState;
-  }, [apiRef, classes, props.checkboxSelection]);
+  }, [apiRef, classes, props.columns, props.checkboxSelection]);
   useGridRegisterPipeProcessor(apiRef, 'hydrateColumns', updateSelectionColumn);
 };

package/modern/index.js

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

package/node/hooks/core/pipeProcessing/useGridPipeProcessing.js

@@ -64,12 +64,12 @@ const useGridPipeProcessing = apiRef => {
     const oldProcessor = groupCache.processors.get(id);
     if (oldProcessor !== processor) {
       groupCache.processors.set(id, processor);
-      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values());
+      groupCache.processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
       runAppliers(groupCache);
     }
     return () => {
-      cache.current[group].processors.delete(id);
-      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values());
+      cache.current[group].processors.set(id, null);
+      cache.current[group].processorsAsArray = Array.from(cache.current[group].processors.values()).filter(processorValue => processorValue !== null);
     };
   }, [runAppliers]);
   const registerPipeApplier = React.useCallback((group, id, applier) => {

package/node/hooks/features/columns/gridColumnsSelector.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.gridVisiblePinnedColumnDefinitionsSelector = exports.gridVisibleColumnFieldsSelector = exports.gridVisibleColumnDefinitionsSelector = exports.gridPinnedColumnsSelector = exports.gridHasColSpanSelector = exports.gridFilterableColumnLookupSelector = exports.gridFilterableColumnDefinitionsSelector = exports.gridColumnsStateSelector = exports.gridColumnVisibilityModelSelector = exports.gridColumnPositionsSelector = exports.gridColumnLookupSelector = exports.gridColumnFieldsSelector = exports.gridColumnDefinitionsSelector = void 0;
+exports.gridVisiblePinnedColumnDefinitionsSelector = exports.gridVisibleColumnFieldsSelector = exports.gridVisibleColumnDefinitionsSelector = exports.gridPinnedColumnsSelector = exports.gridHasColSpanSelector = exports.gridFilterableColumnLookupSelector = exports.gridFilterableColumnDefinitionsSelector = exports.gridExistingPinnedColumnSelector = exports.gridColumnsStateSelector = exports.gridColumnVisibilityModelSelector = exports.gridColumnPositionsSelector = exports.gridColumnLookupSelector = exports.gridColumnFieldsSelector = exports.gridColumnDefinitionsSelector = void 0;
 var _createSelector = require("../../../utils/createSelector");
 var _gridColumnsInterfaces = require("./gridColumnsInterfaces");
 var _gridCoreSelector = require("../../core/gridCoreSelector");
@@ -57,20 +57,27 @@ const gridVisibleColumnFieldsSelector = exports.gridVisibleColumnFieldsSelector
  */
 const gridPinnedColumnsSelector = state => state.pinnedColumns;
 
+/**
+ * Get all existing pinned columns. Place the columns on the side that depends on the rtl state.
+ * @category Pinned Columns
+ * @ignore - Do not document
+ */
+exports.gridPinnedColumnsSelector = gridPinnedColumnsSelector;
+const gridExistingPinnedColumnSelector = exports.gridExistingPinnedColumnSelector = (0, _createSelector.createSelectorMemoized)(gridPinnedColumnsSelector, gridColumnFieldsSelector, _gridCoreSelector.gridIsRtlSelector, (model, orderedFields, isRtl) => filterMissingColumns(model, orderedFields, isRtl));
+
 /**
  * Get the visible pinned columns.
  * @category Visible Columns
  */
-exports.gridPinnedColumnsSelector = gridPinnedColumnsSelector;
 const gridVisiblePinnedColumnDefinitionsSelector = exports.gridVisiblePinnedColumnDefinitionsSelector = (0, _createSelector.createSelectorMemoized)(gridColumnsStateSelector, gridPinnedColumnsSelector, gridVisibleColumnFieldsSelector, _gridCoreSelector.gridIsRtlSelector, (columnsState, model, visibleColumnFields, isRtl) => {
-  const visiblePinnedFields = filterVisibleColumns(model, visibleColumnFields, isRtl);
+  const visiblePinnedFields = filterMissingColumns(model, visibleColumnFields, isRtl);
   const visiblePinnedColumns = {
     left: visiblePinnedFields.left.map(field => columnsState.lookup[field]),
     right: visiblePinnedFields.right.map(field => columnsState.lookup[field])
   };
   return visiblePinnedColumns;
 });
-function filterVisibleColumns(pinnedColumns, columns, invert) {
+function filterMissingColumns(pinnedColumns, columns, invert) {
   if (!Array.isArray(pinnedColumns.left) && !Array.isArray(pinnedColumns.right)) {
     return _gridColumnsInterfaces.EMPTY_PINNED_COLUMN_FIELDS;
   }

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

@@ -3,20 +3,104 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _gridColumnsSelector = require("./gridColumnsSelector");
-Object.keys(_gridColumnsSelector).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gridColumnsSelector[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridColumnsSelector[key];
-    }
-  });
+var _exportNames = {
+  gridColumnsStateSelector: true,
+  gridColumnFieldsSelector: true,
+  gridColumnLookupSelector: true,
+  gridColumnVisibilityModelSelector: true,
+  gridColumnDefinitionsSelector: true,
+  gridVisibleColumnDefinitionsSelector: true,
+  gridVisibleColumnFieldsSelector: true,
+  gridPinnedColumnsSelector: true,
+  gridVisiblePinnedColumnDefinitionsSelector: true,
+  gridColumnPositionsSelector: true,
+  gridFilterableColumnDefinitionsSelector: true,
+  gridFilterableColumnLookupSelector: true,
+  gridHasColSpanSelector: true
+};
+Object.defineProperty(exports, "gridColumnDefinitionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnDefinitionsSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnFieldsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnFieldsSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnPositionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnPositionsSelector;
+  }
 });
+Object.defineProperty(exports, "gridColumnVisibilityModelSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnVisibilityModelSelector;
+  }
+});
+Object.defineProperty(exports, "gridColumnsStateSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridColumnsStateSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilterableColumnDefinitionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridFilterableColumnDefinitionsSelector;
+  }
+});
+Object.defineProperty(exports, "gridFilterableColumnLookupSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridFilterableColumnLookupSelector;
+  }
+});
+Object.defineProperty(exports, "gridHasColSpanSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridHasColSpanSelector;
+  }
+});
+Object.defineProperty(exports, "gridPinnedColumnsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridPinnedColumnsSelector;
+  }
+});
+Object.defineProperty(exports, "gridVisibleColumnDefinitionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridVisibleColumnDefinitionsSelector;
+  }
+});
+Object.defineProperty(exports, "gridVisibleColumnFieldsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridVisibleColumnFieldsSelector;
+  }
+});
+Object.defineProperty(exports, "gridVisiblePinnedColumnDefinitionsSelector", {
+  enumerable: true,
+  get: function () {
+    return _gridColumnsSelector.gridVisiblePinnedColumnDefinitionsSelector;
+  }
+});
+var _gridColumnsSelector = require("./gridColumnsSelector");
 var _gridColumnsInterfaces = require("./gridColumnsInterfaces");
 Object.keys(_gridColumnsInterfaces).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _gridColumnsInterfaces[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,

package/node/hooks/features/rowSelection/useGridRowSelectionPreProcessors.js

@@ -36,18 +36,22 @@ const useGridRowSelectionPreProcessors = (apiRef, props) => {
       headerName: apiRef.current.getLocaleText('checkboxSelectionHeaderName')
     });
     const shouldHaveSelectionColumn = props.checkboxSelection;
-    const haveSelectionColumn = columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] != null;
-    if (shouldHaveSelectionColumn && !haveSelectionColumn) {
+    const hasSelectionColumn = columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] != null;
+    if (shouldHaveSelectionColumn && !hasSelectionColumn) {
       columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] = selectionColumn;
       columnsState.orderedFields = [_colDef.GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields];
-    } else if (!shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (!shouldHaveSelectionColumn && hasSelectionColumn) {
       delete columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD];
       columnsState.orderedFields = columnsState.orderedFields.filter(field => field !== _colDef.GRID_CHECKBOX_SELECTION_FIELD);
-    } else if (shouldHaveSelectionColumn && haveSelectionColumn) {
+    } else if (shouldHaveSelectionColumn && hasSelectionColumn) {
       columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD] = (0, _extends2.default)({}, selectionColumn, columnsState.lookup[_colDef.GRID_CHECKBOX_SELECTION_FIELD]);
+      // If the column is not in the columns array (not a custom selection column), move it to the beginning of the column order
+      if (!props.columns.some(col => col.field === _colDef.GRID_CHECKBOX_SELECTION_FIELD)) {
+        columnsState.orderedFields = [_colDef.GRID_CHECKBOX_SELECTION_FIELD, ...columnsState.orderedFields.filter(field => field !== _colDef.GRID_CHECKBOX_SELECTION_FIELD)];
+      }
     }
     return columnsState;
-  }, [apiRef, classes, props.checkboxSelection]);
+  }, [apiRef, classes, props.columns, props.checkboxSelection]);
   (0, _pipeProcessing.useGridRegisterPipeProcessor)(apiRef, 'hydrateColumns', updateSelectionColumn);
 };
 exports.useGridRowSelectionPreProcessors = useGridRowSelectionPreProcessors;

package/node/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "7.29.5",
+  "version": "7.29.7",
   "description": "The Community plan edition of the Data Grid components (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",