Skip to content
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

[website] Update MUI X deps and migrate TreeView demos to v7 API #42149

Merged
merged 9 commits into from May 9, 2024

Conversation

noraleonte
Copy link
Contributor

@noraleonte noraleonte commented May 6, 2024

In this PR

  • bumped all MUI X packages
  • Ran codemods to handle BCs
  • Updated the TreeView demos on the X homepage -> they are now using the API introduced in V7 (RichTreeView + TreeItem2)

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

@noraleonte noraleonte added the website Pages that are not documentation-related, marketing-focused. label May 6, 2024
@noraleonte noraleonte self-assigned this May 6, 2024
@mui-bot
Copy link

mui-bot commented May 6, 2024

Netlify deploy preview

https://deploy-preview-42149--material-ui.netlify.app/

Bundle size report

No bundle size changes (Toolpad)
No bundle size changes

Generated by 🚫 dangerJS against fc694e6

Copy link
Contributor

@danilo-leal danilo-leal left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sweet! Dropping in just a few very visual tweaks 😬 One quick remark that stood out to me, though: these updated instances look way more spaced out than the previous iteration. I'd potentially tighten up a bit more. What do you think?

docs/src/components/productX/XTreeViewDemo.tsx Outdated Show resolved Hide resolved
docs/src/components/productX/XTreeViewDemo.tsx Outdated Show resolved Hide resolved
docs/src/components/productX/XTreeViewDemo.tsx Outdated Show resolved Hide resolved
docs/src/components/productX/XTreeViewDemo.tsx Outdated Show resolved Hide resolved
docs/src/components/productX/XTreeViewDemo.tsx Outdated Show resolved Hide resolved
docs/src/components/productX/XTreeViewDemo.tsx Outdated Show resolved Hide resolved
docs/src/components/showcase/FolderTreeView.tsx Outdated Show resolved Hide resolved
docs/src/components/showcase/FolderTreeView.tsx Outdated Show resolved Hide resolved
docs/src/components/showcase/FolderTreeView.tsx Outdated Show resolved Hide resolved
docs/src/components/showcase/FolderTreeView.tsx Outdated Show resolved Hide resolved
Copy link
Member

@LukasTy LukasTy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Leaving a few nitpicks, but I didn't go in depth in the Tree View changes. 🙈

"@mui/x-date-pickers": "6.19.9",
"@mui/x-date-pickers-pro": "6.19.9",
"@mui/x-date-pickers": "7.3.2",
"@mui/x-date-pickers-pro": "7.3.2",
"@mui/x-license-pro": "6.10.2",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Consider removing it.
The package does not seem to be used anywhere explicitly and has already been renamed to @mui/x-license.
It is a direct dependency of the paid packages and if there are no direct references to it in the project, I don't see a reason to have it explicitly listed. 🙈

Suggested change
"@mui/x-license-pro": "6.10.2",

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We have

import { LicenseInfo } from '@mui/x-data-grid-pro';

Which IMHO is a bad pattern now that we use the license key for several X commercial packages
I would prefer to install @mui/x-license and set the license from it instead of setting from the grid (which is deprecated in #11956)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great point. 👌
However, IMHO, this could also be a separate PR as well, because it does not seem directly related to what is being done here. 🤔

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yep, but removing the package is not related to this PR either 😆

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Re-requesting reviews just to make sure I didn't mess something up 🙈

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Out of scope of this PR: Is it just me or does this demo really need a fix for overflow scrolling? 🤔
In its current form it feels somewhat broken when part of the tree view is hidden when it could be scrollable. 🙈 🤷

noraleonte and others added 3 commits May 7, 2024 11:13
Co-authored-by: Lukas <llukas.tyla@gmail.com>
Co-authored-by: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Signed-off-by: Nora <72460825+noraleonte@users.noreply.github.com>
@noraleonte
Copy link
Contributor Author

One quick remark that stood out to me, though: these updated instances look way more spaced out than the previous iteration. I'd potentially tighten up a bit more. What do you think?

@danilo-leal I cleaned up the spacing of both demos a little bit. Should be closer to the initial versions 🤔 Let me know what you think :)

Copy link
Member

@LukasTy LukasTy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM from my PoV. 👍
Just need to fix the linting problems.

@github-actions github-actions bot added the PR: out-of-date The pull request has merge conflicts and can't be merged label May 9, 2024
@github-actions github-actions bot removed the PR: out-of-date The pull request has merge conflicts and can't be merged label May 9, 2024
@noraleonte noraleonte requested a review from LukasTy May 9, 2024 11:43
@noraleonte noraleonte merged commit 93e2591 into mui:next May 9, 2024
22 checks passed
@noraleonte noraleonte deleted the update-x-packages branch May 9, 2024 12:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
website Pages that are not documentation-related, marketing-focused.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants