-
-
Notifications
You must be signed in to change notification settings - Fork 31.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[material] Remove dependency to @mui/base #42907
Conversation
mnajdova
commented
Jul 11, 2024
- I have followed (at least) the PR section of the contributing guide.
Netlify deploy previewhttps://deploy-preview-42907--material-ui.netlify.app/ @material-ui/utils: parsed: +152.12% , gzip: +70.16% Bundle size reportDetails of bundle changes (Toolpad) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good
@@ -27,6 +27,9 @@ export const projectSettings: ProjectSettings = { | |||
getHookInfo: getBaseUiHookInfo, | |||
translationLanguages: LANGUAGES, | |||
skipComponent: () => false, | |||
skipHook: (filename) => { | |||
return filename.match(/(useSlotProps)/) !== null; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This hook was anyway not documented, so I've added this option to skip, otherwise the docgen generation failed. It's an optional prop it won't break other ts projects.
@aarongarciah this is ready for final review. Changes after the approval:
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🏎️ 🚀
Thanks for the review @aarongarciah. Next steps:
I will move with the next steps. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What's the motivation for this change? It seems that the PR description is missing context.
@@ -27,6 +27,7 @@ module.exports = [ | |||
{ pathname: '/material-ui/api/checkbox' }, | |||
{ pathname: '/material-ui/api/chip' }, | |||
{ pathname: '/material-ui/api/circular-progress' }, | |||
{ pathname: '/material-ui/api/click-away-listener' }, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm confused about this. Would it mean we will have:
@mui/material/ClickAwayListener
@mui/base/ClickAwayListener
@base_ui/react/ClickAwayListener
. I mean, I imagine we need it https://stackoverflow.com/questions/32553158/detect-click-outside-react-component
![SCR-20240713-bcxd](https://private-user-images.githubusercontent.com/3165635/348407441-bcd23fff-e423-40f7-bc03-e06266fcbe73.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNjcxMTcsIm5iZiI6MTcyMTM2NjgxNywicGF0aCI6Ii8zMTY1NjM1LzM0ODQwNzQ0MS1iY2QyM2ZmZi1lNDIzLTQwZjctYmMwMy1lMDYyNjZmY2JlNzMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTlUMDUyNjU3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YTQzYTc3N2I0OWNmMWFlOGE3NmFjNTY5YTgyOTJjNzBiNTk5NzExYzc0Zjk1MjJmNDA2ODhkOTU0YTgxM2M1NCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.aani_BYVGRS-RR1qHB_RqZH1O38KOMcZyLjbE-pbSRA)
@@ -125,6 +128,7 @@ module.exports = [ | |||
{ pathname: '/material-ui/api/tab-panel' }, | |||
{ pathname: '/material-ui/api/tabs' }, | |||
{ pathname: '/material-ui/api/tab-scroll-button' }, | |||
{ pathname: '/material-ui/api/textarea-autosize' }, |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same idea as above with https://stackoverflow.com/questions/454202/creating-a-textarea-with-auto-resize
![SCR-20240713-bdjc](https://private-user-images.githubusercontent.com/3165635/348407565-d386a9d3-d6ed-4df3-9720-b163bbbfb014.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEzNjcxMTcsIm5iZiI6MTcyMTM2NjgxNywicGF0aCI6Ii8zMTY1NjM1LzM0ODQwNzU2NS1kMzg2YTlkMy1kNmVkLTRkZjMtOTcyMC1iMTYzYmJiZmIwMTQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTlUMDUyNjU3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ODFjODdhMjVkMmQ4YmMxYTliODQ1YWU4Mzk4MGExOTRjZjkxZjU5NzkyZTkzYzA5MDAyNDEyZTJlNmQyZWJmZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.NQ9Z_II4zFJW7O0ObD1xdAKo-iRuo6RcRynjC8GYwaA)