Add support for AppCustomizer.

Add missing default export.

Author: Piotr Siatka

src/controls/filePicker/FilePicker.tsx

@@ -39,10 +39,10 @@ export class FilePicker extends React.Component<IFilePickerProps, IFilePickerSta
     telemetry.track('FilePicker', {});
 
     // Initialize file browser services
-    this.fileBrowserService = new FileBrowserService(props.webPartContext, this.props.itemsCountQueryLimit);
-    this.oneDriveService = new OneDriveService(props.webPartContext, this.props.itemsCountQueryLimit);
-    this.orgAssetsService = new OrgAssetsService(props.webPartContext, this.props.itemsCountQueryLimit);
-    this.fileSearchService = new FilesSearchService(props.webPartContext, this.props.bingAPIKey);
+    this.fileBrowserService = new FileBrowserService(props.context, this.props.itemsCountQueryLimit);
+    this.oneDriveService = new OneDriveService(props.context, this.props.itemsCountQueryLimit);
+    this.orgAssetsService = new OrgAssetsService(props.context, this.props.itemsCountQueryLimit);
+    this.fileSearchService = new FilesSearchService(props.context, this.props.bingAPIKey);
 
     this.state = {
       panelOpen: false,
@@ -68,7 +68,7 @@ export class FilePicker extends React.Component<IFilePickerProps, IFilePickerSta
 
     const linkTabProps = {
       accepts: accepts,
-      context: this.props.webPartContext,
+      context: this.props.context,
       onClose: () => this._handleClosePanel(),
       onSave: (value: IFilePickerResult) => { this._handleSave(value); }
     };

src/controls/filePicker/FilePicker.types.ts

@@ -1,14 +1,15 @@
 import { WebPartContext } from "@microsoft/sp-webpart-base";
 import { IBreadcrumbItem } from "office-ui-fabric-react/lib/Breadcrumb";
 import { IFile, ILibrary } from "../../services/FileBrowserService.types";
+import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
 
 export interface FilePickerBreadcrumbItem extends IBreadcrumbItem {
   libraryData?: ILibrary;
   folderData?: IFile;
 }
 
 export interface IFilePickerTab {
-  context: WebPartContext;
+  context: ApplicationCustomizerContext | WebPartContext;
   accepts: string[];
   onSave: (value: IFilePickerResult) => void;
   onClose: () => void;

src/controls/filePicker/IFilePickerProps.ts

@@ -1,5 +1,6 @@
 import { WebPartContext } from "@microsoft/sp-webpart-base";
 import { IFilePickerResult } from "./FilePicker.types";
+import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
 
 export interface IFilePickerProps {
   /**
@@ -29,7 +30,7 @@ export interface IFilePickerProps {
   /**
    * Current context.
    */
-  webPartContext: WebPartContext;
+  context: ApplicationCustomizerContext |  WebPartContext;
 
   /**
    * File extensions to be displayed.

src/index.ts

@@ -10,6 +10,7 @@ export * from './ListItemAttachments';
 export * from './ChartControl';
 export * from './Progress';
 export * from './DateTimePicker';
+export * from './FilePicker';
 
 export * from './IFrameDialog';
 export * from './IFramePanel';

src/services/FileBrowserService.ts

@@ -2,16 +2,17 @@ import { WebPartContext } from "@microsoft/sp-webpart-base";
 import { IFile, FilesQueryResult, ILibrary } from "./FileBrowserService.types";
 import { SPHttpClient } from "@microsoft/sp-http";
 import { GeneralHelper } from "..";
+import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
 
 export class FileBrowserService {
   protected itemsToDownloadCount: number;
-  protected context: WebPartContext;
+  protected context: ApplicationCustomizerContext | WebPartContext;
 
   protected driveAccessToken: string;
   protected mediaBaseUrl: string;
   protected callerStack: string;
 
-  constructor(context: WebPartContext, itemsToDownloadCount: number = 100) {
+  constructor(context: ApplicationCustomizerContext | WebPartContext, itemsToDownloadCount: number = 100) {
     this.context = context;
 
     this.itemsToDownloadCount = itemsToDownloadCount;

src/services/FilesSearchService.ts

@@ -2,6 +2,7 @@ import { WebPartContext } from "@microsoft/sp-webpart-base";
 import { IHttpClientOptions, SPHttpClient, SPHttpClientResponse } from "@microsoft/sp-http";
 import { ISearchResult, BingQuerySearchParams, IRecentFile } from "./FilesSearchService.types";
 import { find } from "office-ui-fabric-react/lib/Utilities";
+import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
 
 /**
  * Maximum file size when searching
@@ -14,10 +15,10 @@ const MAXFILESIZE = 52428800;
 const MAXRESULTS = 100;
 
 export class FilesSearchService {
-  private context: WebPartContext;
+  private context: ApplicationCustomizerContext | WebPartContext;
   private bingAPIKey: string;
 
-  constructor(context: WebPartContext, bingAPIKey: string) {
+  constructor(context: ApplicationCustomizerContext | WebPartContext, bingAPIKey: string) {
     this.context = context;
     this.bingAPIKey = bingAPIKey;
   }

src/services/OneDriveService.ts

@@ -7,14 +7,15 @@ import { IGetListDataAsStreamResult, IRow } from './IOneDriveService';
 import { GeneralHelper } from "../Utilities";
 import { FileBrowserService } from "./FileBrowserService";
 import { IFile, FilesQueryResult } from "./FileBrowserService.types";
+import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
 
 export class OneDriveService extends FileBrowserService {
   protected oneDrivePersonalUrl: string;
   protected oneDriveRootFolderRelativeUrl: string;
   protected oneDriveRootFolderAbsoluteUrl: string;
   protected oneDrivePersonalLibraryTitle: string;
 
-  constructor(context: WebPartContext, itemsToDownloadCount?: number) {
+  constructor(context: ApplicationCustomizerContext | WebPartContext, itemsToDownloadCount?: number) {
     super(context, itemsToDownloadCount);
 
     this.oneDrivePersonalUrl = null;

src/services/OrgAssetsService.ts

@@ -2,11 +2,12 @@ import { FileBrowserService } from "./FileBrowserService";
 import { WebPartContext } from "@microsoft/sp-webpart-base";
 import { SPHttpClient } from "@microsoft/sp-http";
 import { ILibrary, FilesQueryResult } from "./FileBrowserService.types";
+import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
 
 export class OrgAssetsService extends FileBrowserService {
   private _orgAssetsLibraryServerRelativeSiteUrl: string = null;
 
-  constructor(context: WebPartContext, itemsToDownloadCount?: number) {
+  constructor(context: ApplicationCustomizerContext | WebPartContext, itemsToDownloadCount?: number) {
     super(context, itemsToDownloadCount);
   }
 

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -809,7 +809,7 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
             buttonIcon="FileImage"
             onSave={(filePickerResult: IFilePickerResult) => { this.setState({ filePickerResult }); }}
             onChanged={(filePickerResult: IFilePickerResult) => { this.setState({ filePickerResult }); }}
-            webPartContext={this.props.context}
+            context={this.props.context}
           />
           {
             this.state.filePickerResult &&