@mui/x-data-grid 9.4.0 → 9.6.0

package/components/containers/GridRootStyles.mjs

@@ -125,11 +125,12 @@ export const GridRootStyles = styled('div', {
     minHeight: 0,
     flexDirection: 'column',
     overflow: 'hidden',
-    overflowAnchor: 'none',
-    // Keep the same scrolling position
     transform: 'translate(0, 0)',
     // Create a stacking context to keep scrollbars from showing on top
 
+    [`& .${c.virtualScroller}`]: {
+      overflowAnchor: 'none' // Keep the same scrolling position
+    },
     // Use `css` tagged template so the ignore-comment remains a sibling of the
     // `:first-child` rule in the stylis AST. Previously, the comment was embedded
     // in the object-key selector, which got separated from the rule during
@@ -169,6 +170,16 @@ export const GridRootStyles = styled('div', {
       [`& .${c['columnHeader--filter']}`]: {
         flex: 'none !important',
         width: 'unset !important'
+      },
+      [`& .${c.multiSelectCell}`]: {
+        width: 'max-content',
+        overflow: 'visible'
+      },
+      [`& .${c['multiSelectCellChip--hidden']}`]: {
+        display: 'inline-flex'
+      },
+      [`& .${c.multiSelectCellOverflow}`]: {
+        display: 'none'
       }
     },
     [`&.${c.withSidePanel}`]: {
@@ -517,6 +528,25 @@ export const GridRootStyles = styled('div', {
       whiteSpace: 'initial',
       lineHeight: 'inherit'
     },
+    [`& .${c['row--dynamicHeight']}`]: {
+      [`& .${c.multiSelectCell}, .${c.editMultiSelectCell}`]: {
+        flexWrap: 'wrap'
+      }
+    },
+    [`& .${c.cell}[aria-rowspan]:not([aria-rowspan="1"])`]: {
+      [`& .${c.multiSelectCell}`]: {
+        alignItems: 'flex-start',
+        alignContent: 'flex-start',
+        flexWrap: 'wrap',
+        paddingTop: 8
+      },
+      [`& .${c['multiSelectCellChip--hidden']}`]: {
+        display: 'inline-flex'
+      },
+      [`& .${c.multiSelectCellOverflow}`]: {
+        display: 'none'
+      }
+    },
     [`& .${c.cellEmpty}`]: {
       flex: 1,
       padding: 0,

package/components/containers/GridToolbarContainer.js

@@ -66,7 +66,7 @@ const GridToolbarContainer = exports.GridToolbarContainer = (0, _forwardRef.forw
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbarContainer.displayName = "GridToolbarContainer";
-process.env.NODE_ENV !== "production" ? GridToolbarContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarContainer.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/containers/GridToolbarContainer.mjs

@@ -59,7 +59,7 @@ const GridToolbarContainer = forwardRef(function GridToolbarContainer(props, ref
   }));
 });
 if (process.env.NODE_ENV !== "production") GridToolbarContainer.displayName = "GridToolbarContainer";
-process.env.NODE_ENV !== "production" ? GridToolbarContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? GridToolbarContainer.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/export/ExportCsv.js

@@ -51,7 +51,7 @@ const ExportCsv = exports.ExportCsv = (0, _forwardRef.forwardRef)(function Expor
   });
 });
 if (process.env.NODE_ENV !== "production") ExportCsv.displayName = "ExportCsv";
-process.env.NODE_ENV !== "production" ? ExportCsv.propTypes = {
+process.env.NODE_ENV !== "production" ? ExportCsv.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/export/ExportCsv.mjs

@@ -43,7 +43,7 @@ const ExportCsv = forwardRef(function ExportCsv(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") ExportCsv.displayName = "ExportCsv";
-process.env.NODE_ENV !== "production" ? ExportCsv.propTypes = {
+process.env.NODE_ENV !== "production" ? ExportCsv.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/export/ExportPrint.js

@@ -51,7 +51,7 @@ const ExportPrint = exports.ExportPrint = (0, _forwardRef.forwardRef)(function E
   });
 });
 if (process.env.NODE_ENV !== "production") ExportPrint.displayName = "ExportPrint";
-process.env.NODE_ENV !== "production" ? ExportPrint.propTypes = {
+process.env.NODE_ENV !== "production" ? ExportPrint.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/export/ExportPrint.mjs

@@ -43,7 +43,7 @@ const ExportPrint = forwardRef(function ExportPrint(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") ExportPrint.displayName = "ExportPrint";
-process.env.NODE_ENV !== "production" ? ExportPrint.propTypes = {
+process.env.NODE_ENV !== "production" ? ExportPrint.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/filterPanel/FilterPanelTrigger.js

@@ -87,7 +87,7 @@ const FilterPanelTrigger = exports.FilterPanelTrigger = (0, _forwardRef.forwardR
   });
 });
 if (process.env.NODE_ENV !== "production") FilterPanelTrigger.displayName = "FilterPanelTrigger";
-process.env.NODE_ENV !== "production" ? FilterPanelTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? FilterPanelTrigger.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/filterPanel/FilterPanelTrigger.mjs

@@ -79,7 +79,7 @@ const FilterPanelTrigger = forwardRef(function FilterPanelTrigger(props, ref) {
   });
 });
 if (process.env.NODE_ENV !== "production") FilterPanelTrigger.displayName = "FilterPanelTrigger";
-process.env.NODE_ENV !== "production" ? FilterPanelTrigger.propTypes = {
+process.env.NODE_ENV !== "production" ? FilterPanelTrigger.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/menu/GridMenu.js

@@ -101,7 +101,7 @@ function GridMenu(props) {
     children: children
   }));
 }
