Migrate SelectPluginSheet from js to tsx

Summary: Migrated SelectPluginSheet.js to SelectPluginSheet.tsx

Reviewed By: jknoxville

Differential Revision: D16733361

fbshipit-source-id: c48e921761f4008a76a5000dd58aa2dd1aa42d2c

src/chrome/SelectPluginSheet.tsx

@@ -6,7 +6,6 @@
  */
 
 import {
-  Component,
   Text,
   FlexColumn,
   styled,
@@ -17,21 +16,22 @@ import {
   colors,
   View,
 } from 'flipper';
+import React, {Component} from 'react';
 
 export type PluginSelection = Map<string, boolean>;
 
-type Props = {|
+type Props = {
-  onSelect: (plugins: Array<string>) => void,
+  onSelect: (plugins: Array<string>) => void;
-  onHide: () => mixed,
+  onHide: () => any;
-  plugins: PluginSelection,
+  plugins: PluginSelection;
-|};
+};
 
 const Title = styled(Text)({
   margin: 6,
 });
 
 type State = {
-  plugins: PluginSelection,
+  plugins: PluginSelection;
 };
 
 const Container = styled(FlexColumn)({
@@ -64,9 +64,9 @@ const Padder = styled('div')(
 );
 
 type PluginRowComponentProps = {
-  name: string,
+  name: string;
-  selected: boolean,
+  selected: boolean;
-  onChange: (name: string, selected: boolean) => void,
+  onChange: (name: string, selected: boolean) => void;
 };
 
 class PluginRowComponent extends Component<PluginRowComponentProps> {
@@ -97,7 +97,7 @@ class PluginRowComponent extends Component<PluginRowComponentProps> {
 }
 
 export default class SelectPluginSheet extends Component<Props, State> {
-  state = {plugins: new Map()};
+  state = {plugins: new Map<string, boolean>()};
   static getDerivedStateFromProps(props: Props, state: State) {
     if (state.plugins.size > 0) {
       return null;
@@ -128,8 +128,7 @@ export default class SelectPluginSheet extends Component<Props, State> {
             Select the plugins for which you want to export the data
           </Title>
           <PluginRowComponentContainer>
-            {Array.from(plugins.entries()).map(
+            {Array.from(plugins.entries()).map(([pluginID, selected]) => {
-              ([pluginID: string, selected: boolean]) => {
               return (
                 <PluginRowComponent
                   name={pluginID}
@@ -140,8 +139,7 @@ export default class SelectPluginSheet extends Component<Props, State> {
                   }}
                 />
               );
-              },
+            })}
-            )}
           </PluginRowComponentContainer>
         </FlexColumn>
         <Padder paddingTop={8} paddingBottom={2}>