updated spfx sample to latest npm package and added pollyfills

Author: nmetulev

samples/sp-webpart/package.json

@@ -11,28 +11,29 @@
     "test": "gulp test"
   },
   "dependencies": {
-    "@microsoft/mgt": "^1.1.0-preview.2",
-    "@microsoft/sp-core-library": "1.9.1",
-    "@microsoft/sp-lodash-subset": "1.9.1",
-    "@microsoft/sp-office-ui-fabric-core": "1.9.1",
-    "@microsoft/sp-property-pane": "1.9.1",
-    "@microsoft/sp-webpart-base": "1.9.1",
+    "@microsoft/mgt": "^1.2.3",
+    "@microsoft/sp-core-library": "1.10.0",
+    "@microsoft/sp-lodash-subset": "1.10.0",
+    "@microsoft/sp-office-ui-fabric-core": "1.10.0",
+    "@microsoft/sp-property-pane": "1.10.0",
+    "@microsoft/sp-webpart-base": "1.10.0",
     "@types/es6-promise": "0.0.33",
-    "@types/react": "16.4.2",
-    "@types/react-dom": "16.0.5",
+    "@types/react": "16.8.8",
+    "@types/react-dom": "16.8.3",
     "@types/webpack-env": "1.13.1",
-    "react": "16.7.0",
-    "react-dom": "16.7.0"
+    "@webcomponents/webcomponentsjs": "^2.4.3",
+    "react": "16.8.5",
+    "react-dom": "16.8.5"
   },
   "resolutions": {
-    "@types/react": "16.4.2"
+    "@types/react": "16.8.8"
   },
   "devDependencies": {
-    "@microsoft/rush-stack-compiler-3.3": "0.2.9",
-    "@microsoft/sp-build-web": "1.9.1",
-    "@microsoft/sp-module-interfaces": "1.9.1",
-    "@microsoft/sp-tslint-rules": "1.9.1",
-    "@microsoft/sp-webpart-workbench": "1.9.1",
+    "@microsoft/rush-stack-compiler-3.7": "0.2.9",
+    "@microsoft/sp-build-web": "1.10.0",
+    "@microsoft/sp-module-interfaces": "1.10.0",
+    "@microsoft/sp-tslint-rules": "1.10.0",
+    "@microsoft/sp-webpart-workbench": "1.10.0",
     "@types/chai": "3.4.34",
     "@types/mocha": "2.2.38",
     "ajv": "~5.2.2",

samples/sp-webpart/src/webparts/mgtDemo/MgtDemoWebPart.ts

@@ -11,8 +11,11 @@ import * as strings from 'MgtDemoWebPartStrings';
 import MgtDemo from './components/MgtDemo';
 import { IMgtDemoProps } from './components/IMgtDemoProps';
 
+// import web component polyfills for browsers that need them
+import '@webcomponents/webcomponentsjs/webcomponents-bundle.js';
+
 // import the providers at the top of the page
-import { Providers, SharePointProvider } from '@microsoft/mgt/dist/commonjs';
+import { Providers, SharePointProvider } from '@microsoft/mgt';
 
 export interface IMgtDemoWebPartProps {
   description: string;

samples/sp-webpart/src/webparts/mgtDemo/components/MgtDemo.tsx

@@ -21,7 +21,9 @@ export default class MgtDemo extends React.Component<IMgtDemoProps, {}> {
       <div className={styles.mgtDemo}>
         <div className={styles.container}>
           <mgt-person person-query="me" show-name person-card="hover" />
-          <mgt-agenda />
+          <mgt-people-picker></mgt-people-picker>
+          <mgt-people></mgt-people>
+          <mgt-agenda></mgt-agenda>
         </div>
       </div>
     );

samples/sp-webpart/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.3/includes/tsconfig-web.json",
+  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.7/includes/tsconfig-web.json",
   "compilerOptions": {
     "target": "es5",
     "forceConsistentCasingInFileNames": true,