@mui/x-data-grid 9.4.0 → 9.6.0

package/components/panel/filterPanel/GridFilterPanel.mjs

@@ -187,7 +187,7 @@ const GridFilterPanel = forwardRef(function GridFilterPanel(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridFilterPanel.displayName = "GridFilterPanel";
-process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/filterPanelUtils.d.mts

@@ -1,5 +1,6 @@
-import type { GridColDef, GridSingleSelectColDef } from "../../../models/colDef/gridColDef.mjs";
+import type { GridColDef, GridSingleSelectColDef, GridMultiSelectColDef } from "../../../models/colDef/gridColDef.mjs";
 import type { GridValueOptionsParams } from "../../../models/params/gridValueOptionsParams.mjs";
 export declare function isSingleSelectColDef(colDef: GridColDef | null): colDef is GridSingleSelectColDef;
-export declare function getValueOptions(column: GridSingleSelectColDef, additionalParams?: Omit<GridValueOptionsParams, 'field'>): import("@mui/x-data-grid").ValueOptions[] | undefined;
+export declare function isMultiSelectColDef(colDef: GridColDef | null): colDef is GridMultiSelectColDef;
+export declare function getValueOptions(column: GridSingleSelectColDef | GridMultiSelectColDef, additionalParams?: Omit<GridValueOptionsParams, 'field'>): import("@mui/x-data-grid").ValueOptions[] | undefined;
 export declare function getValueFromValueOptions(value: string, valueOptions: any[] | undefined, getOptionValue: NonNullable<GridSingleSelectColDef['getOptionValue']>): any;

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

@@ -1,5 +1,6 @@
-import type { GridColDef, GridSingleSelectColDef } from "../../../models/colDef/gridColDef.js";
+import type { GridColDef, GridSingleSelectColDef, GridMultiSelectColDef } from "../../../models/colDef/gridColDef.js";
 import type { GridValueOptionsParams } from "../../../models/params/gridValueOptionsParams.js";
 export declare function isSingleSelectColDef(colDef: GridColDef | null): colDef is GridSingleSelectColDef;
-export declare function getValueOptions(column: GridSingleSelectColDef, additionalParams?: Omit<GridValueOptionsParams, 'field'>): import("@mui/x-data-grid").ValueOptions[] | undefined;
+export declare function isMultiSelectColDef(colDef: GridColDef | null): colDef is GridMultiSelectColDef;
+export declare function getValueOptions(column: GridSingleSelectColDef | GridMultiSelectColDef, additionalParams?: Omit<GridValueOptionsParams, 'field'>): import("@mui/x-data-grid").ValueOptions[] | undefined;
 export declare function getValueFromValueOptions(value: string, valueOptions: any[] | undefined, getOptionValue: NonNullable<GridSingleSelectColDef['getOptionValue']>): any;

package/components/panel/filterPanel/filterPanelUtils.js

@@ -6,11 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getValueFromValueOptions = getValueFromValueOptions;
 exports.getValueOptions = getValueOptions;
+exports.isMultiSelectColDef = isMultiSelectColDef;
 exports.isSingleSelectColDef = isSingleSelectColDef;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 function isSingleSelectColDef(colDef) {
   return colDef?.type === 'singleSelect';
 }
+function isMultiSelectColDef(colDef) {
+  return colDef?.type === 'multiSelect';
+}
 function getValueOptions(column, additionalParams) {
   if (!column) {
     return undefined;

package/components/panel/filterPanel/filterPanelUtils.mjs

@@ -2,6 +2,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 export function isSingleSelectColDef(colDef) {
   return colDef?.type === 'singleSelect';
 }
+export function isMultiSelectColDef(colDef) {
+  return colDef?.type === 'multiSelect';
+}
 export function getValueOptions(column, additionalParams) {
   if (!column) {
     return undefined;

package/components/quickFilter/QuickFilter.js

@@ -148,7 +148,7 @@ function QuickFilter(props) {
     children: element
   });
 }
-process.env.NODE_ENV !== "production" ? QuickFilter.propTypes = {
+process.env.NODE_ENV !== "production" ? QuickFilter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/quickFilter/QuickFilter.mjs

@@ -141,7 +141,7 @@ function QuickFilter(props) {
     children: element
   });
 }
-process.env.NODE_ENV !== "production" ? QuickFilter.propTypes = {
+process.env.NODE_ENV !== "production" ? QuickFilter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/quickFilter/QuickFilterClear.js

@@ -57,7 +57,7 @@ const QuickFilterClear = exports.QuickFilterClear = (0, _forwardRef.forwardRef)(
   });
 });
 if (process.env.NODE_ENV !== "production") QuickFilterClear.displayName = "QuickFilterClear";
-process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes = {
+process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/quickFilter/QuickFilterClear.mjs

@@ -49,7 +49,7 @@ const QuickFilterClear = forwardRef(function QuickFilterClear(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") QuickFilterClear.displayName = "QuickFilterClear";
-process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes = {
+process.env.NODE_ENV !== "production" ? QuickFilterClear.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/quickFilter/QuickFilterControl.js

@@ -94,7 +94,7 @@ const QuickFilterControl = exports.QuickFilterControl = (0, _forwardRef.forwardR
   });
 });
 if (process.env.NODE_ENV !== "production") QuickFilterControl.displayName = "QuickFilterControl";
-process.env.NODE_ENV !== "production" ? QuickFilterControl.propTypes = {
+process.env.NODE_ENV !== "production" ? QuickFilterControl.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/quickFilter/QuickFilterControl.mjs

@@ -86,7 +86,7 @@ const QuickFilterControl = forwardRef(function QuickFilterControl(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") QuickFilterControl.displayName = "QuickFilterControl";
-process.env.NODE_ENV !== "production" ? QuickFilterControl.propTypes = {
+process.env.NODE_ENV !== "production" ? QuickFilterControl.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/quickFilter/QuickFilterTrigger.js

@@ -62,7 +62,7 @@ const QuickFilterTrigger = exports.QuickFilterTrigger = (0, _forwardRef.forwardR
   });
 });
 if (process.env.NODE_ENV !== "production") QuickFilterTrigger.displayName = "QuickFilterTrigger";
-process.env.NODE_ENV !== "production" ? QuickFilterTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? QuickFilterTrigger.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/quickFilter/QuickFilterTrigger.mjs

@@ -54,7 +54,7 @@ const QuickFilterTrigger = forwardRef(function QuickFilterTrigger(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") QuickFilterTrigger.displayName = "QuickFilterTrigger";
-process.env.NODE_ENV !== "production" ? QuickFilterTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? QuickFilterTrigger.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbar.js

@@ -57,7 +57,7 @@ const GridToolbar = exports.GridToolbar = (0, _forwardRef.forwardRef)(function G
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbar.displayName = "GridToolbar";
-process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbar.mjs

@@ -51,7 +51,7 @@ const GridToolbar = forwardRef(function GridToolbar(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbar.displayName = "GridToolbar";
-process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarColumnsButton.js

@@ -78,7 +78,7 @@ const GridToolbarColumnsButton = exports.GridToolbarColumnsButton = (0, _forward
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbarColumnsButton.displayName = "GridToolbarColumnsButton";
-process.env.NODE_ENV !== "production" ? GridToolbarColumnsButton.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarColumnsButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarColumnsButton.mjs

@@ -71,7 +71,7 @@ const GridToolbarColumnsButton = forwardRef(function GridToolbarColumnsButton(pr
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbarColumnsButton.displayName = "GridToolbarColumnsButton";
-process.env.NODE_ENV !== "production" ? GridToolbarColumnsButton.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarColumnsButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarDensitySelector.js

@@ -116,7 +116,7 @@ const GridToolbarDensitySelector = exports.GridToolbarDensitySelector = (0, _for
   });
 });
 if (process.env.NODE_ENV !== "production") GridToolbarDensitySelector.displayName = "GridToolbarDensitySelector";
-process.env.NODE_ENV !== "production" ? GridToolbarDensitySelector.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarDensitySelector.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarDensitySelector.mjs

@@ -109,7 +109,7 @@ const GridToolbarDensitySelector = forwardRef(function GridToolbarDensitySelecto
   });
 });
 if (process.env.NODE_ENV !== "production") GridToolbarDensitySelector.displayName = "GridToolbarDensitySelector";
-process.env.NODE_ENV !== "production" ? GridToolbarDensitySelector.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarDensitySelector.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarExport.js

@@ -38,7 +38,7 @@ function GridCsvExportMenuItem(props) {
     children: apiRef.current.getLocaleText('toolbarExportCSV')
   }));
 }
-process.env.NODE_ENV !== "production" ? GridCsvExportMenuItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridCsvExportMenuItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -75,7 +75,7 @@ function GridPrintExportMenuItem(props) {
     children: apiRef.current.getLocaleText('toolbarExportPrint')
   }));
 }
