feat: add pointer events (#295)

* feat: Add pointer events

* chore: camelcase pointer event names

Author: eps1lon

src/__tests__/events.js

@@ -124,6 +124,22 @@ const eventTypes = [
     events: ['transitionEnd'],
     elementType: 'div',
   },
+  {
+    type: 'Pointer',
+    events: [
+      'pointerOver',
+      'pointerEnter',
+      'pointerDown',
+      'pointerMove',
+      'pointerUp',
+      'pointerCancel',
+      'pointerOut',
+      'pointerLeave',
+      'gotPointerCapture',
+      'lostPointerCapture',
+    ],
+    elementType: 'div',
+  },
 ]
 
 eventTypes.forEach(({type, events, elementType}) => {

src/events.js

@@ -297,6 +297,47 @@ const eventMap = {
     EventType: 'TransitionEvent',
     defaultInit: {bubbles: true, cancelable: true},
   },
+  // pointer events
+  pointerOver: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: true, cancelable: true},
+  },
+  pointerEnter: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: false, cancelable: false},
+  },
+  pointerDown: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: true, cancelable: true},
+  },
+  pointerMove: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: true, cancelable: true},
+  },
+  pointerUp: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: true, cancelable: true},
+  },
+  pointerCancel: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: true, cancelable: false},
+  },
+  pointerOut: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: true, cancelable: true},
+  },
+  pointerLeave: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: false, cancelable: false},
+  },
+  gotPointerCapture: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: false, cancelable: false},
+  },
+  lostPointerCapture: {
+    EventType: 'PointerEvent',
+    defaultInit: {bubbles: false, cancelable: false},
+  },
 }
 
 const eventAliasMap = {

typings/events.d.ts

@@ -70,6 +70,16 @@ export type EventType =
   | 'animationIteration'
   | 'transitionEnd'
   | 'doubleClick'
+  | 'pointerOver'
+  | 'pointerEnter'
+  | 'pointerDown'
+  | 'pointerMove'
+  | 'pointerUp'
+  | 'pointerCancel'
+  | 'pointerOut'
+  | 'pointerLeave'
+  | 'gotPointerCapture'
+  | 'lostPointerCapture'
 
 export type FireFunction = (
   element: Document | Element | Window,