#342 Add support for loginName with ensureUser.

Author: Piotr Siatka

src/controls/peoplepicker/IPeoplePicker.ts

@@ -108,7 +108,14 @@ export interface IPeoplePickerState {
 }
 
 export interface IPeoplePickerUserItem {
+  /**
+   * LoginName or Id of the principal in the site.
+   */
   id: string;
+  /**
+   * LoginName of the principal.
+   */
+  loginName: string;
   imageUrl: string;
   imageInitials: string;
   text: string; // name

src/services/PeoplePickerMockClient.ts

@@ -7,7 +7,8 @@ export const MockUsers : IPeoplePickerUserItem[] = [{
     text: "Roger Federer",
     secondaryText: "[email protected]",
     tertiaryText: "",
-    optionalText: ""
+    optionalText: "",
+    loginName: "[email protected]"
   },
   {
     id: "10dfa208-d7d4-4aef-a7ea-f9e4bb1b85c2",
@@ -16,7 +17,8 @@ export const MockUsers : IPeoplePickerUserItem[] = [{
     text: "Rafael Nadal",
     secondaryText: "[email protected]",
     tertiaryText: "",
-    optionalText: ""
+    optionalText: "",
+    loginName:"[email protected]"
   },
   {
     id: "10dfa208-d7d4-4aef-a7ea-f9e4bb1b85c3",
@@ -25,7 +27,8 @@ export const MockUsers : IPeoplePickerUserItem[] = [{
     text: "Novak Djokovic",
     secondaryText: "[email protected]",
     tertiaryText: "",
-    optionalText: ""
+    optionalText: "",
+    loginName: "[email protected]"
   },
   {
     id: "10dfa208-d7d4-4aef-a7ea-f9e4bb1b85c4",
@@ -34,7 +37,8 @@ export const MockUsers : IPeoplePickerUserItem[] = [{
     text: "Juan Martin del Potro",
     secondaryText: "[email protected]",
     tertiaryText: "",
-    optionalText: ""
+    optionalText: "",
+    loginName: "[email protected]"
   }
 ];
 

src/services/PeopleSearchService.ts

@@ -34,12 +34,12 @@ export default class SPPeopleSearchService {
 
   /**
    * Generate sum of principal types
-   * 
+   *
    * PrincipalType controls the type of entities that are returned in the results.
    * Choices are All - 15, Distribution List - 2 , Security Groups - 4, SharePoint Groups - 8, User - 1.
    * These values can be combined (example: 13 is security + SP groups + users)
-   * 
-   * @param principalTypes 
+   *
+   * @param principalTypes
    */
   public getSumOfPrincipalTypes(principalTypes: PrincipalType[]) {
     return !!principalTypes && principalTypes.length > 0 ? principalTypes.reduce((a, b) => a + b, 0) : 1;
@@ -217,20 +217,21 @@ export default class SPPeopleSearchService {
               // Only ensure the user if it is not a SharePoint group
               if (!value.EntityData || (value.EntityData && typeof value.EntityData.SPGroupID === "undefined")) {
                 const id = await this.ensureUser(value.Key);
+                value.LoginName = value.Key;
                 value.Key = id;
               }
             }
           }
 
           // Filter out NULL keys
           values = values.filter(v => v.Key !== null);
-
           const userResults = values.map(element => {
             switch (element.EntityType) {
               case 'User':
                 let email: string = element.EntityData.Email !== null ? element.EntityData.Email : element.Description;
                 return {
                   id: element.Key,
+                  loginName: element.LoginName ? element.LoginName : element.Key,
                   imageUrl: this.generateUserPhotoLink(email),
                   imageInitials: this.getFullNameInitials(element.DisplayText),
                   text: element.DisplayText, // name
@@ -241,20 +242,23 @@ export default class SPPeopleSearchService {
               case 'SecGroup':
                 return {
                   id: element.Key,
+                  loginName: element.LoginName ? element.LoginName : element.Key,
                   imageInitials: this.getFullNameInitials(element.DisplayText),
                   text: element.DisplayText,
                   secondaryText: element.ProviderName
                 } as IPeoplePickerUserItem;
               case 'FormsRole':
                 return {
                   id: element.Key,
+                  loginName: element.LoginName ? element.LoginName : element.Key,
                   imageInitials: this.getFullNameInitials(element.DisplayText),
                   text: element.DisplayText,
                   secondaryText: element.ProviderName
                 } as IPeoplePickerUserItem;
               default:
                 return {
                   id: element.EntityData.SPGroupID,
+                  loginName: element.EntityData.AccountName,
                   imageInitials: this.getFullNameInitials(element.DisplayText),
                   text: element.DisplayText,
                   secondaryText: element.EntityData.AccountName