-process.env.NODE_ENV !== "production" ? GridPrintExportMenuItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPrintExportMenuItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -124,7 +124,7 @@ const GridToolbarExport = exports.GridToolbarExport = (0, _forwardRef.forwardRef
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbarExport.displayName = "GridToolbarExport";
-process.env.NODE_ENV !== "production" ? GridToolbarExport.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarExport.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarExport.mjs

@@ -29,7 +29,7 @@ function GridCsvExportMenuItem(props) {
     children: apiRef.current.getLocaleText('toolbarExportCSV')
   }));
 }
-process.env.NODE_ENV !== "production" ? GridCsvExportMenuItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridCsvExportMenuItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -66,7 +66,7 @@ function GridPrintExportMenuItem(props) {
     children: apiRef.current.getLocaleText('toolbarExportPrint')
   }));
 }
-process.env.NODE_ENV !== "production" ? GridPrintExportMenuItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPrintExportMenuItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -115,7 +115,7 @@ const GridToolbarExport = forwardRef(function GridToolbarExport(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbarExport.displayName = "GridToolbarExport";
-process.env.NODE_ENV !== "production" ? GridToolbarExport.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarExport.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarExportContainer.js

@@ -81,7 +81,7 @@ const GridToolbarExportContainer = exports.GridToolbarExportContainer = (0, _for
   });
 });
 if (process.env.NODE_ENV !== "production") GridToolbarExportContainer.displayName = "GridToolbarExportContainer";
