SPFX 1.11 Upgrade

samples/react-directory/.yo-rc.json

@@ -1,6 +1,6 @@
 {
   "@microsoft/generator-sharepoint": {
-    "version": "1.8.2",
+    "version": "1.11.0",
     "libraryName": "react-directory",
     "libraryId": "5b62bc16-3a71-461d-be2f-16bfcb011e8a",
     "environment": "spo",

samples/react-directory/README.md

@@ -31,7 +31,7 @@
 
 
 ## Used SharePoint Framework Version 
-![drop](https://img.shields.io/badge/version-1.8.2-green.svg)
+![drop](https://img.shields.io/badge/version-1.11-green.svg)
 
 ## Applies to
 
@@ -44,8 +44,8 @@
  
 Property |Type|Required| comments
 --------------------|----|--------|----------
-Web Part Title | Text| no|
+Title | Text| no|WebPart Title
-
+searchFirstName | boolean|no| LastName or FirstName SearchQuery
 
 
  
@@ -56,12 +56,14 @@ The web part Use PnPjs library, Office-ui-fabric-react components
 Solution|Author(s)
 --------|---------
 Directory Web Part|João Mendes
+Directory Web Part| Peter Paul Kirschner ([@petkir_at](https://twitter.com/petkir_at))
 
 ## Version history
 
 Version|Date|Comments
 -------|----|--------
 1.0.0|July 29, 2019|Initial release
+1.0.1|July 19, 2020|Bugfix and MockService for Workbench (LivePersonaCard not supported in Workbench)
 
 
 ## Disclaimer

samples/react-directory/config/package-solution.json

@@ -1,9 +1,16 @@
 {
   "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
   "solution": {
+    "developer": {
+      "name": "Contoso",
+      "privacyUrl": "https://contoso.com/privacy",
+      "termsOfUseUrl": "https://contoso.com/terms-of-use",
+      "websiteUrl": "https://contoso.com/my-app",
+      "mpnId": "000000"
+    },
     "name": "Search Directory",
     "id": "5b62bc16-3a71-461d-be2f-16bfcb011e8a",
-    "version": "1.0.0.0",
+    "version": "1.0.1.0",
     "includeClientSideAssets": true,
     "skipFeatureDeployment": true,
     "isDomainIsolated": false

samples/react-directory/package.json

@@ -1,7 +1,8 @@
 {
   "name": "react-directory",
-  "version": "0.0.1",
+  "version": "1.0.1",
   "private": true,
+  "main": "lib/index.js",
   "engines": {
     "node": ">=0.10.0"
   },
@@ -14,37 +15,36 @@
     "test:watch": "./node_modules/.bin/jest --config ./config/jest.config.json --watchAll"
   },
   "dependencies": {
-    "@microsoft/sp-core-library": "1.8.2",
+    "@microsoft/sp-core-library": "1.11.0",
-    "@microsoft/sp-lodash-subset": "1.8.2",
+    "@microsoft/sp-lodash-subset": "1.11.0",
-    "@microsoft/sp-office-ui-fabric-core": "1.8.2",
+    "@microsoft/sp-office-ui-fabric-core": "1.11.0",
-    "@microsoft/sp-property-pane": "1.8.2",
+    "@microsoft/sp-property-pane": "1.11.0",
-    "@microsoft/sp-webpart-base": "1.8.2",
+    "@microsoft/sp-webpart-base": "1.11.0",
     "@pnp/pnpjs": "^1.3.3",
     "@pnp/spfx-controls-react": "1.13.2",
     "@pnp/spfx-property-controls": "1.15.0",
-    "@types/es6-promise": "0.0.33",
     "@types/jquery": "^3.3.30",
-    "@types/react": "16.7.22",
-    "@types/react-dom": "16.8.0",
-    "@types/webpack-env": "1.13.1",
     "@uifabric/fluent-theme": "^0.16.9",
     "jquery": "^3.4.1",
-    "office-ui-fabric-react": "^6.182.0",
+    "office-ui-fabric-react": "6.214.0",
     "react": "16.7.0",
     "react-dom": "16.7.0"
   },
   "resolutions": {
-    "@types/react": "16.7.22"
+    "@types/react": "16.8.8"
   },
   "devDependencies": {
-    "@microsoft/rush-stack-compiler-3.3": "~0.2.x",
+    "@microsoft/rush-stack-compiler-3.3": "0.3.5",
-    "@microsoft/sp-build-web": "1.8.2",
+    "@microsoft/sp-build-web": "1.11.0",
-    "@microsoft/sp-module-interfaces": "1.8.2",
+    "@microsoft/sp-module-interfaces": "1.11.0",
-    "@microsoft/sp-tslint-rules": "1.8.2",
+    "@microsoft/sp-tslint-rules": "1.11.0",
-    "@microsoft/sp-webpart-workbench": "1.8.2",
+    "@microsoft/sp-webpart-workbench": "1.11.0",
     "@types/chai": "3.4.34",
+    "@types/es6-promise": "0.0.33",
     "@types/mocha": "2.2.38",
-    "@types/react": "^16.7.22",
+    "@types/react": "16.8.8",
+    "@types/react-dom": "16.8.3",
+    "@types/webpack-env": "1.13.1",
     "@voitanos/jest-preset-spfx-react16": "^1.1.0",
     "ajv": "~5.2.2",
     "gulp": "~3.9.1",

samples/react-directory/src/webparts/directory/components/Directory.module.scss

@@ -1,4 +1,4 @@
-@import "~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss";
+@import '~office-ui-fabric-react/dist/sass/References.scss';
 
 .directory {
   .dropDownSortBy {

samples/react-directory/src/webparts/directory/components/PersonaCard/PersonaCard.module.scss

@@ -1,4 +1,4 @@
-@import "~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss";
+@import '~office-ui-fabric-react/dist/sass/References.scss';
 
 .personaContainer {
   display: inline-block;

samples/react-directory/tsconfig.json

@@ -30,7 +30,8 @@
     ]
   },
   "include": [
-    "src/**/*.ts"
+    "src/**/*.ts",
+    "src/**/*.tsx"
   ],
   "exclude": [
     "node_modules",