Migrated AutoCompleteSheet to TypeScript

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

Reviewed By: danielbuechele

Differential Revision: D17132216

fbshipit-source-id: 2ce269cbd5a77353002958650c25d7297cc4e99e

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 {useItemNavigation} from '../hooks/autoCompleteSheet';
-import {filterProvidersToLineItems} from '../util/autoCompleteProvider.tsx';
+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>;
-type Props = {|
+  onHighlighted: (uri: URI) => void;
-  providers: Array<AutoCompleteProvider>,
+  onNavigate: (uri: URI) => void;
-  onHighlighted: string => void,
+  query: string;
-  onNavigate: string => 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>

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