-process.env.NODE_ENV !== "production" ? GridMenu.propTypes = {
+process.env.NODE_ENV !== "production" ? GridMenu.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/menu/GridMenu.mjs

@@ -94,7 +94,7 @@ function GridMenu(props) {
     children: children
   }));
 }
-process.env.NODE_ENV !== "production" ? GridMenu.propTypes = {
+process.env.NODE_ENV !== "production" ? GridMenu.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/menu/columnMenu/GridColumnHeaderMenu.js

@@ -54,7 +54,7 @@ function GridColumnHeaderMenu({
     }, contentComponentProps))
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnHeaderMenu.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderMenu.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/menu/columnMenu/GridColumnHeaderMenu.mjs

@@ -46,7 +46,7 @@ function GridColumnHeaderMenu({
     }, contentComponentProps))
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnHeaderMenu.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnHeaderMenu.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/menu/columnMenu/GridColumnMenu.js

@@ -53,7 +53,7 @@ const GridGenericColumnMenu = exports.GridGenericColumnMenu = (0, _forwardRef.fo
   }));
 });
 if (process.env.NODE_ENV !== "production") GridGenericColumnMenu.displayName = "GridGenericColumnMenu";
-process.env.NODE_ENV !== "production" ? GridGenericColumnMenu.propTypes = {
+process.env.NODE_ENV !== "production" ? GridGenericColumnMenu.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -95,7 +95,7 @@ const GridColumnMenu = exports.GridColumnMenu = (0, _forwardRef.forwardRef)(func
 if (process.env.NODE_ENV !== "production") GridColumnMenu.displayName = "GridColumnMenu";
 GridColumnMenu.defaultSlots = GRID_COLUMN_MENU_SLOTS;
 GridColumnMenu.defaultSlotProps = GRID_COLUMN_MENU_SLOT_PROPS;
-process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenu.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/menu/columnMenu/GridColumnMenu.mjs

@@ -47,7 +47,7 @@ const GridGenericColumnMenu = forwardRef(function GridGenericColumnMenu(props, r
   }));
 });
 if (process.env.NODE_ENV !== "production") GridGenericColumnMenu.displayName = "GridGenericColumnMenu";
-process.env.NODE_ENV !== "production" ? GridGenericColumnMenu.propTypes = {
+process.env.NODE_ENV !== "production" ? GridGenericColumnMenu.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
@@ -89,7 +89,7 @@ const GridColumnMenu = forwardRef(function GridColumnMenu(props, ref) {
 if (process.env.NODE_ENV !== "production") GridColumnMenu.displayName = "GridColumnMenu";
 GridColumnMenu.defaultSlots = GRID_COLUMN_MENU_SLOTS;
 GridColumnMenu.defaultSlotProps = GRID_COLUMN_MENU_SLOT_PROPS;
-process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenu.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/menu/columnMenu/GridColumnMenuContainer.js

@@ -65,7 +65,7 @@ const GridColumnMenuContainer = exports.GridColumnMenuContainer = (0, _forwardRe
   }));
 });
 if (process.env.NODE_ENV !== "production") GridColumnMenuContainer.displayName = "GridColumnMenuContainer";