-process.env.NODE_ENV !== "production" ? GridToolbarExportContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarExportContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarExportContainer.mjs

@@ -74,7 +74,7 @@ const GridToolbarExportContainer = forwardRef(function GridToolbarExportContaine
   });
 });
 if (process.env.NODE_ENV !== "production") GridToolbarExportContainer.displayName = "GridToolbarExportContainer";
-process.env.NODE_ENV !== "production" ? GridToolbarExportContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarExportContainer.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarFilterButton.js

@@ -142,7 +142,7 @@ const GridToolbarFilterButton = exports.GridToolbarFilterButton = (0, _forwardRe
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbarFilterButton.displayName = "GridToolbarFilterButton";
-process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarFilterButton.mjs

@@ -135,7 +135,7 @@ const GridToolbarFilterButton = forwardRef(function GridToolbarFilterButton(prop
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbarFilterButton.displayName = "GridToolbarFilterButton";
-process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarFilterButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarQuickFilter.js

@@ -155,7 +155,7 @@ function GridToolbarQuickFilter(props) {
     }
   });
 }
-process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbar/GridToolbarQuickFilter.mjs

@@ -148,7 +148,7 @@ function GridToolbarQuickFilter(props) {
     }
   });
 }
-process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarQuickFilter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbarV8/GridToolbar.js

@@ -71,7 +71,7 @@ function GridToolbarDivider(props) {
     className: classes.divider
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridToolbarDivider.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarDivider.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -176,14 +176,14 @@ function GridToolbar(props) {
     })]
   }));
 }
-process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   additionalExportMenuItems: _propTypes.default.func,
-  additionalItems: _propTypes.default.node,
   csvOptions: _propTypes.default.object,
