Chore: Cleanup flow types

src/AnnotationThread.js

@@ -30,7 +30,7 @@ class AnnotationThread extends EventEmitter {
     fileVersionId: string;
 
     /** @param {Location} */
-    location: Location;
+    location: ?Location;
 
     /** @param {string} */
     threadID: ?string;
@@ -163,6 +163,7 @@ class AnnotationThread extends EventEmitter {
     getPopoverParent() {
         return util.shouldDisplayMobileUI(this.container)
             ? this.container
+            // $FlowFixMe
             : util.getPageEl(this.annotatedElement, this.location.page);
     }
 
@@ -172,7 +173,7 @@ class AnnotationThread extends EventEmitter {
      * @param {Event} event - Mouse event
      * @return {void}
      */
-    renderAnnotationPopover(event: Event = null) {
+    renderAnnotationPopover(event: ?Event = null) {
         if (event) {
             event.stopPropagation();
             event.preventDefault();
@@ -662,7 +663,7 @@ class AnnotationThread extends EventEmitter {
      * @param {Object} eventData - Event data
      * @return {void}
      */
-    emit(event: Event, eventData: Object) {
+    emit(event: Event, eventData: ?Object) {
         const threadData = this.getThreadEventData();
         super.emit(event, { data: threadData, eventData });
         super.emit('threadevent', { event, data: threadData, eventData });

src/controllers/AnnotationModeController.js

@@ -500,7 +500,12 @@ class AnnotationModeController extends EventEmitter {
                 this.visibleThreadID = null;
                 break;
             case THREAD_EVENT.render:
-                this.renderPage(eventData);
+                if (eventData) {
+                    this.renderPage(eventData);
+                } else {
+                    this.render();
+                }
+
                 break;
             case THREAD_EVENT.delete:
                 // Thread should be cleaned up, unbind listeners - we

src/controllers/__tests__/AnnotationModeController-test.js

@@ -447,6 +447,7 @@ describe('controllers/AnnotationModeController', () => {
             beforeEach(() => {
                 controller.emit = jest.fn();
                 controller.renderPage = jest.fn();
+                controller.render = jest.fn();
                 controller.registerThread = jest.fn();
                 controller.unregisterThread = jest.fn();
                 controller.localized = {
@@ -466,9 +467,12 @@ describe('controllers/AnnotationModeController', () => {
                 expect(controller.hadPendingThreads).toBeFalsy();
             });
 
-            it('should re-render the page on render', () => {
-                controller.handleThreadEvents(thread, { event: THREAD_EVENT.render, data: {} });
+            it('should re-render the annotations on render', () => {
+                controller.handleThreadEvents(thread, { event: THREAD_EVENT.render, eventData: 1 });
                 expect(controller.renderPage).toBeCalled();
+
+                controller.handleThreadEvents(thread, { event: THREAD_EVENT.render });
+                expect(controller.render).toBeCalled();
             });
 
             it('should unregister thread on threadDelete', () => {

src/doc/DocHighlightThread.js

@@ -17,12 +17,11 @@ import {
 } from '../constants';
 
 class DocHighlightThread extends AnnotationThread {
-    /**
-     * Cached page element for the document.
-     *
-     * @property {HTMLElement}
-     */
-    pageEl;
+    /** @property {Location} */
+    location: ?Location;
+
+    /** @property {HTMLElement} */
+    pageEl: HTMLElement;
 
     /**
      * [constructor]
@@ -72,6 +71,8 @@ class DocHighlightThread extends AnnotationThread {
      */
     destroy() {
         this.threadID = null;
+
+        // $FlowFixMe
         this.emit(THREAD_EVENT.render, this.location.page);
         super.destroy();
 
@@ -108,9 +109,9 @@ class DocHighlightThread extends AnnotationThread {
      * @param {string} text Text of annotation to save
      * @return {void}
      */
-    save(type: AnnotationType, text: string) {
-        super.save(type, text);
+    save(type: AnnotationType, text: string): Promise<any> {
         window.getSelection().removeAllRanges();
+        return super.save(type, text);
     }
 
     /**
@@ -120,14 +121,15 @@ class DocHighlightThread extends AnnotationThread {
      * @param {boolean} [useServer] Whether or not to delete on server, default true
      * @return {void}
      */
-    delete(annotation: Object, useServer: boolean = true) {
-        super.delete(annotation, useServer);
+    delete(annotation: Object, useServer: boolean = true): Promise<any> {
+        const promise = super.delete(annotation, useServer);
 
         if (!this.threadID) {
-            return;
+            return promise;
         }
 
         this.renderAnnotationPopover();
+        return promise;
     }
 
     /**
@@ -284,6 +286,7 @@ class DocHighlightThread extends AnnotationThread {
     scrollIntoView() {
         this.scrollToPage();
 
+        // $FlowFixMe
         const [yPos] = docUtil.getLowerRightCornerOfLastQuadPoint(this.location.quadPoints);
 
         // Adjust scroll to highlight position
@@ -311,12 +314,14 @@ class DocHighlightThread extends AnnotationThread {
         const pageHeight = pageDimensions.height - PAGE_PADDING_TOP - PAGE_PADDING_BOTTOM;
         const zoomScale = util.getScale(this.annotatedElement);
         const dimensionScale = util.getDimensionScale(
+            // $FlowFixMe
             this.location.dimensions,
             pageDimensions,
             zoomScale,
             PAGE_PADDING_TOP + PAGE_PADDING_BOTTOM
         );
 
+        // $FlowFixMe
         this.location.quadPoints.forEach((quadPoint) => {
             // If needed, scale quad points comparing current dimensions with saved dimensions
             let scaledQuadPoint = quadPoint;
@@ -367,6 +372,7 @@ class DocHighlightThread extends AnnotationThread {
         const pageTop = pageDimensions.top + PAGE_PADDING_TOP;
         const zoomScale = util.getScale(this.annotatedElement);
         const dimensionScale = util.getDimensionScale(
+            // $FlowFixMe
             this.location.dimensions,
             pageDimensions,
             zoomScale,
@@ -392,6 +398,7 @@ class DocHighlightThread extends AnnotationThread {
 
         let eventOccurredInHighlight = false;
 
+        // $FlowFixMe
         const points = this.location.quadPoints;
         const { length } = points;
 
@@ -426,6 +433,7 @@ class DocHighlightThread extends AnnotationThread {
      */
     getPageEl(): HTMLElement {
         if (!this.pageEl) {
+            // $FlowFixMe
             this.pageEl = util.getPageEl(this.annotatedElement, this.location.page);
         }
         return this.pageEl;
@@ -438,6 +446,7 @@ class DocHighlightThread extends AnnotationThread {
      * @return {void}
      */
     regenerateBoundary() {
+        // $FlowFixMe
         if (!this.location || !this.location.quadPoints) {
             return;
         }
@@ -520,7 +529,7 @@ class DocHighlightThread extends AnnotationThread {
     }
 
     /** @inheritdoc */
-    cleanupAnnotationOnDelete(annotationIDToRemove: number) {
+    cleanupAnnotationOnDelete(annotationIDToRemove: string) {
         // Delete matching comment from annotation
         this.comments = this.comments.filter(({ id }) => id !== annotationIDToRemove);
 
@@ -557,7 +566,7 @@ class DocHighlightThread extends AnnotationThread {
     }
 
     /** @inheritdoc */
-    handleThreadSaveError(error: Error, tempAnnotationID: number) {
+    handleThreadSaveError(error: Error, tempAnnotationID: string) {
         if (this.type === TYPES.highlight_comment && this.state === STATES.pending) {
             this.type = TYPES.highlight;
             this.reset();

src/doc/DocPointThread.js

@@ -21,6 +21,7 @@ class DocPointThread extends AnnotationThread {
      * @return {void}
      */
     show() {
+        // $FlowFixMe
         const pageEl = getPageEl(this.annotatedElement, this.location.page);
         const [browserX, browserY] = getBrowserCoordinatesFromLocation(this.location, this.annotatedElement);