Merge branch 'joaojmendes-dev' into dev

Author: estruyf

docs/documentation/docs/assets/ListItemAttachementDeletedMsg.png

@@ -0,0 +1,45 @@
+# ListItemAttachments control
+
+This control allows you to manage list item attachments, you can add or delete associated attachments. The attachments are listed in tile view.
+
+Here is an example of the control:
+
+![ListItemAttachments Upload](../assets/ListItemAttachmentsUpload.png)
+
+![ListItemAttachments Tiles](../assets/ListItemAttachmentsTitles.png)
+
+![ListItemAttachments Confirm Delete](../assets/ListItemAttachmentDeleteConfirm.png)
+
+![ListItemAttachments Attachment Deleted ](../assets/ListItemAttachementDeletedMsg.png)
+
+## 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 control into your component:
+
+```TypeScript
+import { ListItemAttachments } from '@pnp/spfx-controls-react/listItemAttachments';
+```
+- Use the `ListItemAttachments` control in your code as follows:
+
+```TypeScript
+<ListItemAttachments listId='dfa283f4-5faf-4d54-b6b8-5bcaf2725af5'
+                     itemId={1}
+                     context={this.props.context}
+                     disabled={false} />
+```
+
+## Implementation
+
+The `ListItemAttachments` control can be configured with the following properties:
+
+
+| Property | Type | Required | Description |
+| ---- | ---- | ---- | ---- |
+| context | WebPartContext \| ApplicationCustomizerContext | yes | SPFx web part or extention context |
+| itemId | number | yes | List Item Id  |
+| listId | string | yes | Guid of the list. |
+| webUrl | string | no | URL of the site. By default it uses the current site URL. |
+| disabled | boolean | no | Specifies if the control is disabled or not. |
+
+![](https://telemetry.sharepointpnp.com/sp-dev-fx-controls-react/wiki/controls/ListItemAttachments)

docs/documentation/docs/assets/ListItemAttachmentDeleteConfirm.png

@@ -13,6 +13,7 @@ nav:
       - "Radar Chart": 'controls/charts/RadarChart.md'
       - "Scatter Chart": 'controls/charts/ScatterChart.md'
     - FileTypeIcon: 'controls/FileTypeIcon.md'
+    - ListItemAttachments: 'controls/ListItemAttachments.md'
     - ListItemPicker: 'controls/ListItemPicker.md'
     - ListPicker: 'controls/ListPicker.md'
     - ListView: 'controls/ListView.md'

docs/documentation/docs/assets/ListItemAttachmentsTitles.png

@@ -0,0 +1 @@
+export * from './controls/listItemAttachments';

docs/documentation/docs/assets/ListItemAttachmentsTitles2.png

@@ -0,0 +1,4 @@
+export interface IListItemAttachmentFile{
+  FileName : string;
+  ServerRelativeUrl: string;
+}

docs/documentation/docs/assets/ListItemAttachmentsUpload.png

@@ -0,0 +1,11 @@
+import { WebPartContext } from "@microsoft/sp-webpart-base";
+import { ApplicationCustomizerContext } from "@microsoft/sp-application-base";
+
+export interface IListItemAttachmentsProps {
+  listId: string;
+  itemId: number;
+  className?: string;
+  webUrl?:string;
+  disabled?: boolean;
+  context: WebPartContext |  ApplicationCustomizerContext;
+}