+  mainControls: _propTypes.default.node,
   printOptions: _propTypes.default.object,
   /**
    * Props passed to the quick filter component.
@@ -195,6 +195,11 @@ process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
     quickFilterParser: _propTypes.default.func,
     slotProps: _propTypes.default.object
   }),
+  /**
+   * Show the history controls (undo/redo buttons).
+   * @default true
+   */
+  showHistoryControls: _propTypes.default.bool,
   /**
    * Show the quick filter component.
    * @default true

package/components/toolbarV8/GridToolbar.mjs

@@ -62,7 +62,7 @@ function GridToolbarDivider(props) {
     className: classes.divider
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridToolbarDivider.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarDivider.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -167,14 +167,14 @@ function GridToolbar(props) {
     })]
   }));
 }
-process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
   additionalExportMenuItems: PropTypes.func,
-  additionalItems: PropTypes.node,
   csvOptions: PropTypes.object,
+  mainControls: PropTypes.node,
   printOptions: PropTypes.object,
   /**
    * Props passed to the quick filter component.
@@ -186,6 +186,11 @@ process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
     quickFilterParser: PropTypes.func,
     slotProps: PropTypes.object
   }),
+  /**
+   * Show the history controls (undo/redo buttons).
+   * @default true
+   */
+  showHistoryControls: PropTypes.bool,
   /**
    * Show the quick filter component.
    * @default true

package/components/toolbarV8/Toolbar.js

@@ -202,7 +202,7 @@ const Toolbar = exports.Toolbar = (0, _forwardRef.forwardRef)(function Toolbar(p
   });
 });
 if (process.env.NODE_ENV !== "production") Toolbar.displayName = "Toolbar";
-process.env.NODE_ENV !== "production" ? Toolbar.propTypes = {
+process.env.NODE_ENV !== "production" ? Toolbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbarV8/Toolbar.mjs

@@ -195,7 +195,7 @@ const Toolbar = forwardRef(function Toolbar(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") Toolbar.displayName = "Toolbar";
-process.env.NODE_ENV !== "production" ? Toolbar.propTypes = {
+process.env.NODE_ENV !== "production" ? Toolbar.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbarV8/ToolbarButton.js

@@ -93,7 +93,7 @@ const ToolbarButton = exports.ToolbarButton = (0, _forwardRef.forwardRef)(functi
   });
 });
 if (process.env.NODE_ENV !== "production") ToolbarButton.displayName = "ToolbarButton";
-process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes = {
+process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/toolbarV8/ToolbarButton.mjs

@@ -86,7 +86,7 @@ const ToolbarButton = forwardRef(function ToolbarButton(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") ToolbarButton.displayName = "ToolbarButton";
-process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes = {
+process.env.NODE_ENV !== "production" ? ToolbarButton.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/virtualization/GridVirtualScrollbar.js

@@ -11,6 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _forwardRef = require("@mui/x-internals/forwardRef");
+var _platform = require("@mui/x-internals/platform");
 var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
 var _hooks = require("../../hooks");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
@@ -42,7 +43,13 @@ const Scrollbar = (0, _styles.styled)('div', {
   '&:hover': {
     zIndex: 70
   },
-  '--size': scrollbarSizeCssExpression
+  '--size': scrollbarSizeCssExpression,
+  // [iOS-scrollbar-swap]
+  // On iOS, native scrollbars of the `GridVirtualScroller` are shown instead,
+  // so hide these to avoid a duplicate thumb.
+  [_platform.iOSMediaQuery]: {
+    display: 'none'
+  }
 });
 const ScrollbarVertical = (0, _styles.styled)(Scrollbar, {
   slot: 'internal'

package/components/virtualization/GridVirtualScrollbar.mjs

@@ -4,6 +4,7 @@ import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
 import { forwardRef } from '@mui/x-internals/forwardRef';
+import { iOSMediaQuery } from '@mui/x-internals/platform';
 import { useGridPrivateApiContext } from "../../hooks/utils/useGridPrivateApiContext.mjs";
 import { gridDimensionsSelector, useGridSelector } from "../../hooks/index.mjs";
 import { useGridRootProps } from "../../hooks/utils/useGridRootProps.mjs";
@@ -35,7 +36,13 @@ const Scrollbar = styled('div', {
   '&:hover': {
     zIndex: 70
   },
-  '--size': scrollbarSizeCssExpression
+  '--size': scrollbarSizeCssExpression,
+  // [iOS-scrollbar-swap]
+  // On iOS, native scrollbars of the `GridVirtualScroller` are shown instead,
+  // so hide these to avoid a duplicate thumb.
+  [iOSMediaQuery]: {
+    display: 'none'
+  }
 });
 const ScrollbarVertical = styled(Scrollbar, {
   slot: 'internal'

package/components/virtualization/GridVirtualScroller.js

@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _platform = require("@mui/x-internals/platform");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _xVirtualizer = require("@mui/x-virtualizer");
 var _gridDimensionsSelectors = require("../../hooks/features/dimensions/gridDimensionsSelectors");
@@ -66,6 +67,17 @@ const Scroller = (0, _styles.styled)('div', {
   '&::-webkit-scrollbar': {
     display: 'none' /* Safari and Chrome */
   },
+  // [iOS-scrollbar-swap]
+  // On iOS, virtual scrollbars do not show a thumb unless the user scrolls the element directly:
+  // https://github.com/mui/mui-x/issues/22386
+  // So keep this scroller's own native scrollbars and hide the ones in `GridVirtualScrollbar`
+  // instead to avoid a duplicate thumb.
+  [_platform.iOSMediaQuery]: {
+    scrollbarWidth: 'auto',
+    '&::-webkit-scrollbar': {
+      display: 'block'
+    }
+  },
   '@media print': {
     overflow: 'hidden'
   },

