[DataGrid] Remove the onCellFocusOut prop

[cherniavskii]

Closes #6300

Changelog

Breaking changes

• The onCellFocusOut prop was removed. Use componentsProps.cell.onBlur instead:

  <DataGrid
    componentsProps={{
      cell: {
        onBlur: (event) => {
          const cellElement = event.currentTarget;
          const field = cellElement.getAttribute('data-field');
          const rowId = cell.parentElement.getAttribute('data-id');
        },
      },
    }}
  />

[mui-bot]

	Messages
📖	Netlify deploy preview: https://deploy-preview-6302--material-ui-x.netlify.app/

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	762.7	1,002.7	785	848.32	92.126
Sort 100k rows	ms	635.4	1,171.9	635.4	946.76	184.517
Select 100k rows	ms	203.1	294.4	230.8	245.34	37.252
Deselect 100k rows	ms	159.9	296.7	197.5	210.74	47.373

Generated by 🚫 dangerJS against fc6f43d

[flaviendelangle]

Nice catch 👌

[m4theushw]

Since we decided to recommend to use componentsProps, could you change to remove onCellFocusOut? I added a demo in https://deploy-preview-6567--material-ui-x.netlify.app/x/react-data-grid/selection/#controlled-cell-selection implementing the Excel-like formula bar using cell selection.