[material-ui] Deprecate *Component and *Props props

[DiegoAndai]

Part of #40417

Description

Deprecate *Component and *Props props in v6, planned for removal in v7.

• These are deprecated in favor of the slot pattern: slots and slotProps
• If the slots or slotProps props do not exist:
  • They must be implemented in the same PR in which the deprecation is added
  • They should have the same type as the deprecated prop
• The PR introducing the deprecation must also add:
  • A section in the migration guide
  • A codemod

Example PR

• [material-ui][Accordion] Deprecate *Props props and classes for v6 #40418

Contributing

Feel free to take any components that still need to be done or in progress. Please mention this issue in your PR so we can link it in the description and keep it up to date.

Components to migrate

ordered by page views

• InputBase [material-ui][InputBase] Deprecate components and componentProps props for v6 #42093
• Input
• FilledInput
• OutlinedInput
• ButtonBase
• Select @siriwatknp (the current implementation does not allow to pass slots, slotProps to the SelectInput)
• NativeSelect @siriwatknp (the current implementation does not allow to pass slots, slotProps to the SelectInput)
• Autocomplete: #41875
• TablePagination: [TablePagination] Add the rest of slots and slotProps. #44570 @siriwatknp
• TableSortLabel: #42157
• CardHeader [CardHeader] Deprecate *TypographyProps and complete slots, slotProps #44729
• Menu: #42218
• Dialog: #40687
• Drawer
• SwipeableDrawer
• ListItem: Already deprecated, missing guide and codemod
• ListItemText: #44571
• Tabs
• Checkbox
• Accordion: #40418
• Tooltip: [Tooltip] Deprecate *Component and *Props for v6 #44350
• Avatar: #40853
• Backdrop: #40677
• Modal: missing migration guide and codemod
• MobileStepper
• Popover
• Radio
• Rating
• Snackbar #42314
• SpeedDial: #40698
• SpeedDialAction
• StepContent: #44742
• StepLabel: #41835
• TextField: #42062

Search keywords: deprecation material-ui

[harry-whorlow]

@DiegoAndai Hi man, hope all is well!

Can you mark speed dial as under way 40698. I'll be adding to it over the coming weeks 🤟

[DiegoAndai]

@harry-whorlow done 🙌🏼

[DiegoAndai]

Utils for the codemods of these deprecations were added in #41685. This makes implementing the codemods easier.

[harry-whorlow]

@DiegoAndai I think I'll take up menu next, I'll create a pull request in the coming days. 🤟

[harry-whorlow]

My draft for menu, if you could mark menu as 'in progress' that would be awesome. 🤟

[DiegoAndai]

Hey everyone! With the core team, we've been discussing that composition might be a better API than slots for these props' use cases. It hasn't been decided yet if we will take this approach, but until we have more clarity, I'm marking this issue as on hold.

For v6, we should revert the deprecation messages we've added. Is someone here interested in opening a PR for that? It should only revert the deprecation messages, not the code itself.

Note that #41279 is not on hold. We will continue with that one, as having two names for the same thing (components and slots) doesn't make sense.

I'm sorry if you had open PRs and this disappoints you 😓 but we should strive for the best API 🙌🏼 🚀. For the moment, let's close open PRs. I'll keep you updated.

[lhilgert9]

For v6, we should revert the deprecation messages we've added. Is someone here interested in opening a PR for that? It should only revert the deprecation messages, not the code itself.

@DiegoAndai I could do this.

[harry-whorlow]

Morning if it's okay with you guys I'll pick up the Modal: missing migration guide and codemod ticket to get back up to speed. 🤟

[edit]: I think the checklist needs to be updated, as it appears the codemod and docs are there.

If were moving with this again then I'll pick up Radio and give it a go.

[alexey-kozlenkov]

@DiegoAndai greetings! I see there are more tickets being linked to this one lately. Perhaps this current issue has been given any more thoughts from the core team and there is some decision now (together with #37585) ?