package/components/virtualization/GridVirtualScroller.mjs

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import composeClasses from '@mui/utils/composeClasses';
+import { iOSMediaQuery } from '@mui/x-internals/platform';
 import clsx from 'clsx';
 import { LayoutDataGrid, Virtualization } from '@mui/x-virtualizer';
 import { gridHasBottomFillerSelector, gridHasScrollXSelector, gridHasScrollYSelector } from "../../hooks/features/dimensions/gridDimensionsSelectors.mjs";
@@ -58,6 +59,17 @@ const Scroller = styled('div', {
   '&::-webkit-scrollbar': {
     display: 'none' /* Safari and Chrome */
   },
+  // [iOS-scrollbar-swap]
+  // On iOS, virtual scrollbars do not show a thumb unless the user scrolls the element directly:
+  // https://github.com/mui/mui-x/issues/22386
+  // So keep this scroller's own native scrollbars and hide the ones in `GridVirtualScrollbar`
+  // instead to avoid a duplicate thumb.
+  [iOSMediaQuery]: {
+    scrollbarWidth: 'auto',
+    '&::-webkit-scrollbar': {
+      display: 'block'
+    }
+  },
   '@media print': {
     overflow: 'hidden'
   },

package/constants/cssVariables.d.mts

@@ -75,6 +75,7 @@ declare const keys: {
   readonly zIndex: {
     readonly panel: "--DataGrid-t-z-index-panel";
     readonly menu: "--DataGrid-t-z-index-menu";
+    readonly modal: "--DataGrid-t-z-index-modal";
   };
 };
 export type GridCSSVariablesInterface = { [E in CreateObjectEntries<typeof keys> as E['value']]: string | number };
@@ -168,6 +169,7 @@ export declare const vars: {
   zIndex: {
     readonly panel: "--DataGrid-t-z-index-panel";
     readonly menu: "--DataGrid-t-z-index-menu";
+    readonly modal: "--DataGrid-t-z-index-modal";
   };
   breakpoints: {
     values: {
@@ -258,6 +260,7 @@ export declare const vars: {
     readonly zIndex: {
       readonly panel: "--DataGrid-t-z-index-panel";
       readonly menu: "--DataGrid-t-z-index-menu";
+      readonly modal: "--DataGrid-t-z-index-modal";
     };
   };
 };

package/constants/cssVariables.d.ts

@@ -75,6 +75,7 @@ declare const keys: {
   readonly zIndex: {
     readonly panel: "--DataGrid-t-z-index-panel";
     readonly menu: "--DataGrid-t-z-index-menu";
+    readonly modal: "--DataGrid-t-z-index-modal";
   };
 };
 export type GridCSSVariablesInterface = { [E in CreateObjectEntries<typeof keys> as E['value']]: string | number };
@@ -168,6 +169,7 @@ export declare const vars: {
   zIndex: {
     readonly panel: "--DataGrid-t-z-index-panel";
     readonly menu: "--DataGrid-t-z-index-menu";
+    readonly modal: "--DataGrid-t-z-index-modal";
   };
   breakpoints: {
     values: {
@@ -258,6 +260,7 @@ export declare const vars: {
     readonly zIndex: {
       readonly panel: "--DataGrid-t-z-index-panel";
       readonly menu: "--DataGrid-t-z-index-menu";
+      readonly modal: "--DataGrid-t-z-index-modal";
     };
   };
 };

package/constants/cssVariables.js

@@ -105,7 +105,8 @@ const keys = {
   },
   zIndex: {
     panel: '--DataGrid-t-z-index-panel',
-    menu: '--DataGrid-t-z-index-menu'
+    menu: '--DataGrid-t-z-index-menu',
+    modal: '--DataGrid-t-z-index-modal'
   }
 };
 const values = wrap(keys);

package/constants/cssVariables.mjs

@@ -98,7 +98,8 @@ const keys = {
   },
   zIndex: {
     panel: '--DataGrid-t-z-index-panel',
-    menu: '--DataGrid-t-z-index-menu'
+    menu: '--DataGrid-t-z-index-menu',
+    modal: '--DataGrid-t-z-index-modal'
   }
 };
 const values = wrap(keys);