[DataGrid] Pass generics to the components in the theme augmentation

[cherniavskii]

Fixes #6268

Same as #5199, but for the grid

Before: https://codesandbox.io/s/muidatagrid-theme-override-forked-1czck5?file=/src/theme.ts
After: https://codesandbox.io/s/muidatagrid-theme-override-fgfz36?file=/src/theme.ts

• backported to master branch [DataGrid] Pass generics to the components in the theme augmentation #6406

[mui-bot]

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	483.9	898.2	731.5	684.12	162.821
Sort 100k rows	ms	577.1	1,218	685.6	852.1	225.932
Select 100k rows	ms	206.5	283.5	234.3	236.16	28.848
Deselect 100k rows	ms	163.3	292.8	212.9	222.44	55.093

Generated by 🚫 dangerJS against 77d081d

[cherniavskii]

Looks like we are missing themeAugmentation module for @mui/x-data-grid-premium package:
https://codesandbox.io/s/muidatagrid-theme-override-forked-23ofno?file=/src/theme.ts

Update: Fixed by #6270

[m4theushw]

Why did you close?

[cherniavskii]

Github closed it automatically, because in #6270 I referenced a comment from this PR :)

[paulleonartcalvo]

Hi guys, we're currently paying for a group of devs to use the DataGrid component and we are attempting to use typescript + the theme in the global style overrides callback. I was wondering what the status/priority of this issue is? Thanks!

We would like to get access to the custom type definitions present on our theme object with this usage:

const MuiDataGrid: Components<Theme>['MuiDataGrid'] = {
  styleOverrides: {
    root: ({ theme }) => ({
      padding: '0px 16px 16px'
    })
    menuIconButton: ({ theme }) => ({ color: theme.colors['neutral-100'] })
  }
};

const overrides: Components<Omit<Theme, 'components'>> = {
  MuiDataGrid,
};

const newTheme = createTheme({
  components: overrides,
  ...restOfTheme
});

Here is a sandbox to illustrate the issue.

[cherniavskii]

Hey @paulleonartcalvo
This PR should address theme being unknown.
I've forked the sandbox you provided to use packages built from this PR branch (not released yet):
https://codesandbox.io/s/muidatagrid-theme-override-typescript-forked-uh5h75?file=/src/theme.ts
It seems to work, can you confirm?