Tech Discovery - React component deprecation

[RakshindaAslam]

Issue Description

The Design System Team has been deprecating older React-based versions of our components in favor of web-components (which have React bindings).

Slack thread - https://dsva.slack.com/archives/C04KW0B46N5/p1680097266303619

In scope for this ticket: Here is the list of fully deprecated components:

• Accept Terms
• Banner
• Collapsible panel
• Date
• Help Menu
• IconHelp
• Month Year
• Number input
• Privacy agreement
• Process list
• Promo banner
• Radio button
• Search menu
• Text area

List of components being deprecated week of April 3rd

• System down view
• Text input
• Alert Box
• Checkbox group
• Expanding group
• Additional Info
• Breadcrumbs
• Dropdown panel
• Loading indicator
• Modal
• OMB Info
• Pagination
• Progress button
• ProgressButton / button pair React component
• Table
• Telephone
• Select
• Fileinput

---

Tasks

• [ ] Scan the vets-website repo for our usage of these components
• [ ] Learn about how the VA uses web components, and about web components in general

Acceptance Criteria

• [ ] List of react components in scope that are being used in 526ez
• [ ] Tickets created for next steps

---

How to configure this issue

• [ ] Attached to a Milestone (when will this be completed?)
• [ ] Attached to an Epic (what body of work is this a part of?)
• [ ] Labeled with Team (product support, analytics-insights, operations, service-design, Console-Services, tools-fe)
• [ ] Labeled with Practice Area (backend, frontend, devops, design, research, product, ia, qa, analytics, contact center, research, accessibility, content)
• [ ] Labeled with Type (bug, request, discovery, documentation, etc.)

[RakshindaAslam]

c

[christinec-fftc]

Discovery notes

[christinec-fftc]

Summary of findings

1. Confirmed that from the phase 1 list of already deprecated react components, our pages were only using the radio buttons component and that was covered by these tickets Tech discovery - are REACT based radio buttons being used by 526ez forms #53413 Move to deprecation phase 3 - RadioButtons React component #1310

2. From phase 2 list, there is one relevant component in use by 526. Created this story Migrate OMBInfo component on 526 Introduction Page

3. Also checked use of ui:widgets which are form widgets utilizing RJSF (React JSON Schema Form) which in turn could potentially use deprecated react components. Did not find any deprecated components there.

[christinec-fftc]

Created 2 more issues for the 686 work Migrate OMBInfo component on 686 Introduction Page #56629 Migrate Telephone component for 686 #56630