adds new edit flow to the media+text block

[draganescu]

Description

Closes #14795

This is a follow up to the image block edit flow update which ports the new flow to all the blocks which have media with an edit state.

How has this been tested?

For now I've only tested locally.

Types of change

New feature (non-breaking change which adds functionality)

Screenshots

[kjellr]

This is working well for me. The only small visual issue I'm seeing is the issue @talldan noted in the original thread:

Some space is needed between the Media Library and Insert From URL buttons (seems to also apply to other blocks). This does seem to be an issue with the image block as well, so could always fix it after this PR for all blocks:

I agree we could fix this separately if it's not a super-quick global fix.

[draganescu]

To have proper spacing between buttons we need a better structure in media-placeholder output b/c doing it via CSS adds a lot of bloat for no reason. Will open a separate PR for that :) @talldan @kjellr

[kjellr]

To have proper spacing between buttons we need a better structure in media-placeholder output b/c doing it via CSS adds a lot of bloat for no reason. Will open a separate PR for that :)

Sounds good. This PR is looking pretty good in that case. The only bug I'm seeing now is that while I can make use of the "Insert from URL" option as when logged in as a Contributor, the cancel link doesn't display under the button:

[mapk]

I tested this today and it works well. I ran through a few configurations and it was great! Thanks for your work on this @draganescu 💯

[jorgefilipecosta]

Hi @draganescu the comment I left on the cover block #15519 (review) also applied here. I think we should have a solution used in both blocks.

[draganescu]

#11952 changed direction so closing this as it became irrelevant.