Page Comparison

Maintain

• upgrade yarn from v1 to v4.1, or migrate to npm >= v10

• POC or analysis to determine estimate or technical approach

Maintain

• upgrade react-router from v5 to v6 - I suspect the impact will be very small or very large, as in, some repos won't be affected at all but others will have to do some heavy lifting. This work will have to be done all at once.

• react-router

  • POC or analysis to determine estimate

  • Impacts all ui-repositories. All must repos must upgrade. BREAKING CHANGE

  • sidecar environment?

  • no-need for a rancher environment / use a ui-build

  • Communicate!!!!

Innovation

• transpile all modules on publish (update stripes-webpack)

• Blocks Marva from using stripes-components

• Industry best practice

Improved dependency handling support

1. commit yarn.lock in all modules

2. enable dependabot in all modules

To consider this feature > Verify with Noah’s work and/or with DevOps

Improved developer adoption

Accessibility

• Improve with overlay components' behavior on narrow screens

• Review and address Deque accessibility results related to time-picker/date-picker/ (will address VPAT)

Next steps: John to revise goals/objectives cell.

Accessibility

• Post-css revisions / will review color contrast Deque accessibility issues to determine resolution

Break tower of knowledge/support

Bolster UX consistency

Improved test coverage

DayJS -

Switch ui date-time library from using the EOL’d moment library.

Popper -> convert to Floating UI

Dependency update

Downshift -> Update to most recent version (lots of breaking versions since)

Dependency update

react-highlight-words

Dependency update

redux-form and react-form and their related libraries have been abandoned. We already contend with some peer-dep warnings for related libraries that haven't provided a React v18 release (which means they've been out of date since at least March, 2022). The main contenders for replacement are formik and react-hook-form. We don't need a "thou shalt switch" decree, but we should do a spike to see how stripes-components interacts, pick our favorite, and write a guide. I would vote for RHF first. This work can be done incrementally.

Select a new form library selection

react-query: we're on v3; current is v5. Dunno the impact. This work may be doable incrementally but all at once is preferable.

• POC or analysis to determine estimate or technical approach