mirror of
https://github.com/laurent22/joplin.git
synced 2024-12-21 09:38:01 +02:00
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
import { useEffect } from 'react';
|
|
|
|
// eslint-disable-next-line @typescript-eslint/ban-types -- Old code before rule was applied
|
|
export default function(frameWindow: any, onSubmit: Function, onDismiss: Function, loadedHtmlHash: string) {
|
|
const document = frameWindow && frameWindow.document ? frameWindow.document : null;
|
|
|
|
useEffect(() => {
|
|
if (!document) return () => {};
|
|
|
|
function onFormSubmit(event: any) {
|
|
event.preventDefault();
|
|
if (onSubmit) onSubmit();
|
|
}
|
|
|
|
function onKeyDown(event: any) {
|
|
if (event.key === 'Escape') {
|
|
if (onDismiss) onDismiss();
|
|
}
|
|
|
|
if (event.key === 'Enter') {
|
|
//
|
|
// Disable enter key from submitting when a text area is in focus!
|
|
// https://github.com/laurent22/joplin/issues/4766
|
|
//
|
|
if (document.activeElement.tagName !== 'TEXTAREA') {
|
|
if (onSubmit) onSubmit();
|
|
}
|
|
}
|
|
}
|
|
|
|
document.addEventListener('submit', onFormSubmit);
|
|
document.addEventListener('keydown', onKeyDown);
|
|
|
|
return () => {
|
|
if (document) document.removeEventListener('submit', onFormSubmit);
|
|
if (document) document.removeEventListener('keydown', onKeyDown);
|
|
};
|
|
}, [document, loadedHtmlHash, onSubmit, onDismiss]);
|
|
}
|