update people picker search and index.html permission scopes (#742)

* update people picker search and index.html permission scopes

* Remove comments

Co-authored-by: Nikola Metulev <[email protected]>

* prettier formatting

Co-authored-by: Nikola Metulev <[email protected]>
Co-authored-by: Beth Pan <[email protected]>
Co-authored-by: Nikola Metulev <[email protected]>

Author: 3 people

index.html

@@ -25,7 +25,7 @@
 
     <mgt-msal-provider
       client-id="a974dfa0-9f57-49b9-95db-90f04ce2111a"
-      scopes="user.read,people.read,user.readbasic.all,contacts.read,calendars.read"
+      scopes="user.read,people.read,user.readbasic.all,contacts.read,calendars.read,presence.read.all,tasks.readwrite,presence.read,user.read.all,group.read.all,tasks.read"
       redirect-uri="http://localhost:3000"
       depends-on="mgt-teams-provider"
     ></mgt-msal-provider>

packages/mgt-react/src/generated/react.ts

@@ -12,6 +12,7 @@ export type AgendaProps = {
 	events?: MicrosoftGraph.Event[];
 	showMax?: number;
 	groupByDay?: boolean;
+	preferredTimezone?: string;
 	templateConverters?: MgtElement.TemplateContext;
 	templateContext?: MgtElement.TemplateContext;
 	direction?: string;

packages/mgt/src/components/mgt-people-picker/mgt-people-picker.ts

@@ -707,17 +707,6 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
       }
     }
 
-    if (people) {
-      people = people.filter((user: User) => {
-        return (
-          user.displayName.toLowerCase().indexOf(input) !== -1 ||
-          (!!user.givenName && user.givenName.toLowerCase().indexOf(input) !== -1) ||
-          (!!user.surname && user.surname.toLowerCase().indexOf(input) !== -1) ||
-          (!!user.mail && user.mail.toLowerCase().indexOf(input) !== -1)
-        );
-      });
-    }
-
     this._foundPeople = this.filterPeople(people);
   }
 
@@ -844,6 +833,8 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
         highlight = displayName.slice(highlightLocation, highlightLocation + userInputLength);
         last = displayName.slice(highlightLocation + userInputLength, displayName.length);
       }
+    } else {
+      first = person.displayName;
     }
 
     return html`

packages/mgt/src/graph/graph.user.ts

@@ -406,9 +406,9 @@ export async function findUsers(graph: IGraph, query: string, top: number = 10):
   try {
     graphResult = await graph
       .api('users')
-      .filter(
-        `startswith(displayName,'${query}') or startswith(givenName,'${query}') or startswith(surname,'${query}') or startswith(mail,'${query}') or startswith(userPrincipalName,'${query}')`
-      )
+      .header('ConsistencyLevel', 'eventual')
+      .count(true)
+      .search(`"displayName:${query}"`)
       .top(top)
       .middlewareOptions(prepScopes(scopes))
       .get();