refactor MediaUploadModalWrapper to a functional component. - #81652

What?

Refactors MediaUploadModalWrapper in packages/editor/src/hooks/media-upload.js from a class component to a function component, part of the ongoing class → function migration #22890.

Why?

Refactors as part of the broader class → component migration tracked in #22890.

How?

• Converts state (isOpen) from this.state to useState
• Drops the constructor and bound methods (openModal, closeModal) in favor of plain functions
• render() becomes a direct return, no lifecycle methods needed since there were none to begin with
• Public API (allowedTypes, multiple, value, onSelect, title, modalClass, render, onClose) is unchanged
• Adds test coverage for the render-prop trigger, opening the modal, selecting media, and closing without selecting — none previously existed

Testing Instructions

1. Set window.__experimentalDataViewsMediaModal = true in the browser console (or hardcode the flag temporarily) and reload the editor.
2. Open a post, click the inserter ("+"), add an Image block.
3. In the empty Image block, click "Media Library" — the modal should open.
4. Select an image — modal closes, image is inserted into the block.
5. Add another Image block, open the modal again, and close it without selecting (X / overlay) — modal closes, block stays empty.
6. Set the flag to false, reload, and repeat step 2–3 to confirm the stable MediaUpload component still loads normally.

The component previously had no tests. This PR adds coverage for the render-prop trigger, opening the modal, selecting media (calls onSelect and closes), and closing without selecting (calls onClose).

you can run unit test as shown below:

npx jest packages/editor/src/hooks/test/media-upload.js --config test/unit/jest.config.js

Testing Instructions for Keyboard

Use of AI Tools

Assisted by Claude.