-process.env.NODE_ENV !== "production" ? GridColumnMenuContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuContainer.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/menu/columnMenu/GridColumnMenuContainer.mjs

@@ -58,7 +58,7 @@ const GridColumnMenuContainer = forwardRef(function GridColumnMenuContainer(prop
   }));
 });
 if (process.env.NODE_ENV !== "production") GridColumnMenuContainer.displayName = "GridColumnMenuContainer";
-process.env.NODE_ENV !== "production" ? GridColumnMenuContainer.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuContainer.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/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.js

@@ -17,7 +17,7 @@ function GridColumnMenuColumnsItem(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridColumnMenuHideItem.GridColumnMenuHideItem, (0, _extends2.default)({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridColumnMenuManageItem.GridColumnMenuManageItem, (0, _extends2.default)({}, props))]
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.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/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.mjs

@@ -9,7 +9,7 @@ function GridColumnMenuColumnsItem(props) {
     children: [/*#__PURE__*/_jsx(GridColumnMenuHideItem, _extends({}, props)), /*#__PURE__*/_jsx(GridColumnMenuManageItem, _extends({}, props))]
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.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/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js

@@ -33,7 +33,7 @@ function GridColumnMenuFilterItem(props) {
     children: apiRef.current.getLocaleText('columnMenuFilter')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.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/menu/columnMenu/menuItems/GridColumnMenuFilterItem.mjs

@@ -25,7 +25,7 @@ function GridColumnMenuFilterItem(props) {
     children: apiRef.current.getLocaleText('columnMenuFilter')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.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/menu/columnMenu/menuItems/GridColumnMenuHideItem.js

@@ -50,7 +50,7 @@ function GridColumnMenuHideItem(props) {
     children: apiRef.current.getLocaleText('columnMenuHideColumn')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.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/menu/columnMenu/menuItems/GridColumnMenuHideItem.mjs

@@ -42,7 +42,7 @@ function GridColumnMenuHideItem(props) {
     children: apiRef.current.getLocaleText('columnMenuHideColumn')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.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/menu/columnMenu/menuItems/GridColumnMenuManageItem.js

@@ -33,7 +33,7 @@ function GridColumnMenuManageItem(props) {
     children: apiRef.current.getLocaleText('columnMenuManageColumns')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.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/menu/columnMenu/menuItems/GridColumnMenuManageItem.mjs

@@ -25,7 +25,7 @@ function GridColumnMenuManageItem(props) {
     children: apiRef.current.getLocaleText('columnMenuManageColumns')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.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/menu/columnMenu/menuItems/GridColumnMenuSortItem.js

@@ -66,7 +66,7 @@ function GridColumnMenuSortItem(props) {
     }) : null]
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.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/menu/columnMenu/menuItems/GridColumnMenuSortItem.mjs

@@ -58,7 +58,7 @@ function GridColumnMenuSortItem(props) {
     }) : null]
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.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/GridPanel.js

@@ -97,7 +97,7 @@ const GridPanel = exports.GridPanel = (0, _forwardRef.forwardRef)((props, ref) =
   }));
 });
 if (process.env.NODE_ENV !== "production") GridPanel.displayName = "GridPanel";
-process.env.NODE_ENV !== "production" ? GridPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanel.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/GridPanel.mjs

