From 5877c1df9663972983edac79905bfbd77d6a37ff Mon Sep 17 00:00:00 2001
From: Benjamin Elo <beneloca@fb.com>
Date: Mon, 2 Sep 2019 03:54:48 -0700
Subject: [PATCH] Migrated hooks/autoCompleteSheet to TypeScript

Summary: Migrated autoCompleteSheet.js to autoCompleteSheet.tsx

Reviewed By: danielbuechele

Differential Revision: D17133608

fbshipit-source-id: eba06c5add7687e013b8f0e2b430b359dbf1cb48
---
 src/plugins/navigation/components/AutoCompleteSheet.js   | 2 +-
 .../{autoCompleteSheet.js => autoCompleteSheet.tsx}      | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)
 rename src/plugins/navigation/hooks/{autoCompleteSheet.js => autoCompleteSheet.tsx} (87%)

diff --git a/src/plugins/navigation/components/AutoCompleteSheet.js b/src/plugins/navigation/components/AutoCompleteSheet.js
index 766ef74f8..a1f2a12cf 100644
--- a/src/plugins/navigation/components/AutoCompleteSheet.js
+++ b/src/plugins/navigation/components/AutoCompleteSheet.js
@@ -7,7 +7,7 @@
  */
 
 import {Glyph, styled} from 'flipper';
-import {useItemNavigation} from '../hooks/autoCompleteSheet';
+import {useItemNavigation} from '../hooks/autoCompleteSheet.tsx';
 import {filterProvidersToLineItems} from '../util/autoCompleteProvider.tsx';
 
 import type {AutoCompleteProvider} from '../flow-types';
diff --git a/src/plugins/navigation/hooks/autoCompleteSheet.js b/src/plugins/navigation/hooks/autoCompleteSheet.tsx
similarity index 87%
rename from src/plugins/navigation/hooks/autoCompleteSheet.js
rename to src/plugins/navigation/hooks/autoCompleteSheet.tsx
index 8e6299893..453797eff 100644
--- a/src/plugins/navigation/hooks/autoCompleteSheet.js
+++ b/src/plugins/navigation/hooks/autoCompleteSheet.tsx
@@ -3,20 +3,19 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  * @format
- * @flow strict-local
  */
 
 import {useEffect, useState} from 'react';
-import type {AutoCompleteLineItem} from '../flow-types';
+import {AutoCompleteLineItem} from '../types';
 
 export const useItemNavigation = (
   lineItems: Array<AutoCompleteLineItem>,
-  onHighlighted: string => void,
+  onHighlighted: (uri: string) => void,
 ) => {
   const [selectedItem, setSelectedItem] = useState(0);
 
-  const handleKeyPress = ({key}) => {
-    switch (key) {
+  const handleKeyPress = (event: KeyboardEvent) => {
+    switch (event.key) {
       case 'ArrowDown': {
         const newSelectedItem =
           selectedItem < lineItems.length - 1