[DataGridPremium] Fix boolean cell not rendered in group rows (#12492)

Co-authored-by: Andrew Cherniavskyi <[email protected]>
mui · Mar 21, 2024 · fb7e03e · fb7e03e
1 parent 4280655
commit fb7e03e
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 4 deletions.
diff --git a/packages/x-data-grid-premium/src/tests/rowGrouping.DataGridPremium.test.tsx b/packages/x-data-grid-premium/src/tests/rowGrouping.DataGridPremium.test.tsx
@@ -163,6 +163,22 @@ describe('<DataGridPremium /> - Row grouping', () => {
       expect(getColumnValues(0)).to.deep.equal(['Cat A (3)', '', '', '', 'Cat B (2)', '', '']);
     });
 
+    it('should display icon on auto-generated row', () => {
+      render(
+        <Test
+          initialState={{
+            rowGrouping: {
+              model: ['isFilled'],
+            },
+          }}
+          columns={[...baselineProps.columns, { field: 'isFilled', type: 'boolean' }]}
+          rows={baselineProps.rows.map((row) => ({ ...row, isFilled: false }))}
+        />,
+      );
+
+      expect(screen.getByTestId('CloseIcon')).toBeVisible();
+    });
+
     it('should respect the grouping criteria with colDef.groupable = false', () => {
       render(
         <Test

diff --git a/packages/x-data-grid/src/components/cell/GridBooleanCell.tsx b/packages/x-data-grid/src/components/cell/GridBooleanCell.tsx
@@ -22,9 +22,9 @@ const useUtilityClasses = (ownerState: OwnerState) => {
   return composeClasses(slots, getDataGridUtilityClass, classes);
 };
 
-interface GridBooleanCellProps
-  extends GridRenderCellParams,
-    Omit<SvgIconProps, 'tabIndex' | 'id'> {}
+interface GridBooleanCellProps extends GridRenderCellParams, Omit<SvgIconProps, 'tabIndex' | 'id'> {
+  hideDescendantCount?: boolean;
+}
 
 function GridBooleanCellRaw(props: GridBooleanCellProps) {
   const {
@@ -40,6 +40,7 @@ function GridBooleanCellRaw(props: GridBooleanCellProps) {
     isEditable,
     hasFocus,
     tabIndex,
+    hideDescendantCount,
     ...other
   } = props;
 
@@ -108,6 +109,7 @@ GridBooleanCellRaw.propTypes = {
    * If true, the cell is the active element.
    */
   hasFocus: PropTypes.bool.isRequired,
+  hideDescendantCount: PropTypes.bool,
   /**
    * The grid row id.
    */
@@ -140,7 +142,7 @@ const GridBooleanCell = React.memo(GridBooleanCellRaw);
 export { GridBooleanCell };
 
 export const renderBooleanCell: GridColDef['renderCell'] = (params: GridBooleanCellProps) => {
-  if (isAutoGeneratedRow(params.rowNode)) {
+  if (params.field !== '__row_group_by_columns_group__' && isAutoGeneratedRow(params.rowNode)) {
     return '';
   }