@@ -90,7 +90,7 @@ const GridPanel = forwardRef((props, ref) => {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridPanel.displayName = "GridPanel";
-process.env.NODE_ENV !== "production" ? GridPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanel.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/GridPanelContent.js

@@ -51,7 +51,7 @@ function GridPanelContent(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelContent.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelContent.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/GridPanelContent.mjs

@@ -43,7 +43,7 @@ function GridPanelContent(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelContent.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelContent.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/GridPanelFooter.js

@@ -48,7 +48,7 @@ function GridPanelFooter(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelFooter.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelFooter.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/GridPanelFooter.mjs

@@ -40,7 +40,7 @@ function GridPanelFooter(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelFooter.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelFooter.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/GridPanelHeader.js

@@ -49,7 +49,7 @@ function GridPanelHeader(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelHeader.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelHeader.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/GridPanelHeader.mjs

@@ -41,7 +41,7 @@ function GridPanelHeader(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelHeader.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelHeader.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/GridFilterForm.js

@@ -372,7 +372,7 @@ const GridFilterForm = exports.GridFilterForm = (0, _forwardRef.forwardRef)(func
   }));
 });
 if (process.env.NODE_ENV !== "production") GridFilterForm.displayName = "GridFilterForm";
-process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterForm.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/GridFilterForm.mjs

@@ -365,7 +365,7 @@ const GridFilterForm = forwardRef(function GridFilterForm(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridFilterForm.displayName = "GridFilterForm";
-process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterForm.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/GridFilterInputBoolean.js

@@ -90,7 +90,7 @@ function sanitizeFilterItemValue(value) {
   }
   return undefined;
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.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/GridFilterInputBoolean.mjs

@@ -82,7 +82,7 @@ export function sanitizeFilterItemValue(value) {
   }
   return undefined;
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.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/GridFilterInputDate.js

@@ -100,7 +100,7 @@ function GridFilterInputDate(props) {
     }, rootProps.slotProps?.baseTextField, other, slotProps?.root)), headerFilterMenu, clearButton]
   });
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputDate.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputDate.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/GridFilterInputDate.mjs

@@ -93,7 +93,7 @@ function GridFilterInputDate(props) {
     }, rootProps.slotProps?.baseTextField, other, slotProps?.root)), headerFilterMenu, clearButton]
   });
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputDate.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputDate.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/GridFilterInputMultipleSingleSelect.js

@@ -77,7 +77,7 @@ function GridFilterInputMultipleSingleSelect(props) {
     }
   }, other, slotProps?.root));
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.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/GridFilterInputMultipleSingleSelect.mjs

@@ -69,7 +69,7 @@ function GridFilterInputMultipleSingleSelect(props) {
     }
   }, other, slotProps?.root));
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.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/GridFilterInputMultipleValue.js

@@ -66,7 +66,7 @@ function GridFilterInputMultipleValue(props) {
     }
   }, other, slotProps?.root));
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.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/GridFilterInputMultipleValue.mjs

@@ -59,7 +59,7 @@ function GridFilterInputMultipleValue(props) {
     }
   }, other, slotProps?.root));
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.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/GridFilterInputSingleSelect.js

@@ -64,10 +64,8 @@ function GridFilterInputSingleSelect(props) {
     return (0, _filterPanelUtils.getValueOptions)(resolvedColumn);
   }, [resolvedColumn]);
   const onFilterChange = React.useCallback(event => {
-    let value = event.target.value;
-
-    // NativeSelect casts the value to a string.
-    value = (0, _filterPanelUtils.getValueFromValueOptions)(value, currentValueOptions, getOptionValue);
+    // NativeSelect casts the value to a string, convert it back to the original type.
+    const value = (0, _filterPanelUtils.getValueFromValueOptions)(event.target.value, currentValueOptions, getOptionValue);
     applyValue((0, _extends2.default)({}, item, {
       value
     }));
@@ -105,7 +103,7 @@ function GridFilterInputSingleSelect(props) {
     })), headerFilterMenu, clearButton]
   });
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.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/GridFilterInputSingleSelect.mjs

@@ -56,10 +56,8 @@ function GridFilterInputSingleSelect(props) {
     return getValueOptions(resolvedColumn);
   }, [resolvedColumn]);
   const onFilterChange = React.useCallback(event => {
-    let value = event.target.value;
-
-    // NativeSelect casts the value to a string.
-    value = getValueFromValueOptions(value, currentValueOptions, getOptionValue);
+    // NativeSelect casts the value to a string, convert it back to the original type.
+    const value = getValueFromValueOptions(event.target.value, currentValueOptions, getOptionValue);
     applyValue(_extends({}, item, {
       value
     }));
@@ -97,7 +95,7 @@ function GridFilterInputSingleSelect(props) {
     })), headerFilterMenu, clearButton]
   });
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.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/GridFilterInputValue.js

@@ -86,7 +86,7 @@ function sanitizeFilterItemValue(value) {
   }
   return String(value);
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputValue.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputValue.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/GridFilterInputValue.mjs

@@ -79,7 +79,7 @@ function sanitizeFilterItemValue(value) {
   }
   return String(value);
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputValue.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputValue.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/GridFilterPanel.js

@@ -195,7 +195,7 @@ const GridFilterPanel = exports.GridFilterPanel = (0, _forwardRef.forwardRef)(fu
   }));
 });
 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"  |