Migrate util/autoCompleteProvider to TypeScript

Summary: Migrated autoCompleteProvider.js to autoCompleteProvider.tsx

Reviewed By: danielbuechele

Differential Revision: D17133612

fbshipit-source-id: 7d4da17bd639fdd4fc7a79cc931abeab62be2086

src/plugins/navigation/__tests__/testAutoCompleteSearch.node.js

@@ -6,7 +6,7 @@
  * @flow strict-local
  */
 
-import {filterMatchPatterns} from '../util/autoCompleteProvider';
+import {filterMatchPatterns} from '../util/autoCompleteProvider.tsx';
 
 import type {URI} from '../flow-types';
 

src/plugins/navigation/components/AutoCompleteSheet.js

@@ -8,7 +8,7 @@
 
 import {Glyph, styled} from 'flipper';
 import {useItemNavigation} from '../hooks/autoCompleteSheet';
-import {filterProvidersToLineItems} from '../util/autoCompleteProvider';
+import {filterProvidersToLineItems} from '../util/autoCompleteProvider.tsx';
 
 import type {AutoCompleteProvider} from '../flow-types';
 

src/plugins/navigation/index.js

@@ -24,7 +24,7 @@ import {
   appMatchPatternsToAutoCompleteProvider,
   bookmarksToAutoCompleteProvider,
   DefaultProvider,
-} from './util/autoCompleteProvider';
+} from './util/autoCompleteProvider.tsx';
 import {getAppMatchPatterns} from './util/appMatchPatterns';
 import {getRequiredParameters, filterOptionalParameters} from './util/uri.tsx';
 

src/plugins/navigation/util/autoCompleteProvider.tsx

@@ -3,30 +3,30 @@
  * 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 type {
+import {
   URI,
   Bookmark,
   AutoCompleteProvider,
   AutoCompleteLineItem,
   AppMatchPattern,
-} from '../flow-types';
+} from '../types';
 
 export function DefaultProvider(): AutoCompleteProvider {
-  this.icon = 'caution';
+  return {
-  this.matchPatterns = new Map<string, URI>();
+    icon: 'caution',
-  return this;
+    matchPatterns: new Map<string, URI>(),
+  };
 }
 
-export const bookmarksToAutoCompleteProvider: (
+export const bookmarksToAutoCompleteProvider = (
-  Map<URI, Bookmark>,
+  bookmarks: Map<URI, Bookmark>,
-) => AutoCompleteProvider = bookmarks => {
+) => {
   const autoCompleteProvider = {
     icon: 'bookmark',
     matchPatterns: new Map<string, URI>(),
-  };
+  } as AutoCompleteProvider;
   bookmarks.forEach((bookmark, uri) => {
     const matchPattern = bookmark.commonName + ' - ' + uri;
     autoCompleteProvider.matchPatterns.set(matchPattern, uri);
@@ -49,14 +49,14 @@ export const appMatchPatternsToAutoCompleteProvider = (
       appMatchPattern.pattern,
     );
   });
-  return (autoCompleteProvider: AutoCompleteProvider);
+  return autoCompleteProvider;
 };
 
-export const filterMatchPatterns: (
+export const filterMatchPatterns = (
-  Map<string, URI>,
+  matchPatterns: Map<string, URI>,
-  string,
+  query: URI,
-  number,
+  maxItems: number,
-) => Map<string, URI> = (matchPatterns, query, maxItems) => {
+) => {
   const filteredPatterns = new Map<string, URI>();
   for (const [pattern, uri] of matchPatterns) {
     if (filteredPatterns.size >= maxItems) {
@@ -68,22 +68,22 @@ export const filterMatchPatterns: (
   return filteredPatterns;
 };
 
-const filterProvider: (
+const filterProvider = (
-  AutoCompleteProvider,
+  provider: AutoCompleteProvider,
-  string,
+  query: string,
-  number,
+  maxItems: number,
-) => AutoCompleteProvider = (provider, query, maxItems) => {
+) => {
   return {
     ...provider,
     matchPatterns: filterMatchPatterns(provider.matchPatterns, query, maxItems),
   };
 };
 
-export const filterProvidersToLineItems: (
+export const filterProvidersToLineItems = (
-  Array<AutoCompleteProvider>,
+  providers: Array<AutoCompleteProvider>,
-  string,
+  query: string,
-  number,
+  maxItems: number,
-) => Array<AutoCompleteLineItem> = (providers, query, maxItems) => {
+) => {
   let itemsLeft = maxItems;
   const lineItems = new Array<AutoCompleteLineItem>(0);
   for (const provider of providers) {