Extended defaultSelectedUsers property to show inactive users

Author: Sankar Kumar

docs/documentation/docs/controls/PeoplePicker.md

@@ -70,7 +70,7 @@ The People picker control can be configured with the following properties:
 | onChange | (items: IPersonaProps[]) => void | no | Get the selected users in the control. | |
 | peoplePickerWPclassName | string | no | applies custom styling to the people picker element | |
 | peoplePickerCntrlclassName | string | no | applies custom styling to the people picker control only | |
-| defaultSelectedUsers | string[] | no | Default selected user emails or login names | |
+| defaultSelectedUsers | string[] | no | Default selected user emails or login names or user title`|inactive`. User title is just to display the inactive users. Append the user title with string `|inactive` in lower case. | |
 | webAbsoluteUrl | string | no | Specify the site URL on which you want to perform the user query call. If not provided, the people picker will perform a tenant wide people/group search. When provided it will search users/groups on the provided site. | |
 | principalTypes | PrincipalType[] | no | Define which type of data you want to retrieve: User, SharePoint groups, Security groups. Multiple are possible. | |
 | ensureUser | boolean | no | When ensure user property is true, it will return the local user ID on the current site when doing a tenant wide search. | false |

src/controls/peoplepicker/PeoplePickerComponent.tsx

@@ -93,9 +93,18 @@ export class PeoplePicker extends React.Component<IPeoplePickerProps, IPeoplePic
     if (defaultSelectedUsers) {
       let selectedPersons: IPersonaProps[] = [];
       for (const userValue of props.defaultSelectedUsers) {
-        const userResult = await this.peopleSearchService.searchPersonByEmailOrLogin(userValue, principalTypes, webAbsoluteUrl, this.groupId, ensureUser);
-        if (userResult) {
-          selectedPersons.push(userResult);
+        if (userValue.endsWith("|inactive")) {
+          const temp: string = userValue.slice(0, -9);
+          if (temp) {
+            const inactiveUser: IPersonaProps = { text: temp };
+            selectedPersons.push(inactiveUser);
+          }
+        }
+        else {
+          const userResult = await this.peopleSearchService.searchPersonByEmailOrLogin(userValue, principalTypes, webAbsoluteUrl, this.groupId, ensureUser);
+          if (userResult) {
+            selectedPersons.push(userResult);
+          }
         }
       }