[DataGrid] Fix Tab between portaled and non-portaled edit components

[m4theushw]

Fixes #7034

Before: https://codesandbox.io/s/immutable-sun-2y5jp1?file=/demo.tsx
After: https://codesandbox.io/s/dazzling-bush-79x3cs?file=/demo.tsx

Release

Breaking changes

• The cellKeyDown event will also be fired for keyboard events that occur inside components that use Portals. This affects specially custom edit components, where pressing a shortcut key will trigger the stop editing routine. For instance, pressing Enter inside the Portal will cause the change to be saved. The onCellEditStop (or onRowEditStop) prop can be used to restore the old behavior.

  <DataGrid
    onCellEditStop={(params, event) => {
      if (params.reason !== GridCellEditStopReasons.enterKeyDown) {
        return;
      }
      // Check if the target is inside a Portal
      if (!event.currentTarget.contains(event.target)) {
        event.defaultMuiPrevented = true;
      }
    }}
  />

[mui-bot]

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

These are the results for the performance tests:

Test case	Unit	Min	Max	Median	Mean	σ
Filter 100k rows	ms	630	939.9	676.3	749.7	128.53
Sort 100k rows	ms	589.2	1,069.8	804	844.6	155.364
Select 100k rows	ms	219.1	336.8	270.2	271.22	39.881
Deselect 100k rows	ms	153.5	275	187.8	202	41.658

Generated by 🚫 dangerJS against 1bbe9f4

[github-actions]

This pull request has conflicts, please resolve those before we can evaluate the pull request.