Converted QPL plugin to TypeScript

Summary: Converted QPL plugin to TypeScript

Reviewed By: danielbuechele

Differential Revision: D17184095

fbshipit-source-id: 2a841bd8bc746cab70e6a03b0ccc8ffbdbda43c6

types/ResizeObserver.d.tsx

@@ -0,0 +1,49 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ */
+
+export interface ResizeObserver {
+  new (callback: ResizeObserverCallback): ResizeObserver;
+  observe: (target: Element) => void;
+  unobserve: (target: Element) => void;
+  disconnect: () => void;
+}
+
+interface ResizeObserverCallback {
+  (entries: ResizeObserverEntry[], observer: ResizeObserver): void;
+}
+
+export interface ResizeObserverEntry {
+  /**
+   * @param target The Element whose size has changed.
+   */
+  new (target: Element): ResizeObserverEntry;
+
+  /**
+   * The Element whose size has changed.
+   */
+  readonly target: Element;
+
+  /**
+   * Element's content rect when ResizeObserverCallback is invoked.
+   */
+  readonly contentRect: DOMRectReadOnly;
+}
+
+interface DOMRectReadOnly {
+  // static fromRect(other: DOMRectInit | undefined): DOMRectReadOnly;
+
+  readonly x: number;
+  readonly y: number;
+  readonly width: number;
+  readonly height: number;
+  readonly top: number;
+  readonly right: number;
+  readonly bottom: number;
+  readonly left: number;
+
+  toJSON: () => any;
+}

types/globals.tsx

@@ -6,6 +6,7 @@
  */
 
 import {StoreEnhancerStoreCreator} from 'redux';
+import {ResizeObserver} from './ResizeObserver.d';
 
 export {};
 type RequestIdleHandle = number;
@@ -29,5 +30,6 @@ declare global {
       },
     ) => RequestIdleHandle;
     cancelIdleCallback: (handle: RequestIdleHandle) => void;
+    ResizeObserver: ResizeObserver;
   }
 }