How can we add an upload file modal

[Dennis-N8]

Hi,

I'd like to add an upload file button to toolbar.

The button looks something like this:

const AttachFile = () => {
    const updateLink = usePublisher(updateLink$);

    const handleClick = () => {
        updateLink({ url: "https://picsum.photos/200/300", title: "alt text" });
    };

    return (
        <ButtonWithTooltip
            aria-label={"Upload file"}
            title={"Upload file"}
            onClick={handleClick}
        >
            <MdAttachFile fontSize={22} style={{ margin: "1px" }} />
        </ButtonWithTooltip>
    );
};

The <AttachFile/> component is added to toolbarPlugin.toolbarContents (it has <CreateLink /> as well).
linkPlugin() and linkDialogPlugin() are also present.

1. A modal window should be shown where the user can select the file from his device/computer and have an optional text field.
   What is the correct way to show that modal from handleClick?
2. Right now when editor doesn't have the focus and I click on attach file button, the link preview modal is shown. How can I detect that the editor doesn't have focus and skip the call to updateLink?

I would like the upload file to work like the upload image functionality, but generate the link markup.