Refactor Stella plugin

Summary:
1. Replace old FileSelector with the new FileSelector
2. Remove showOpenDialog from FlipperLib

Reviewed By: mweststrate

Differential Revision: D32667103

fbshipit-source-id: be8da034c2695f83b397b6c7d35bc6aee78d66e5

desktop/flipper-ui-core/src/chrome/plugin-manager/PluginPackageInstaller.tsx

@@ -16,10 +16,9 @@ import {
   LoadingIndicator,
 } from '../../ui';
 import styled from '@emotion/styled';
-import {default as FileSelector} from '../../ui/components/FileSelector';
 import React, {useState} from 'react';
 import {installPluginFromFile} from 'flipper-plugin-lib';
-import {Toolbar} from 'flipper-plugin';
+import {Toolbar, FileSelector} from 'flipper-plugin';
 
 const CenteredGlyph = styled(Glyph)({
   margin: 'auto',
@@ -80,10 +79,16 @@ export default function PluginPackageInstaller({
   return (
     <Toolbar>
       <FileSelector
-        placeholderText="Specify path to a Flipper package or just drag and drop it here..."
-        onPathChanged={(e) => {
-          setPath(e.path);
-          setIsPathValid(e.isValid);
+        label="Select a Flipper package or just drag and drop it here..."
+        onChange={(newFile) => {
+          if (newFile) {
+            // TODO: Fix me before implementing Browser Flipper. "path" is only availbale in Electron!
+            setPath(newFile.path!);
+            setIsPathValid(true);
+          } else {
+            setPath('');
+            setIsPathValid(false);
+          }
           setError(undefined);
         }}
       />