add GRID/LIST viewMode option

Author: Kostis Dad

README.md

@@ -74,6 +74,8 @@ export default App;
 |    disableDefaultView  |  boolean  |     false     |      disables default view     |
 |    viewId        |  string  |     DOCS         |         ViewIdOptions         |
 |    viewMimeTypes |  string  |     optional     |Comma separated mimetypes. Use this in place of viewId if you need to filter multiple type of files. list: https://developers.google.com/drive/api/v3/mime-types.|
+|    viewMode      |  string  |     optional     | can be 'GRID' or 'LIST'       |
+|    appId         |  string  |     ''           | See "Project number" under "IAM & Admin" > "Settings" in the GCP console |
 |setIncludeFolders|  boolean  |     false        |Show folders in the view items.|
 |setSelectFolderEnabled|boolean|     false       |Allows the user to select a folder in Google Drive.|
 |   token          |  string  |     optional     | access_token to skip auth part|

package-lock.json

@@ -113,6 +113,7 @@ export default function useDrivePicker(): [
     showUploadFolders,
     setParentFolder = '',
     viewMimeTypes,
+    viewMode,
     customViews,
     locale = 'en',
     setIncludeFolders,
@@ -124,6 +125,7 @@ export default function useDrivePicker(): [
 
     const view = new google.picker.DocsView(google.picker.ViewId[viewId])
     if (viewMimeTypes) view.setMimeTypes(viewMimeTypes)
+    if (viewMode) view.setViewMode(google.picker.DocsViewMode[viewMode])
     if (setIncludeFolders) view.setIncludeFolders(true)
     if (setSelectFolderEnabled) view.setSelectFolderEnabled(true)
 

src/index.tsx

@@ -23,13 +23,13 @@ export type PickerCallback = {
   docs: CallbackDoc[]
 }
 
-export type authResult =  {
-  access_token: string;
-  token_type: string;
-  expires_in: number;
-  scope: string;
-  authuser: string;
-  prompt: string;
+export type authResult = {
+  access_token: string
+  token_type: string
+  expires_in: number
+  scope: string
+  authuser: string
+  prompt: string
 }
 
 type ViewIdOptions =
@@ -45,11 +45,14 @@ type ViewIdOptions =
   | 'SPREADSHEETS'
   | 'PRESENTATIONS'
 
+type ViewModeOptions = 'GRID' | 'LIST'
+
 export type PickerConfiguration = {
   clientId: string
   developerKey: string
   viewId?: ViewIdOptions
   viewMimeTypes?: string
+  viewMode?: ViewModeOptions
   setIncludeFolders?: boolean
   setSelectFolderEnabled?: boolean
   disableDefaultView?: boolean