CED-1789: file preview modal

[nathanielwarner]

🔗 Linked issue

https://energysage.atlassian.net/browse/CED-1789

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Implements es-file-preview-modal. Mostly copied over from the old design system and switched to the composition API. es-modal needed to be tweaked in order to apply all the necessary styling. Also found and fixed an accessibility issue with the modal.

🥼 Testing

Manual testing on http://localhost:8500/organisms/file-preview-modal

🧐 Feedback Requested / Focus Areas

• General

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.
• I have documented testing approach

[swarmia]

✅  Linked to Task CED-1789 · Create v3 EsFilePreviewModal
➡️  Part of Epic CED-1339 · Build Vue 3 design system [MC]

[mpleroux]

👀

[mpleroux]

The modal looks good when I test it locally. Thanks for adding the extra props and documenting them.

Were those selectors you removed from _modal.scss no longer needed, or never used in the first place?

[nathanielwarner]

Were those selectors you removed from _modal.scss no longer needed, or never used in the first place?

They were used in the BootstrapVue implementation, but not with the PrimeVue one.