Skip to content

[deps] Upgrade MUI to 9.4.0 - #6142

Merged
vrubezhny merged 4 commits into
redhat-developer:mainfrom
vrubezhny:deps/upgrade-mui-to-9.4.0
Sep 27, 2026
Merged

vrubezhny merged 4 commits into
redhat-developer:mainfrom
vrubezhny:deps/upgrade-mui-to-9.4.0

Conversation

@vrubezhny

Copy link
Copy Markdown
Contributor

No description provided.

Replaces JSS usage with MUI Box/sx API as the first step of the MUI v7/v9 and RJSF v6 upgrade.

- Convert style modules (errorPage, loading, starterProjectDisplay, cluster, clusterView) from createStyles() to plain theme objects
- Replace makeStyles()/className usage with Box sx in errorPage, loading, starterProjectDisplay, cluster and clusterView components
- Import Alert from @mui/material instead of @mui/lab (clusterView)
- Import ThemeProvider/styled from @mui/material (sandboxView)
- Delete unused home.style.tsx and cardItem.style.tsx, drop dead badgeStyles export
- Remove now-unused @mui/styles and clsx dependencies

Signed-off-by: Victor Rubezhny <vrubezhny@redhat.com>
Assisted-By: OpenCode: mimo-v2.6-flash-free
- Build the dev extension bundle from a single entry (src/extension.ts), matching production, fixing esbuild OOM (11.2GB -> ~923MB) and multi-minute dev builds; output verified byte-identical
- Deduplicate the npm build script by reusing compile
- Run kill-watchers -> clean -> build before watch-all in the watch task so dev starts from a fresh out/
- Repoint launch/task references from the removed compile task label to build

Signed-off-by: Victor Rubezhny <vrubezhny@redhat.com>
Assisted-By: OpenCode: mimo-v2.6-flash-free
Checkpoint PR of the MUI v6 -> v7 -> v9 migration, combined with the RJSF v5 -> v6 upgrade because @rjsf/mui v5 only supports MUI ^6 while v6 supports both ^7 and ^9.

- Bump @mui/material and @mui/icons-material to ^7.3.11, @mui/lab to ^7.0.1-beta.25
- Bump @rjsf/core, @rjsf/mui, @rjsf/utils, @rjsf/validator-ajv8 to ^6.10.1
- Migrate Grid to the MUI v7 API (size instead of item/xs) in addServiceBindingForm and create-service createForm
- RJSF v6: custom ArrayFieldTemplate now renders pre-built item elements directly; drop getTemplate lookup and unused type imports

Verified: webview/extension tsc 0 errors, lint 0 errors, full build, unit tests 255 passing/0 failing/41 skipped (baseline parity), manual pass of create-service, add-service-binding and openshift-terminal webviews.

Signed-off-by: Victor Rubezhny <vrubezhny@redhat.com>
Assisted-By: OpenCode: mimo-v2.6-flash-free
@codecov

codecov Bot commented Sep 27, 2026 •

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 50.95%. Comparing base (adfcfda) to head (07ebddf).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #6142   +/-   ##
=======================================
  Coverage   50.95%   50.95%           
=======================================
  Files         118      118           
  Lines       11152    11152           
  Branches     2553     2553           
=======================================
  Hits         5682     5682           
  Misses       5463     5463           
  Partials        7        7           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

- @mui/material/@mui/icons-material ^9.4.0, @mui/lab ^9.0.0-beta.9,
  @mui/x-tree-view ^9.14.0; add explicit @emotion/react/@emotion/styled
  devDependencies
- Run official codemods: v9.0.0/system-props (system props -> sx)
  and deprecations/all (InputProps -> slotProps.input,
  PaperComponent -> slots.paper)
- x-tree-view v9 API: useTreeViewApiRef -> useRichTreeViewApiRef,
  TreeViewBaseItem -> TreeViewDefaultItemModelProperties,
  api.selectItem -> api.setItemSelection (helmSearch.tsx)
- Add nativeButton={false} to Button component="span" link-style
  buttons (cluster, clusterView)
- Raise esbuild target chrome108 -> chrome117 for MUI 9 support

Signed-off-by: Victor Rubezhny <vrubezhny@redhat.com>
Assisted-By: OpenCode: mimo-v2.6-flash-free <noreply@opencode.ai>
@vrubezhny
vrubezhny force-pushed the deps/upgrade-mui-to-9.4.0 branch from c8edbbb to 07ebddf Compare September 27, 2026 01:29
@vrubezhny
vrubezhny merged commit 92ada7a into redhat-developer:main Sep 27, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant