From 14557d5423e8e00e790556b3d45aab80fcbddcc0 Mon Sep 17 00:00:00 2001
From: Gautam Sheth <gautamdsheth@outlook.com>
Date: Wed, 16 Sep 2020 19:59:04 +0530
Subject: [PATCH 1/3] Added additional props for File Picker

---
 src/controls/filePicker/FilePicker.tsx      | 2 +-
 src/controls/filePicker/IFilePickerProps.ts | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/controls/filePicker/FilePicker.tsx b/src/controls/filePicker/FilePicker.tsx
index 04c005ee1..62f54b56d 100644
--- a/src/controls/filePicker/FilePicker.tsx
+++ b/src/controls/filePicker/FilePicker.tsx
@@ -46,7 +46,7 @@ export class FilePicker extends React.Component<IFilePickerProps, IFilePickerSta
     this.fileSearchService = new FilesSearchService(props.context, this.props.bingAPIKey);
 
     this.state = {
-      panelOpen: false,
+      panelOpen: this.props.isPanelOpen || false,
       organisationAssetsEnabled: false,
       showFullNav: true
     };
diff --git a/src/controls/filePicker/IFilePickerProps.ts b/src/controls/filePicker/IFilePickerProps.ts
index 1b2c7e865..0ad3eef12 100644
--- a/src/controls/filePicker/IFilePickerProps.ts
+++ b/src/controls/filePicker/IFilePickerProps.ts
@@ -113,4 +113,12 @@ export interface IFilePickerProps {
    * @default true
    */
   storeLastActiveTab?: boolean;
+  /**
+   * Specifies if the file picker panel is open by default or not
+   */
+  isPanelOpen?: boolean;
+  /**
+   * Handler when file picker has been cancelled.
+   */
+  onCancel?: () => void;
 }

From efd4347a19a1191cbde246799e530754cd605025 Mon Sep 17 00:00:00 2001
From: Gautam Sheth <gautamdsheth@outlook.com>
Date: Wed, 16 Sep 2020 20:39:38 +0530
Subject: [PATCH 2/3] Added onCancel implementation

---
 src/controls/filePicker/FilePicker.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/controls/filePicker/FilePicker.tsx b/src/controls/filePicker/FilePicker.tsx
index 62f54b56d..2214649e5 100644
--- a/src/controls/filePicker/FilePicker.tsx
+++ b/src/controls/filePicker/FilePicker.tsx
@@ -206,6 +206,9 @@ export class FilePicker extends React.Component<IFilePickerProps, IFilePickerSta
    * Closes the panel
    */
   private _handleClosePanel = () => {
+    if (this.props.onCancel !== undefined) {
+      this.props.onCancel();
+    }
     this.setState({
       panelOpen: false
     });

From 8f649f61eea72632f00573329e0edf9e3a0ea64a Mon Sep 17 00:00:00 2001
From: Gautam Sheth <gautamdsheth@outlook.com>
Date: Thu, 17 Sep 2020 15:46:52 +0530
Subject: [PATCH 3/3] Better check for onCancel event

---
 src/controls/filePicker/FilePicker.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/controls/filePicker/FilePicker.tsx b/src/controls/filePicker/FilePicker.tsx
index 2214649e5..406e0941a 100644
--- a/src/controls/filePicker/FilePicker.tsx
+++ b/src/controls/filePicker/FilePicker.tsx
@@ -206,7 +206,7 @@ export class FilePicker extends React.Component<IFilePickerProps, IFilePickerSta
    * Closes the panel
    */
   private _handleClosePanel = () => {
-    if (this.props.onCancel !== undefined) {
+    if (this.props.onCancel) {
       this.props.onCancel();
     }
     this.setState({