prosemirror-view 1.24.0-beta.2 → 1.24.0-beta.3

package/dist/index.d.ts

@@ -538,6 +538,14 @@ declare class EditorView {
 }
 declare type NodeViewConstructor = (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[], innerDecorations: DecorationSource) => NodeView;
 /**
+Helper type that maps event names to event object types, but
+includes events that TypeScript's HTMLElementEventMap doesn't know
+about.
+*/
+interface DOMEventMap extends HTMLElementEventMap {
+    [event: string]: Event;
+}
+/**
 Props are configuration values that can be passed to an editor view
 or included in a plugin. This interface lists the supported props.
 
@@ -563,7 +571,7 @@ interface EditorProps {
     default behavior).
     */
     handleDOMEvents?: {
-        [event: string]: (view: EditorView, event: Event) => boolean | void;
+        [event in string]: (view: EditorView, event: DOMEventMap[event]) => boolean | void;
     };
     /**
     Called when the editor receives a `keydown` event.
@@ -788,4 +796,4 @@ interface DirectEditorProps extends EditorProps {
     dispatchTransaction?: (tr: Transaction) => void;
 }
 
-export { Decoration, DecorationAttrs, DecorationSet, DecorationSource, DirectEditorProps, EditorProps, EditorView, NodeView };
+export { DOMEventMap, Decoration, DecorationAttrs, DecorationSet, DecorationSource, DirectEditorProps, EditorProps, EditorView, NodeView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "prosemirror-view",
-  "version": "1.24.0-beta.2",
+  "version": "1.24.0-beta.3",
   "description": "ProseMirror's view component",
   "type": "module",
   "main": "dist/index.cjs",

package/src/README.md

@@ -14,6 +14,8 @@ this module.
 
 @NodeView
 
+@DOMEventMap
+
 ### Decorations
 
 Decorations make it possible to influence the way the document is

package/src/index.ts

@@ -498,6 +498,13 @@ function checkStateComponent(plugin: Plugin) {
 type NodeViewConstructor = (node: Node, view: EditorView, getPos: () => number | undefined,
                             decorations: readonly Decoration[], innerDecorations: DecorationSource) => NodeView
 
+/// Helper type that maps event names to event object types, but
+/// includes events that TypeScript's HTMLElementEventMap doesn't know
+/// about.
+export interface DOMEventMap extends HTMLElementEventMap {
+  [event: string]: Event
+}
+
 /// Props are configuration values that can be passed to an editor view
 /// or included in a plugin. This interface lists the supported props.
 ///
@@ -519,7 +526,9 @@ export interface EditorProps {
   /// from such a function, you are responsible for calling
   /// `preventDefault` yourself (or not, if you want to allow the
   /// default behavior).
-  handleDOMEvents?: {[event: string]: (view: EditorView, event: Event) => boolean | void}
+  handleDOMEvents?: {
+    [event in string]: (view: EditorView, event: DOMEventMap[event]) => boolean | void
+  }
 
   /// Called when the editor receives a `keydown` event.
   handleKeyDown?: (view: EditorView, event: KeyboardEvent) => boolean | void