refactor: migrate off modal paragon deprecated component

[Mashal-m]

Ticket

Migrate off deprecated Paragon components

What has changed?

• Migrate off paragon modal deprecation in WarningModal.jsx

[codecov]

Codecov Report

Merging #71 (199bf61) into main (eb0fa82) will not change coverage.
The diff coverage is 50.00%.

@@           Coverage Diff           @@
##             main      #71   +/-   ##
=======================================
  Coverage   88.47%   88.47%           
=======================================
  Files          68       68           
  Lines         911      911           
  Branches      247      247           
=======================================
  Hits          806      806           
  Misses         98       98           
  Partials        7        7           

Impacted Files	Coverage Δ
src/instructions/proctored_exam/WarningModal.jsx	75.00% <50.00%> (ø)

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[codecov]

Codecov Report

Patch coverage: 100.00% and project coverage change: -5.12 ⚠️

Comparison is base (070e96b) 93.68% compared to head (befc88c) 88.57%.

❗ Current head befc88c differs from pull request most recent head 6fa9e9f. Consider uploading reports for the commit 6fa9e9f to get more accurate results

Additional details and impacted files

@@            Coverage Diff             @@
##             main      #71      +/-   ##
==========================================
- Coverage   93.68%   88.57%   -5.12%     
==========================================
  Files          70       68       -2     
  Lines        1014      910     -104     
  Branches      279      248      -31     
==========================================
- Hits          950      806     -144     
- Misses         59       97      +38     
- Partials        5        7       +2     

Impacted Files	Coverage Δ
src/instructions/proctored_exam/WarningModal.jsx	100.00% <100.00%> (+25.00%)	⬆️

... and 27 files with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Do you have feedback about the report comment? Let us know in this issue.

[arbrandes]

@leangseu-edx, any chance you could review this?

@Mashal-m, mind updating the branch with master in the meantime?

[leangseu-edx]

Shouldn't ModalDialog.body is uppercase?
Anyway, can you use ModalDialogBody, ModalDialogHeader`.... syntax instead? Since those are import directly and it is less likely to create typo and it is easier to check with the doc on paragon https://paragon-openedx.netlify.app/components/modal/modal-dialog/

[Mashal-m]

Shouldn't ModalDialog.body is uppercase? Anyway, can you use ModalDialogBody, ModalDialogHeader`.... syntax instead? Since those are import directly and it is less likely to create typo and it is easier to check with the doc on paragon https://paragon-openedx.netlify.app/components/modal/modal-dialog/

According to paragon documentation, we can only import ModaDialog and ModalCloseButton directly. It is mandatory to use header, title, etc like this ModalDialog.Body.

[leangseu-edx]

LGTM 👍

[leangseu-edx]

According to paragon documentation, we can only import ModaDialog and ModalCloseButton directly. It is mandatory to use header, title, etc like this ModalDialog.Body.

Fair. It seems all of the example are doing that.

[github-actions]

🎉 This PR is included in version 2.16.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