Add properties for setting ListItemAttachments labels

Author: joelfmrodrigues

docs/documentation/docs/controls/ListItemAttachments.md

@@ -59,6 +59,8 @@ The `ListItemAttachments` control can be configured with the following propertie
 | itemId | number | no | 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. |
+| label | string | no | Main text to display on the placeholder, next to the icon. |
+| description | string | no | Description text to display on the placeholder, below the main text and icon. |
 | disabled | boolean | no | Specifies if the control is disabled or not. |
 | openAttachmentsInNewWindow | boolean | no | Specifies if the attachment should be openend in a separate browser tab. Use this property set to `true` if you plan to use the component in Microsoft Teams. |
 

src/controls/listItemAttachments/IListItemAttachmentsProps.ts

@@ -8,4 +8,12 @@ export interface IListItemAttachmentsProps {
   disabled?: boolean;
   context: BaseComponentContext;
   openAttachmentsInNewWindow?: boolean; // JJ - 20200613 - needed to support Microsoft Teams
+  /**
+   * Main text to display on the placeholder, next to the icon
+   */
+  label?:string;
+  /**
+   * Description text to display on the placeholder, below the main text and icon
+   */
+  description?:string;
 }

src/controls/listItemAttachments/ListItemAttachments.tsx

@@ -255,8 +255,8 @@ export class ListItemAttachments extends React.Component<IListItemAttachmentsPro
           this.state.showPlaceHolder ?
             <Placeholder
               iconName='Upload'
-              iconText={strings.ListItemAttachmentslPlaceHolderIconText}
-              description={strings.ListItemAttachmentslPlaceHolderDescription}
+              iconText={this.props.label || strings.ListItemAttachmentslPlaceHolderIconText}
+              description={this.props.description || strings.ListItemAttachmentslPlaceHolderDescription}
               buttonLabel={strings.ListItemAttachmentslPlaceHolderButtonLabel}
               hideButton={this.props.disabled}
               onConfigure={() => this.setState({ fireUpload: true })} />