Converted QPL plugin to TypeScript

Summary: Converted QPL plugin to TypeScript

Reviewed By: danielbuechele

Differential Revision: D17184095

fbshipit-source-id: 2a841bd8bc746cab70e6a03b0ccc8ffbdbda43c6

package.json

@@ -92,6 +92,7 @@
     "@types/promise-retry": "^1.1.3",
     "@types/react-color": "^3.0.1",
     "@types/react-transition-group": "^4.2.2",
+    "@types/react-virtualized": "^9.21.4",
     "@types/redux-devtools-extension": "^2.13.2",
     "@types/rsocket-tcp-server": "^0.0.2",
     "@types/which": "^1.3.1",

src/index.tsx

@@ -16,6 +16,7 @@ export {
   FlipperPlugin,
   FlipperDevicePlugin,
   callClient,
+  Notification,
 } from './plugin';
 export {PluginClient, Props} from './plugin';
 export {default as Client} from './Client';

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;
   }
 }

yarn.lock

@@ -1220,6 +1220,14 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-virtualized@^9.21.4":
+  version "9.21.4"
+  resolved "https://registry.yarnpkg.com/@types/react-virtualized/-/react-virtualized-9.21.4.tgz#8f76a8a3e6d868cd6553e1671e047ec9a919788d"
+  integrity sha512-bvyAp67FNvFIz1GPaonAx6c6Ll8Cr9mVRgUTn5HHSKw5zmqTaxB7qnIl3is+fp7xwXDNBSw191pxpy3ACtTbyw==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/react" "*"
+
 "@types/react-window@^1.8.1":
   version "1.8.1"
   resolved "https://registry.yarnpkg.com/@types/react-window/-/react-window-1.8.1.tgz#6e1ceab2e6f2f78dbf1f774ee0e00f1bb0364bb3"