diff --git a/types/react-pointable/index.d.ts b/types/react-pointable/index.d.ts index c69d537d55..0b83bdeb1d 100644 --- a/types/react-pointable/index.d.ts +++ b/types/react-pointable/index.d.ts @@ -1,4 +1,4 @@ -// Type definitions for react-pointable 1.1 +// Type definitions for react-pointable 1.2 // Project: https://github.com/MilllerTime/react-pointable // Definitions by: Stefan Fochler // Dibyo Majumdar @@ -13,14 +13,6 @@ export interface PointableProps extends React.HTMLAttributes, React.SVG tagName?: keyof ElementTagNameMap; touchAction?: TouchAction; elementRef?(el: HTMLElement|SVGElement): void; - onPointerMove?(evt: PointerEvent): void; - onPointerDown?(evt: PointerEvent): void; - onPointerUp?(evt: PointerEvent): void; - onPointerOver?(evt: PointerEvent): void; - onPointerOut?(evt: PointerEvent): void; - onPointerEnter?(evt: PointerEvent): void; - onPointerLeave?(evt: PointerEvent): void; - onPointerCancel?(evt: PointerEvent): void; } export default class Pointable extends React.Component { diff --git a/types/react-pointable/react-pointable-tests.tsx b/types/react-pointable/react-pointable-tests.tsx index 6331b88386..f905b8faa8 100644 --- a/types/react-pointable/react-pointable-tests.tsx +++ b/types/react-pointable/react-pointable-tests.tsx @@ -3,7 +3,7 @@ import Pointable from 'react-pointable'; class Test extends React.Component { elementRef(el: HTMLElement) {} - somePointerEvent(evt: PointerEvent) {} + somePointerEvent(evt: React.PointerEvent) {} render() { return ( diff --git a/types/react/global.d.ts b/types/react/global.d.ts index 8d6062b4bc..5afef3a17c 100644 --- a/types/react/global.d.ts +++ b/types/react/global.d.ts @@ -13,6 +13,7 @@ interface FocusEvent extends Event { } interface KeyboardEvent extends Event { } interface MouseEvent extends Event { } interface TouchEvent extends Event { } +interface PointerEvent extends Event { } interface TransitionEvent extends Event { } interface UIEvent extends Event { } interface WheelEvent extends Event { } diff --git a/types/react/index.d.ts b/types/react/index.d.ts index b4fb9415d3..fe432e8a42 100644 --- a/types/react/index.d.ts +++ b/types/react/index.d.ts @@ -1,4 +1,4 @@ -// Type definitions for React 16.3 +// Type definitions for React 16.4 // Project: http://facebook.github.io/react/ // Definitions by: Asana // AssureSign @@ -31,6 +31,7 @@ type NativeFocusEvent = FocusEvent; type NativeKeyboardEvent = KeyboardEvent; type NativeMouseEvent = MouseEvent; type NativeTouchEvent = TouchEvent; +type NativePointerEvent = PointerEvent; type NativeTransitionEvent = TransitionEvent; type NativeUIEvent = UIEvent; type NativeWheelEvent = WheelEvent; @@ -590,6 +591,18 @@ declare namespace React { nativeEvent: NativeDragEvent; } + interface PointerEvent extends MouseEvent { + pointerId: number; + pressure: number; + tiltX: number; + tiltY: number; + width: number; + height: number; + pointerType: 'mouse' | 'pen' | 'touch'; + isPrimary: boolean; + nativeEvent: NativePointerEvent; + } + interface FocusEvent extends SyntheticEvent { nativeEvent: NativeFocusEvent; relatedTarget: EventTarget; @@ -711,6 +724,7 @@ declare namespace React { type KeyboardEventHandler = EventHandler>; type MouseEventHandler = EventHandler>; type TouchEventHandler = EventHandler>; + type PointerEventHandler = EventHandler>; type UIEventHandler = EventHandler>; type WheelEventHandler = EventHandler>; type AnimationEventHandler = EventHandler>; @@ -898,6 +912,28 @@ declare namespace React { onTouchStart?: TouchEventHandler; onTouchStartCapture?: TouchEventHandler; + // Pointer Events + onPointerDown?: PointerEventHandler; + onPointerDownCapture?: PointerEventHandler; + onPointerMove?: PointerEventHandler; + onPointerMoveCapture?: PointerEventHandler; + onPointerUp?: PointerEventHandler; + onPointerUpCapture?: PointerEventHandler; + onPointerCancel?: PointerEventHandler; + onPointerCancelCapture?: PointerEventHandler; + onPointerEnter?: PointerEventHandler; + onPointerEnterCapture?: PointerEventHandler; + onPointerLeave?: PointerEventHandler; + onPointerLeaveCapture?: PointerEventHandler; + onPointerOver?: PointerEventHandler; + onPointerOverCapture?: PointerEventHandler; + onPointerOut?: PointerEventHandler; + onPointerOutCapture?: PointerEventHandler; + onGotPointerCapture?: PointerEventHandler; + onGotPointerCaptureCapture?: PointerEventHandler; + onLostPointerCapture?: PointerEventHandler; + onLostPointerCaptureCapture?: PointerEventHandler; + // UI Events onScroll?: UIEventHandler; onScrollCapture?: UIEventHandler;