Fixed folder selection on Site tab

Fixed folder selection on Recents tab -> no folder selection allowed

Author: Monalisa Baltatescu

src/controls/filePicker/RecentFilesTab/RecentFilesTab.module.scss

@@ -131,12 +131,11 @@
   }
 }
 
-.gridListCell.isSelected .itemTileCheckCircle,
-.gridListCell:hover,
-.gridListCell:hover .itemTileCheckCircle {
-  opacity: 1;
+.itemTile.isSelected {
+  .itemTileCheckCircle {
+    opacity: 1;
+  }
 }
-
 .itemTileNamePlate {
   position: absolute;
   bottom:0;

src/controls/filePicker/RecentFilesTab/RecentFilesTab.tsx

@@ -101,6 +101,7 @@ export default class RecentFilesTab extends React.Component<IRecentFilesTabProps
     let filePickerResults: IFilePickerResult[] = [];
     // Get the selected item
     this._selection.getSelection().map((selectedKey: IRecentFile) => {
+      if(!selectedKey.isFolder && selectedKey.fileUrl)
       filePickerResults.push({
         fileAbsoluteUrl: selectedKey.fileUrl,
         fileName: GeneralHelper.getFileNameFromUrl(selectedKey.fileUrl),
@@ -161,7 +162,7 @@ export default class RecentFilesTab extends React.Component<IRecentFilesTabProps
       <FocusZone>
         <SelectionZone selection={this._selection}
           selectionMode={SelectionMode.multiple}
-          onItemInvoked={(item: IRecentFile) => this._handleItemInvoked(item)}>
+          onItemInvoked={(item: any) => this._handleItemInvoked(item)}>
           <List
             ref={this._linkElement}
             items={this.state.results}
@@ -235,7 +236,9 @@ export default class RecentFilesTab extends React.Component<IRecentFilesTabProps
    * Gets called what a file is selected.
    */
   private _handleItemInvoked = (item: IRecentFile) => {
-    this._selection.toggleKeySelected(item.key);
+    if(!item.isFolder) {
+      this._selection.toggleKeySelected(item.key);
+    }
   }
 
   /**

src/controls/filePicker/controls/FileBrowser/FileBrowser.tsx

@@ -455,10 +455,7 @@ export class FileBrowser extends React.Component<IFileBrowserProps, IFileBrowser
   private _itemSelectionChanged = () => {
     let filePickerResults: IFilePickerResult[] = [];
     this._selection.getSelection().map((item: IFile, index: number) => {
-      if (item.isFolder) {
-        this._selection.toggleIndexSelected(index);
-      }
-      else {
+      if (!item.isFolder) {
         filePickerResults.push({
           fileAbsoluteUrl: item.absoluteUrl,
           fileName: GeneralHelper.getFileNameFromUrl(item.name),

src/services/FilesSearchService.ts

@@ -224,7 +224,8 @@ export class FilesSearchService {
       key: keyCell ? keyCell.Value : null,
       name: titleCell ? titleCell.Value : null,
       fileUrl: fileUrlCell ? fileUrlCell.Value : null,
-      editedBy: editedByCell ? editedByCell.Value : null
+      editedBy: editedByCell ? editedByCell.Value : null,
+      isFolder: !fileUrlCell.Value
     };
     return recentFile;
   }

src/services/FilesSearchService.types.ts

@@ -3,6 +3,7 @@ export interface IRecentFile {
   key: string;
   name: string;
   editedBy: string;
+  isFolder: boolean;
 }
 
 export interface BingQuerySearchParams {