From d957f4531466bdd84185c0e7fdc8751a2937568c 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 AutoCompleteSheet to TypeScript

Summary: Migrated AutoCompleteSheet from AutoCompleteSheet.js to AutoCompleteSheet.tsx

Reviewed By: danielbuechele

Differential Revision: D17132216

fbshipit-source-id: 2ce269cbd5a77353002958650c25d7297cc4e99e
---
 ...CompleteSheet.js => AutoCompleteSheet.tsx} | 25 +++++++++----------
 src/plugins/navigation/components/index.js    |  2 +-
 2 files changed, 13 insertions(+), 14 deletions(-)
 rename src/plugins/navigation/components/{AutoCompleteSheet.js => AutoCompleteSheet.tsx} (78%)

diff --git a/src/plugins/navigation/components/AutoCompleteSheet.js b/src/plugins/navigation/components/AutoCompleteSheet.tsx
similarity index 78%
rename from src/plugins/navigation/components/AutoCompleteSheet.js
rename to src/plugins/navigation/components/AutoCompleteSheet.tsx
index a1f2a12cf..af5f08c2f 100644
--- a/src/plugins/navigation/components/AutoCompleteSheet.js
+++ b/src/plugins/navigation/components/AutoCompleteSheet.tsx
@@ -3,21 +3,20 @@
  * 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 {Glyph, styled} from 'flipper';
-import {useItemNavigation} from '../hooks/autoCompleteSheet.tsx';
-import {filterProvidersToLineItems} from '../util/autoCompleteProvider.tsx';
+import {useItemNavigation} from '../hooks/autoCompleteSheet';
+import {filterProvidersToLineItems} from '../util/autoCompleteProvider';
+import {AutoCompleteProvider, AutoCompleteLineItem, URI} from '../types';
+import React from 'react';
 
-import type {AutoCompleteProvider} from '../flow-types';
-
-type Props = {|
-  providers: Array<AutoCompleteProvider>,
-  onHighlighted: string => void,
-  onNavigate: string => void,
-  query: string,
-|};
+type Props = {
+  providers: Array<AutoCompleteProvider>;
+  onHighlighted: (uri: URI) => void;
+  onNavigate: (uri: URI) => void;
+  query: string;
+};
 
 const MAX_ITEMS = 5;
 
@@ -56,9 +55,9 @@ export default (props: Props) => {
   const selectedItem = useItemNavigation(lineItems, onHighlighted);
   return (
     <AutoCompleteSheetContainer>
-      {lineItems.map((lineItem, idx) => (
+      {lineItems.map((lineItem: AutoCompleteLineItem, idx: number) => (
         <SheetItem
-          className={idx === selectedItem ? 'selected' : null}
+          className={idx === selectedItem ? 'selected' : ''}
           key={idx}
           onMouseDown={() => onNavigate(lineItem.uri)}>
           <SheetItemIcon>
diff --git a/src/plugins/navigation/components/index.js b/src/plugins/navigation/components/index.js
index f30d86029..9ec61f441 100644
--- a/src/plugins/navigation/components/index.js
+++ b/src/plugins/navigation/components/index.js
@@ -6,7 +6,7 @@
  * @flow strict-local
  */
 
-export {default as AutoCompleteSheet} from './AutoCompleteSheet';
+export {default as AutoCompleteSheet} from './AutoCompleteSheet.tsx';
 export {default as BookmarksSidebar} from './BookmarksSidebar.tsx';
 export {default as FavoriteButton} from './FavoriteButton.tsx';
 export {default as IconButton} from './IconButton.tsx';