Description

Update UI to PatternFly 6.

The core of this PR is an update to all PatternFly and Victory dependencies, followed by running PatternFly's automated CODEMOD tools. Few or zero manual changes have been made in this branch.

The plan

In order to make this upgrade as reviewable and pain-free as possible, the change will be broken down into many separate reviewable pull requests. Once all individual PRs are reviewed and approved, we will bug bash the changes as a whole and squash down into a single PR (this one!) so that the entirety of the change lands on master at once. This is necessary due to the nature of the change, which otherwise would introduce many UI bugs. Update as of Dec 1 after UI team sync: we are going to merge the branched PRs into this base PR as they are approved in order to reduce the burden of review (and CI) having many tens of changes open at once. The approvals for all of the individual PRs in combination with team testing of the change as a whole should serve as approval enough for this PR without having to re-read the changes again in aggregate.

I @dvail intend on using git-spice to stack all changes I make in a linear sequence of PRs. See #17809 (comment). Any other contributors can feel free to branch off where you feel it makes sense, but the further up the stack the better. I will rebase all of my changes frequently to avoid merge conflicts that spiral out of control and make it clear in the channel so that contributors can rebase their branches against the updated targets.

Contents

To see existing problems, markup structure changes, etc: (note that you will want to clear out ./build to prevent false positives)

npx @patternfly/pf-codemods@latest . --v6

Changes applied in this PR:

npm uninstall \
  @patternfly/react-core \
  @patternfly/react-icons \
  @patternfly/react-styles \
  @patternfly/react-table \
  @patternfly/react-topology \
  @patternfly/react-component-groups \
  @patternfly/react-user-feedback \
  @patternfly/react-charts

npm install \
  @patternfly/react-core@^6.4.0 \
  @patternfly/react-icons@^6.4.0 \
  @patternfly/react-styles@^6.4.0 \
  @patternfly/react-table@^6.4.0 \
  @patternfly/react-topology@^6.4.0 \
  @patternfly/react-component-groups@^6.4.0 \
  @patternfly/react-user-feedback@^6.2.0 \
  @patternfly/react-charts@^8.4.0

npx @patternfly/pf-codemods@latest . --v6 --fix

npm run lint:fix

npm install victory

npx @patternfly/class-name-updater . --v6 --fix

npx @patternfly/css-vars-updater . --v6 --fix

- Manually change pixel breakpoint equiv to rems

User-facing documentation

• CHANGELOG.md is updated OR update is not needed
• documentation PR is created and is linked above OR is not needed

Testing and quality

• the change is production ready: the change is GA, or otherwise the functionality is gated by a feature flag
• CI results are inspected

Automated testing

• added unit tests
• added e2e tests
• added regression tests
• added compatibility tests
• modified existing tests

How I validated my change

I validated that this change breaks every page in the application. Do not merge yet.