Converts SensorEvent to typescript

Author: tsov

.changeset/curvy-pots-whisper.md

@@ -0,0 +1,5 @@
+---
+'@shopify/draggable': patch
+---
+
+Convert SensorEvent to typescript

src/Draggable/DragEvent/DragEvent.ts

@@ -1,5 +1,6 @@
 import AbstractEvent from 'shared/AbstractEvent';
-import {FixMeAny} from 'shared/types';
+
+import {SensorEvent} from '../Sensors/SensorEvent';
 
 /**
  * DragEventData
@@ -10,7 +11,7 @@ export interface DragEventData {
   originalSource: HTMLElement;
   mirror: HTMLElement;
   sourceContainer: HTMLElement;
-  sensorEvent: FixMeAny;
+  sensorEvent: SensorEvent;
 }
 
 /**

src/Draggable/Plugins/Mirror/MirrorEvent/MirrorEvent.ts

@@ -1,13 +1,13 @@
 import AbstractEvent from 'shared/AbstractEvent';
-import {FixMeAny} from 'shared/types';
 
 import {DragEvent, DragEventData} from '../../../DragEvent';
+import {SensorEvent} from '../../../Sensors/SensorEvent';
 
 interface MirrorEventData {
   source: HTMLElement;
   originalSource: HTMLElement;
   sourceContainer: HTMLElement;
-  sensorEvent: FixMeAny;
+  sensorEvent: SensorEvent;
   dragEvent: DragEvent<DragEventData>;
 }
 

src/Draggable/Sensors/SensorEvent/SensorEvent.js renamed to src/Draggable/Sensors/SensorEvent/SensorEvent.ts

@@ -1,12 +1,22 @@
 import AbstractEvent from 'shared/AbstractEvent';
 
+interface SensorEventData {
+  originalEvent: Event;
+  clientX: number;
+  clientY: number;
+  target: HTMLElement;
+  container: HTMLElement;
+  originalSource: HTMLElement;
+  pressure?: number;
+}
+
 /**
  * Base sensor event
  * @class SensorEvent
  * @module SensorEvent
  * @extends AbstractEvent
  */
-export class SensorEvent extends AbstractEvent {
+export class SensorEvent extends AbstractEvent<SensorEventData> {
   /**
    * Original browser event that triggered a sensor
    * @property originalEvent

src/Draggable/Sensors/SensorEvent/index.js renamed to src/Draggable/Sensors/SensorEvent/index.ts

@@ -2,6 +2,7 @@ import AbstractPlugin from 'shared/AbstractPlugin';
 import {requestNextAnimationFrame} from 'shared/utils';
 import {FixMeAny} from 'shared/types';
 
+import {MirrorCreatedEvent} from '../../Draggable/Plugins/Mirror/MirrorEvent';
 import {
   DragOverEvent,
   DragOverContainerEvent,
@@ -92,7 +93,7 @@ export default class ResizeMirror extends AbstractPlugin {
    * @param {MirrorCreatedEvent} mirrorEvent
    * @private
    */
-  private onMirrorCreated({mirror}: FixMeAny) {
+  private onMirrorCreated({mirror}: MirrorCreatedEvent) {
     this.mirror = mirror;
   }