Merge branch 'joaojmendes-UploadFiles' into dev

Author: joelfmrodrigues

docs/documentation/docs/assets/UploadFiles.gif

@@ -0,0 +1,49 @@
+# UploadFiles
+
+This control allows to drag and drop files and manage files before upload.
+
+## How to use this control in your solutions
+
+- Check that you installed the `@pnp/spfx-controls-react` dependency. Check out the [getting started](../../#getting-started) page for more information about installing the dependency.
+- Import the following modules to your component:
+
+```TypeScript
+import {
+  UploadFiles,
+} from '@pnp/spfx-controls-react/lib/UploadFiles';
+```
+
+- Use the UploadFiles control in your code as follows:
+
+```jsx
+ <UploadFiles
+          pageSize={20}
+          context={context}
+          title="Upload Files"
+          onUploadFiles={(files) => {
+            console.log("files", files);
+          }}
+          themeVariant={themeVariant}
+        />
+```
+
+ 
+![uploadFiles](../assets/UploadFiles.gif)
+![uploadFiles](../assets/UploadFiles02.png)
+![uploadFiles](../assets/UploadFiles01.png)
+ 
+## Implementation
+
+The `UploadFiles` can be configured with the following properties:
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| pageSize | number  | no | number of files to show per page base on this value the height of control is calculate, default 15 |
+| context | WebPartContext | yes | webPartContext |
+| title | string | yes | title |
+| onUploadFiles | (files: File[]) => void; | yes | Method that returns all Files[]     |
+| themeVariant | IReadonlyTheme | no |Theme Variant |
+
+
+
+![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/UploadFiles)

docs/documentation/docs/assets/UploadFiles01.png

@@ -108,6 +108,7 @@ The following controls are currently available:
 - [TeamPicker](./controls/TeamPicker) (Team Picker)
 - [Toolbar](./controls/Toolbar) (Control to render Toolbar in Microsoft Teams)
 - [TreeView](./controls/TreeView) (Tree View)
+- [UploadFiles](./controls/UploadFiles) (Upload Files)
 - [VariantThemeProvider](./controls/VariantThemeProvider) (Variant Theme Provider)
 - [WebPartTitle](./controls/WebPartTitle) (Customizable web part title control)
 

docs/documentation/docs/assets/UploadFiles02.png

@@ -69,6 +69,7 @@ nav:
     - TeamPicker: 'controls/TeamPicker.md'
     - Toolbar: 'controls/Toolbar.md'
     - TreeView: 'controls/TreeView.md'
+    - UploadFiles: 'controls/UploadFiles.md'
     - VariantThemeProvider: 'controls/VariantThemeProvider.md'
     - WebPartTitle: 'controls/WebPartTitle.md'
   - 'Field Controls':