Fix withMediaLibraryNotice issue with latest Gutenberg releases

[thelovekesh]

Summary

Update the withMediaLibraryNotice component to extend logic from MediaUpload.buildAndSetFeatureImageFrame.

Fix failing E2E tests due to - WordPress/gutenberg#56921 which updated the class names for Post Preview button in the block editor.

Fixes #7710

Checklist

• My code is tested and passes existing tests.
• My code follows the Engineering Guidelines (updates are often made to the guidelines, check it out periodically).

[github-actions]

Plugin builds for c247702 are ready 🛎️!

• Download development build
• Download production build

Checksums

# Development build checksums
b405fdaefb86252df4656cdc667f8e9bc9830fa0574f953b0c20f3c2e966e5a6 *amp.zip

# Production build checksums
dba089507649a1c576fb69ce1bd1943c85503530855352f4c7b265e4665faa16 *amp.zip

Warning

These builds are for testing purposes only and should not be used in production.

[milindmore22]

Tested for the following Media blocks

1. Image
2. Gallery
3. Cover Image
4. Media Tet
5. Audio
6. Video

The issue seems resolved.

[westonruter]

Just a couple tweak suggestions. However, I'd love to learn more about how you came up with the code here. I see some of it is forked from underlying code either in Gutenberg or core. Could you add more links to the original code being overridden? Or otherwise if you came up with the code on your own, I'd love to learn how you learned :)

[westonruter]

This overrides a method, right? So it should link to https://github.com/WordPress/wordpress-develop/blob/71cb3f861573f065c6d7d7ef1975bf98532239b4/src/js/media/views/frame/select.js#L167-L179

[thelovekesh]

However, I'd love to learn more about how you came up with the code here. I see some of it is forked from underlying code either in Gutenberg or core. Could you add more links to the original code being overridden? Or otherwise if you came up with the code on your own, I'd love to learn how you learned :)

I have forked the whole logic from the Gutenberg MediaUpload component and overrode the buildAndSetFeatureImageFrame() which only executes when a user clicks to set the featured image in the block editor.

The only piece modified in forked code is getFeaturedImageMediaFrame():

• Override createSelectToolbar to hook our notice in the media upload modal.
• Add suggestedHeight and suggestedWidth in the wp.media.controller.FeaturedImage constructor defaults. So later we can get them from the component state.

[westonruter]

Looks great!