Migrate off deprecated Paragon components

[adamstankiewicz]

There are 13 deprecated Paragon components; they have been deprecated for awhile now (most, over 2+ years), but we haven't prioritized removing them from Paragon's React component library since they are still in use and don't have great visibility into the impacts on those consumers.

The Paragon Usage Insights tool may be helpful in identifying where these components are used with links to the exact code line where it's used (note: some links are broken due to the "repository" field in package.json files not being consistent), e.g.:

The deprecated components and their replacements, which can be seen on Paragon's documentation website), are as follows:

• CheckBoxGroup (replaced by Form.CheckboxSet)
• Checkbox (replaced by Form.Checkbox)
• Fieldset (replaced by Form.Group)
• Input (replaced by Form.Control)
• InputSelect (replaced by Form.Control)
• InputText (replaced by Form.Control)
• ListBox (turns out, not used anywhere! 🎉)
• RadioButtonGroup (replaced by Form.RadioSet)
• TextArea (replaced by Form.Control)
• ValidationFormGroup (replaced by Form.Group)
• Modal (replaced by new modal components, e.g. AlertModal, MarketingModal, etc.)
  • If there are questions about which modal to use, please reach out to the Paragon Working Group.
• StatusAlert (replaced by Alert)
• Table (replaced by DataTable)
  • If there are design related questions, please reach out to the Paragon Working Group.

Once we are confident we can migrate off these deprecated components, the Paragon Working Group will prioritize removing them from the component library in a separate issue.

PRs

• Paragon form component deprecations frontend-app-account#612
• refactor: migrate off modal paragon depreciation components frontend-app-account#654
• Paragon table deprecation updation frontend-app-gradebook#246
• Paragon StatusAlert deprecation frontend-app-gradebook#248
• Migrate off paragon modal deprecated component  frontend-app-gradebook#275
• refactor: migrated deprecated Input and ValidationForm group components openedx-unsupported/frontend-app-payment#617
• Paragon StatusAlert deprecation openedx-unsupported/frontend-app-payment#628
• Paragon StatusAlert deprecation  frontend-app-profile#574
• Paragon form component deprecations frontend-app-profile#596
• refactor: replaced deprecated Paragon form components frontend-app-publisher#761
• Paragon StatusAlert deprecation  frontend-app-publisher#762
• refactor: migrate off paragon modal deprecated component frontend-app-publisher#784
• Removed Table and StatusAlert deprecation of Paragon frontend-app-admin-portal#899
• Paragon form component deprecations  frontend-app-admin-portal#933
• refactor: migrate off paragon modal deprecated migration frontend-app-admin-portal#872
• Paragon table deprecation migration to DataTable frontend-app-support-tools#256
• Paragon StatusAlert deprecation openedx-unsupported/frontend-app-program-console#55
• Paragon table deprecation migration to DataTable openedx-unsupported/frontend-app-ecommerce#200
• Paragon form component deprecations openedx-unsupported/frontend-app-library-authoring#53
• Paragon StatusAlert deprecation frontend-app-learner-portal-enterprise#562
• Paragon StatusAlert deprecation frontend-app-learner-portal-programs#248
• refactor: migrate off modal paragon deprecated component frontend-lib-special-exams#71
• Paragon table deprecation migration to DataTable credentials#1691
• Paragon form component deprecations credentials#1716
• refactor: Paragon modal component deprecation credentials#1772
• Migrate off paragon modal deprecated component frontend-app-communications#95

[abdullahwaheed]

frontend-component-cookie-policy-banner require React and Paragon upgrade for StatusAlert migration

[abdullahwaheed]

studio-frontend requires paragon upgrade

[hurtstotouchfire]

@abdullahwaheed fyi the cookie banner will be removed during compliance work soon. It is being replaced by OneTrust.

[arbrandes]

@Mashal-m, what's the general situation, here? Do we have a list of related PRs we can keep track of here?

[Mashal-m]

@arbrandes All PRs are linked with this ticket.

[arbrandes]

Looks like we're almost done. Let's see if a final push gets it over the line over the next couple of weeks.

[arbrandes]

@abdullahwaheed, I only see the Admin Portal PR still open. Is that the last one?

[abdullahwaheed]

@abdullahwaheed, I only see the Admin Portal PR still open. Is that the last one?

yes, and i think owning team is deprecating it themself as Adam commented here