[DataGridPremium] Pivoting PoC

[cherniavskii]

WIP

https://deploy-preview-9877--material-ui-x.netlify.app/x/react-data-grid/pivoting/

Related to #214

Todo

• Filter fields so that they can only be added to one section at a time @KenanYusuf
• Empty state for when the pivot sections are empty @KenanYusuf
• Column menu options—what do we do with the options that affect the pivot table?
• Clean up field sort component—currently reusing the header sort button @KenanYusuf
• Clean up @KenanYusuf
  • Component names
  • Use css variables instead of theme
  • Translations
  • Remove (most) Material UI imports
  • Remove Menu import
  • Add classes to styled elements
• Documentation
• Move the pivoting hook inside of the data grid @cherniavskii
• Add more tests @cherniavskii
• Support rows and columns updates in pivot mode @cherniavskii
• Check if transposing columns into rows makes sense as part of the pivoting feature: [DataGrid] Transpose columns into rows #3285 @cherniavskii

Follow up

• Performance improvements (slow on 10k rows)
• Add support for a field being in "Values" multiple times
• Add support for a field being in "Columns" and "Values" at the same time
• Add support for a field being in "Rows" and "Values" at the same time

[mui-bot]

Localization writing tips ✍️

Seems you are updating localization 🌍 files.

Thank you for contributing to the localization! 🎉 To make your PR perfect, here is a list of elements to check: ✔️

• Verify if the PR title respects the release format. Here are two examples (depending if you update or add a locale file)

  [l10n] Improve Swedish (sv-SE) locale
  [l10n] Add Danish (da-DK) locale

• Update the documentation of supported locales by running pnpm l10n
• Clean files with pnpm prettier.

Deploy preview: https://deploy-preview-9877--material-ui-x.netlify.app/

Updated pages:

• docs/data/data-grid/aggregation/aggregation.md
• docs/data/data-grid/pivoting/pivoting.md

Generated by 🚫 dangerJS against 2ec953f

[github-actions]

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

[github-actions]

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

[github-actions]

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

[github-actions]

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