Merge branch 'main' into fix/localization-typing

packages/mgt-components/src/components/mgt-planner/mgt-planner.ts

@@ -792,6 +792,7 @@ export class MgtPlanner extends MgtTemplatedTaskComponent {
     const taskTitle = html`
       <fluent-text-field
         autocomplete="off"
+        ?autofocus=${this.isNewTaskVisible}
         placeholder=${this.strings.newTaskPlaceholder}
         .value="${this._newTaskName}"
         class="new-task"

samples/react-contoso/src/pages/HomePage.tsx

@@ -1,54 +1,10 @@
 import * as React from 'react';
 import { PageHeader } from '../components/PageHeader';
-import {
-  FileList,
-  File,
-  Person,
-  Spinner,
-  Agenda,
-  PersonCard,
-  People,
-  Get,
-  ThemeToggle,
-  Picker,
-  TeamsChannelPicker
-} from '@microsoft/mgt-react';
-import { Messages } from '../components/Messages';
-import { Loading } from '../components/Loading';
-import { GetDefaultContent } from '../components/GetDefaultContent';
 
 const HomePage: React.FunctionComponent = () => {
   return (
     <>
-      <ThemeToggle />
-      <TeamsChannelPicker />
-      <Picker
-        resource="me/todo/lists"
-        scopes={['tasks.read', 'tasks.readwrite']}
-        placeholder="Select a task list"
-        keyName="displayName"
-      />
-      <FileList />
-      <Get resource="/me/messages" maxPages={1}>
-        <GetDefaultContent template="default" />
-        <Messages template="value"></Messages>
-        <Loading template="loading" message={'Loading your focused inbox...'}></Loading>
-      </Get>
       <PageHeader title={'Home'} description={'Welcome to Contoso!'}></PageHeader>
-      <Spinner />
-      <People />
-      <File
-        driveId="b!M5IeZ2QKf0y18TIIXsDQkecHx1QrukxCte8X3n6ka6yn409-utaER7M2W9uRO4yB"
-        itemId="01WEUQSTSBWERA5VH4BFALQBXUDVUMT22G"
-      />
-      <Person
-        personQuery="[email protected]"
-        personCardInteraction="click"
-        avatarType="initials"
-        avatarSize="auto"
-      />
-      <Agenda />
-      <PersonCard personQuery="[email protected]" />
     </>
   );
 };