[no-Jira] Reapply the autocomplete focus patch to @mui/base

[canac]

It was broken by the MUI upgrade in c4d5fa4.

Description

When you hover over autocomplete option and then move the mouse outside of the dropdown, the option was still being highlight. Then if you click outside the dropdown it selects the option, which is confusing to users. I had fixed this behavior before in a patch to @mui/base, but it was inadvertantly broken again by the MUI upgrade in c4d5fa4.

Before

Before.mov

After

After.mov

Checklist:

• I have given my PR a title with the format "MPDX-(JIRA#) (summary sentence max 80 chars)"
• I have applied the appropriate labels. (Add the label "On Staging" to get the branch automatically merged into staging.)
• I have requested a review from another person on the project

[github-actions]

Preview branch generated at https://reapply-autocomplete-focus-patch.d3dytjb8adxkk5.amplifyapp.com

[github-actions]

Bundle sizes [mpdx-react]

Compared against bbc74f4

No significant changes found

[caleballdrin]

It seems to work well on the preview environment!

[dr-bizz]

Looks great, I had a question, but nothing more.

[dr-bizz]

Could you explain why you need 2 @mui/base resolutions? I see that one is .36 and the other is .40. I assume our different MUI packages use different versions of @mui/base.

[canac]

yarn creates these resolutions automatically when you commit the patch. I believe you're right. @mui/x-date-pickers depends on ^5.0.0-beta.36 and @mui/material depends on 5.0.0-beta.40, so I believe that this makes sure that all versions of @mui/base are patched. It also created a resolution for @mui/lab, which depends on 5.0.0-alpha.98, that I must have removed, so I'm going to add that one back too.

[canac]

It also created a resolution for @mui/lab, which depends on 5.0.0-alpha.98, that I must have removed, so I'm going to add that one back too.

I forgot that that resolution causes build/test issues, and that's why I removed it.