Remove webkitGetAsEntry method, not standard and supported.

Author: aaclage

docs/documentation/docs/controls/DragDropFiles.md

@@ -48,15 +48,13 @@ import { DragDropFiles } from "@pnp/spfx-controls-react/lib/DragDropFiles";
 
 ![FilePicker control with grouping](../assets/DragDropFilesSample2.png)
 
-- With the `onDrop` handler you can define a method that returns files and files inside folders that where drag and drop by user.
+- With the `onDrop` handler you can define a method that returns files that where drag and drop by user.
 
-**PS: New property "fullPath" was included in file object to allow identify dropped files based on Folders, this allow users to create associated folder path.**
 
 ```typescript
 private _getDropFiles = (files) => {
     for (var i = 0; i < files.length; i++) {
       console.log("Filename: " + files[i].name);
-      console.log("Path: " + files[i].fullPath);
     }
   }
 ```

src/controls/dragDropFiles/DragDropFiles.tsx

@@ -103,87 +103,26 @@ export class DragDropFiles extends React.Component<IDragDropFilesProps, IDragDro
 
   /**
    * Add File to Array Files of type File[]
-   * https://www.meziantou.net/upload-files-and-directories-using-an-input-drag-and-drop-or-copy-and-paste-with.htm 
    * @param dataTransfer 
    */
   private getFilesAsync = async (e) => {
     const Customfiles = e.dataTransfer;
     const items = Customfiles.items;
-    const Directory = [];
     const files: File[] = [];
+
     for (let i = 0; i < items.length; i++) {
-        const item = items[i];
-        if (item.kind === "file") {
-            if (typeof item.webkitGetAsEntry === "function") {
-          const entry = item.webkitGetAsEntry();
-          if (entry.isDirectory) {
-            Directory.push(entry);
-          }else{
-            const file = item.getAsFile();
-            if (file) {
-              file.fullPath = "";
-              files.push(file);
-            }
-          }
-          continue;
+      const item = items[i];
+      if (item.kind === "file") {
+        const file = item.getAsFile();
+        if (file) {
+          files.push(file);
         }
+        continue;
       }
     }
-    if(Directory.length > 0)
-    {
-      const entryContent = await this.readEntryContentAsync(Directory);
-      files.push(...entryContent);
-    }
     return files;
   }
 
-  // Returns a promise with all the files of the directory hierarchy
-  /**
-   * 
-   * @param entry 
-   */
-  private readEntryContentAsync = (Directory) => {
-    return new Promise<File[]>((resolve, reject) => {
-      let reading = 0;
-      const contents: File[] = [];
-      Directory.forEach(entry => {
-        readEntry(entry, "");
-      });
-      
-      function readEntry(entry, path) {
-        if (entry.isDirectory) {
-          readReaderContent(entry.createReader());
-        } else {
-          reading++;
-          entry.file(file => {
-            reading--;
-            file.fullPath = path;
-            contents.push(file);
-
-            if (reading === 0) {
-              resolve(contents);
-            }
-          });
-        }
-      }
-
-      function readReaderContent(reader) {
-        reading++;
-
-        reader.readEntries((entries)=> {
-          reading--;
-          for (const entry of entries) {
-            readEntry(entry, entry.fullPath);
-          }
-
-          if (reading === 0) {
-            resolve(contents);
-          }
-        });
-      }
-    });
-  }
-
   /**
    * Default React component render method
    */
@@ -216,4 +155,4 @@ export class DragDropFiles extends React.Component<IDragDropFilesProps, IDragDro
       </div>
     );
   }
-}
+}

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -484,7 +484,6 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
   private _getDropFiles = (files) => {
     for (var i = 0; i < files.length; i++) {
       console.log("File name: " +files[i].name);
-      console.log("Folder Path: " + files[i].fullPath);
     }
   }
 
@@ -1201,8 +1200,8 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
         >
 
           <Placeholder iconName='BulkUpload'
-            iconText='Drag files or folder with files here...'
-            description={defaultClassNames => <span className={defaultClassNames}>Drag files or folder with files here...</span>}
+            iconText='Drag files here...'
+            description={defaultClassNames => <span className={defaultClassNames}>Drag files here...</span>}
             buttonLabel='Configure'
             hideButton={this.props.displayMode === DisplayMode.Read}
             onConfigure={this._onConfigure} />