Upgraded to SPFx v1.13.1

2022-01-01 14:20:46 +01:00 · 2022-01-01 14:20:46 +01:00 · dc078eed61
parent c6ade94e23
commit dc078eed61
30 changed files with 105586 additions and 9687 deletions
--- a/samples/react-my-teams/.editorconfig
+++ b/samples/react-my-teams/.editorconfig
@ -1,25 +0,0 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-
-[*]
-
-# change these settings to your own preference
-indent_style = space
-indent_size = 2
-
-# we recommend you to keep these unchanged
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[{package,bower}.json]
-indent_style = space
-indent_size = 2
--- a/samples/react-my-teams/.gitignore
+++ b/samples/react-my-teams/.gitignore
@ -9,6 +9,7 @@ node_modules
 # Build generated files
 dist
 lib
+release
 solution
 temp
 *.sppkg
--- a/samples/react-my-teams/.npmignore
+++ b/samples/react-my-teams/.npmignore
@ -0,0 +1,16 @@
+!dist
+config
+
+gulpfile.js
+
+release
+src
+temp
+
+tsconfig.json
+tslint.json
+
+*.log
+
+.yo-rc.json
+.vscode
--- a/samples/react-my-teams/.yo-rc.json
+++ b/samples/react-my-teams/.yo-rc.json
@ -10,10 +10,10 @@
    "environment": "spo",
    "framework": "react",
    "isCreatingSolution": true,
-    "version": "1.7.1",
+    "version": "1.13.1",
    "libraryName": "my-teams",
    "libraryId": "9bf27890-01d8-4041-8030-72831ed570aa",
    "packageManager": "npm",
    "componentType": "webpart"
  }
-}
+}
--- a/samples/react-my-teams/README.md
+++ b/samples/react-my-teams/README.md
@ -10,13 +10,11 @@ The web part can be configured to open the team on the web browser or client app

 # Compatibility

-![SPFx 1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg) 
-![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) 
+![SPFx 1.13.1](https://img.shields.io/badge/SPFx-1.13.1-green.svg) 
+![Node.js v14](https://img.shields.io/badge/Node.js-v14-green.svg) 
 ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg)
 ![Compatible with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Compatible-green.svg)
 ![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1")
-![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg)
-![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)

 ## Applies to

@ -24,7 +22,7 @@ The web part can be configured to open the team on the web browser or client app

 ## Prerequisites

- Office 365 subscription with SharePoint Online licence
+- Microsoft 365 subscription with SharePoint Online license
 - SharePoint Framework [development environment](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) already set up.

 ## Solution
@ -35,9 +33,10 @@ The web part can be configured to open the team on the web browser or client app

 ## Version history

-| Version | Date              | Comments        |
-| ------- | ----------------- | --------------- |
-| 1.0     | February 26, 2019 | Initial release |
+| Version | Date              | Comments                  |
+| ------- | ----------------- | ------------------------- |
+| 1.1     | December 18, 2021 | Upgraded for SPFx v1.13.1 |
+| 1.0     | February 26, 2019 | Initial release           |

 ## Disclaimer

--- a/samples/react-my-teams/config/deploy-azure-storage.json
+++ b/samples/react-my-teams/config/deploy-azure-storage.json
@ -1,7 +1,7 @@
 {
  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
-  "workingDir": "./temp/deploy/",
+  "workingDir": "./release/assets/",
  "account": "<!-- STORAGE ACCOUNT NAME -->",
  "container": "my-teams",
  "accessKey": "<!-- ACCESS KEY -->"
-}
+}
--- a/samples/react-my-teams/config/package-solution.json
+++ b/samples/react-my-teams/config/package-solution.json
@ -3,7 +3,7 @@
  "solution": {
    "name": "my-teams-client-side-solution",
    "id": "9bf27890-01d8-4041-8030-72831ed570aa",
-    "version": "1.0.0.0",
+    "version": "1.1.0.0",
    "includeClientSideAssets": true,
    "skipFeatureDeployment": true,
    "webApiPermissionRequests": [
--- a/samples/react-my-teams/config/serve.json
+++ b/samples/react-my-teams/config/serve.json
@ -2,9 +2,5 @@
  "$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
  "port": 4321,
  "https": true,
-  "initialPage": "https://localhost:5432/workbench",
-  "api": {
-    "port": 5432,
-    "entryPath": "node_modules/@microsoft/sp-webpart-workbench/lib/api/"
-  }
+  "initialPage": "https://enter-your-SharePoint-site/_layouts/workbench.aspx"
 }
--- a/samples/react-my-teams/gulpfile.js
+++ b/samples/react-my-teams/gulpfile.js
@ -3,8 +3,8 @@

 // check if gulp dist was called
 if (process.argv.indexOf('dist') !== -1) {
-    // add ship options to command call
-    process.argv.push('--ship');
+  // add ship options to command call
+  process.argv.push('--ship');
 }

 const path = require('path');
@ -25,5 +25,13 @@ gulp.task('dist', gulpSequence('clean', 'bundle', 'package-solution'));
 * Custom Framework Specific gulp tasks
 */

+var getTasks = build.rig.getTasks;
+build.rig.getTasks = function () {
+  var result = getTasks.call(build.rig);
+
+  result.set('serve', result.get('serve-deprecated'));
+
+  return result;
+};

 build.initialize(gulp);
--- a/samples/react-my-teams/package-lock.json
+++ b/samples/react-my-teams/package-lock.json
--- a/samples/react-my-teams/package.json
+++ b/samples/react-my-teams/package.json
@ -2,9 +2,7 @@
  "name": "my-teams",
  "version": "0.0.1",
  "private": true,
-  "engines": {
-    "node": ">=0.10.0"
-  },
+  "main": "lib/index.js",
  "scripts": {
    "build": "gulp bundle",
    "clean": "gulp clean",
@ -12,30 +10,28 @@
    "test:watch": "./node_modules/.bin/jest --config ./config/jest.config.json --watchAll"
  },
  "dependencies": {
-    "@microsoft/sp-core-library": "1.7.1",
-    "@microsoft/sp-lodash-subset": "1.7.1",
-    "@microsoft/sp-office-ui-fabric-core": "1.7.1",
-    "@microsoft/sp-webpart-base": "1.7.1",
-    "@types/es6-promise": "0.0.33",
-    "@types/react": "16.4.2",
-    "@types/react-dom": "16.0.5",
-    "@types/webpack-env": "1.13.1",
-    "react": "16.3.2",
-    "react-dom": "16.3.2"
+    "@microsoft/sp-core-library": "1.13.1",
+    "@microsoft/sp-lodash-subset": "1.13.1",
+    "@microsoft/sp-office-ui-fabric-core": "1.13.1",
+    "@microsoft/sp-property-pane": "1.13.1",
+    "@microsoft/sp-webpart-base": "1.13.1",
+    "office-ui-fabric-react": "7.174.1",
+    "react": "16.13.1",
+    "react-dom": "16.13.1"
  },
  "resolutions": {
-    "@types/react": "16.4.2"
+    "@types/react": "16.8.8"
  },
  "devDependencies": {
-    "@microsoft/sp-build-web": "1.7.1",
-    "@microsoft/sp-module-interfaces": "1.7.1",
-    "@microsoft/sp-tslint-rules": "1.7.1",
-    "@microsoft/sp-webpart-workbench": "1.7.1",
-    "@types/chai": "3.4.34",
-    "@types/mocha": "2.2.38",
+    "@microsoft/rush-stack-compiler-3.9": "0.4.47",
+    "@microsoft/sp-build-web": "1.13.1",
+    "@microsoft/sp-module-interfaces": "1.13.1",
+    "@microsoft/sp-tslint-rules": "1.13.1",
+    "@types/es6-promise": "0.0.33",
+    "@types/webpack-env": "1.13.1",
    "@voitanos/jest-preset-spfx-react16": "^1.1.0",
    "ajv": "~5.2.2",
-    "gulp": "~3.9.1",
+    "gulp": "4.0.2",
    "gulp-sequence": "^1.0.0",
    "jest": "^23.6.0"
  }
--- a/samples/react-my-teams/src/webparts/myTeams/MyTeamsWebPart.manifest.json
+++ b/samples/react-my-teams/src/webparts/myTeams/MyTeamsWebPart.manifest.json
@ -13,6 +13,8 @@
  // https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
  "requiresCustomScript": false,

+  "supportedHosts": ["SharePointWebPart"],
+
  "preconfiguredEntries": [{
    "groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other
    "group": { "default": "Other" },
--- a/samples/react-my-teams/src/webparts/myTeams/MyTeamsWebPart.ts
+++ b/samples/react-my-teams/src/webparts/myTeams/MyTeamsWebPart.ts
@ -1,12 +1,8 @@
 import * as React from 'react';
 import * as ReactDom from 'react-dom';
-import { Version, Environment, EnvironmentType } from '@microsoft/sp-core-library';
-import {
-  BaseClientSideWebPart,
-  IPropertyPaneConfiguration,
-  PropertyPaneToggle
-} from '@microsoft/sp-webpart-base';
-
+import { Version } from '@microsoft/sp-core-library';
+import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
+import { IPropertyPaneConfiguration, PropertyPaneToggle } from "@microsoft/sp-property-pane";
 import * as strings from 'MyTeamsWebPartStrings';
 import { MyTeams, IMyTeamsProps } from './components/myTeams';
 import { MSGraphClient } from '@microsoft/sp-http';
@ -22,14 +18,8 @@ export default class MyTeamsWebPart extends BaseClientSideWebPart<IMyTeamsWebPar
  private _teamsService: ITeamsService;

  public async onInit(): Promise<void> {
-
-    if (DEBUG && Environment.type === EnvironmentType.Local) {
-      console.log("Mock data service not implemented yet");
-    } else {
-
-      this._graphClient = await this.context.msGraphClientFactory.getClient();
-      this._teamsService = new TeamsService(this._graphClient);
-    }
+    this._graphClient = await this.context.msGraphClientFactory.getClient();
+    this._teamsService = new TeamsService(this._graphClient);

    return super.onInit();
  }
--- a/samples/react-my-teams/src/webparts/myTeams/components/myTeams/MyTeams.module.scss
+++ b/samples/react-my-teams/src/webparts/myTeams/components/myTeams/MyTeams.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';

 .myTeams {
  .container {
--- a/samples/react-my-teams/src/webparts/myTeams/components/myTeams/MyTeams.tsx
+++ b/samples/react-my-teams/src/webparts/myTeams/components/myTeams/MyTeams.tsx
@ -3,7 +3,6 @@ import { FocusZone } from 'office-ui-fabric-react/lib/FocusZone';
 import { List } from 'office-ui-fabric-react/lib/List';
 import styles from '../myTeams/MyTeams.module.scss';
 import { IMyTeamsProps, IMyTeamsState } from '.';
-import { escape } from '@microsoft/sp-lodash-subset';
 import { ITeam, IChannel } from '../../../../shared/interfaces';

 export class MyTeams extends React.Component<IMyTeamsProps, IMyTeamsState> {
--- a/samples/react-my-teams/teams/58468a8f-40f4-4759-a6f8-493a56bdaaf7_color.png
+++ b/samples/react-my-teams/teams/58468a8f-40f4-4759-a6f8-493a56bdaaf7_color.png
--- a/samples/react-my-teams/teams/58468a8f-40f4-4759-a6f8-493a56bdaaf7_outline.png
+++ b/samples/react-my-teams/teams/58468a8f-40f4-4759-a6f8-493a56bdaaf7_outline.png
--- a/samples/react-my-teams/tsconfig.json
+++ b/samples/react-my-teams/tsconfig.json
@ -1,4 +1,5 @@
 {
+  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.9/includes/tsconfig-web.json",
  "compilerOptions": {
    "target": "es5",
    "forceConsistentCasingInFileNames": true,
@ -10,25 +11,25 @@
    "experimentalDecorators": true,
    "skipLibCheck": true,
    "outDir": "lib",
+    "inlineSources": false,
+    "strictNullChecks": false,
+    "noUnusedLocals": false,
    "typeRoots": [
      "./node_modules/@types",
      "./node_modules/@microsoft"
    ],
    "types": [
-      "es6-promise",
      "webpack-env"
    ],
    "lib": [
      "es5",
      "dom",
-      "es2015.collection"
+      "es2015.collection",
+      "es2015.promise"
    ]
  },
  "include": [
-    "src/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules",
-    "lib"
+    "src/**/*.ts",
+    "src/**/*.tsx"
  ]
 }
--- a/samples/react-my-teams/tslint.json
+++ b/samples/react-my-teams/tslint.json
@ -1,5 +1,5 @@
 {
-  "extends": "@microsoft/sp-tslint-rules/base-tslint.json",
+  "extends": "./node_modules/@microsoft/sp-tslint-rules/base-tslint.json",
  "rules": {
    "class-name": false,
    "export-name": false,
@ -17,7 +17,6 @@
    "no-switch-case-fall-through": true,
    "no-unnecessary-semicolons": true,
    "no-unused-expression": true,
-    "no-use-before-declare": true,
    "no-with-statement": true,
    "semicolon": true,
    "trailing-comma": false,
--- a/samples/react-quotes/release/assets/PropertyControlStrings_en-us_d0be7d4a6e93bb93cbdbfdf9b68777c5.js
+++ b/samples/react-quotes/release/assets/PropertyControlStrings_en-us_d0be7d4a6e93bb93cbdbfdf9b68777c5.js
@ -0,0 +1,79 @@
+define([], function() {
+  return {
+    ApplyButtonLabel: "Apply",
+    ImportButtonLabel: "Import",
+    ExportButtonLabel: "Export",
+    JsonFileRequiredMessage: "Please upload a json file",
+    SaveButtonLabel: "Save",
+    CancelButtonLabel: "Cancel",
+    PeoplePickerSuggestedContacts: "Suggested people",
+    PeoplePickerSuggestedGroups: "Suggested groups",
+    PeoplePickerSuggestedCombined: "Suggested people and groups",
+    PeoplePickerNoResults: "No result found",
+    PeoplePickerLoading: "Loading results ...",
+    DatePickerMonthLongJanuary: "January",
+    DatePickerMonthShortJanuary: "Jan",
+    DatePickerMonthLongFebruary: "February",
+    DatePickerMonthShortFebruary: "Feb",
+    DatePickerMonthLongMarch: "March",
+    DatePickerMonthShortMarch: "Mar",
+    DatePickerMonthLongApril: "April",
+    DatePickerMonthShortApril: "Apr",
+    DatePickerMonthLongMay: "May",
+    DatePickerMonthShortMay: "May",
+    DatePickerMonthLongJune: "June",
+    DatePickerMonthShortJune: "Jun",
+    DatePickerMonthLongJuly: "July",
+    DatePickerMonthShortJuly: "Jul",
+    DatePickerMonthLongAugust: "August",
+    DatePickerMonthShortAugust: "Aug",
+    DatePickerMonthLongSeptember: "September",
+    DatePickerMonthShortSeptember: "Sept",
+    DatePickerMonthLongOctober: "October",
+    DatePickerMonthShortOctober: "Oct",
+    DatePickerMonthLongNovember: "November",
+    DatePickerMonthShortNovember: "Nov",
+    DatePickerMonthLongDecember: "December",
+    DatePickerMonthShortDecember: "Dec",
+    DatePickerDayLongSunday: "Sunday",
+    DatePickerDayShortSunday: "Sun",
+    DatePickerDayLongMonday: "Monday",
+    DatePickerDayShortMonday: "Mon",
+    DatePickerDayLongTuesday: "Tuesday",
+    DatePickerDayShortTuesday: "Tue",
+    DatePickerDayLongWednesday: "Wednesday",
+    DatePickerDayShortWednesday: "Wed",
+    DatePickerDayLongThursday: "Thursday",
+    DatePickerDayShortThursday: "Thu",
+    DatePickerDayLongFriday: "Friday",
+    DatePickerDayShortFriday: "Fri",
+    DatePickerDayLongSaturday: "Saturday",
+    DatePickerDayShortSaturday: "Sat",
+    DatepickerGoToToday: "Today",
+    DateTimePickerDate: "Date",
+    DateTimePickerTime: "Time",
+    ColorPickerButtonTitle: "Pick a Color",
+    NotNumberValidationMessage: "The value should be a number, actual is:",
+    MinimumNumberValidationMessage: "The value should be greater than or equal to:",
+    MaximumNumberValidationMessage: "The value should be lower than or equal to:",
+    TermPickerNoTerms: "Term set does not contain any terms",
+    TermPickerExpandTitle: "Expand this Term Set",
+    TermPickerExpandNode: "Expand this Node",
+    TermPickerMenuTermSet: "Menu for Term Set",
+    TermPickerMenuGroup: "Menu for Term Group",
+    TermPickerInLabel: "in",
+    TermPickerTermSetLabel: "Term Set",
+    propertyFieldMultiSelectNoOptions: "No options to select",
+    CollectionDataEmptyFields: "No fields were provided for the collection data.",
+    CollectionDataEmptyValue: "No data in your collection.",
+    CollectionAddRowButtonLabel: "Add data to the collection",
+    CollectionDeleteRowButtonLabel: "Delete the current row",
+    CollectionSaveAndAddButtonLabel: "Add and save",
+    CollectionDataItemShowErrorsLabel: "Show row errors",
+    CollectionDataItemFieldRequiredLabel: "Field is required.",
+    InvalidUrlError: "The provided URL is not valid",
+    DescriptionLabel: "Description",
+    MoreInfoLabel: "More info",
+    AboutGroupLabel: "About"
+  }
+});
--- a/samples/react-quotes/release/assets/PropertyControlStrings_fr-fr_0cf2232498fe89a65605c40b32bf6e62.js
+++ b/samples/react-quotes/release/assets/PropertyControlStrings_fr-fr_0cf2232498fe89a65605c40b32bf6e62.js
@ -0,0 +1,79 @@
+define([], function() {
+  return {
+    ApplyButtonLabel: "Apply",
+    ImportButtonLabel: "Import",
+    ExportButtonLabel: "Export",
+    JsonFileRequiredMessage: "Please upload a json file",
+    SaveButtonLabel: "Sauvegarder",
+    CancelButtonLabel: "Annuler",
+    PeoplePickerSuggestedContacts: "Personnes suggérées",
+    PeoplePickerSuggestedGroups: "Groupes suggérés",
+    PeoplePickerSuggestedCombined: "Personnes et groupes suggérés",
+    PeoplePickerNoResults: "Aucun résultat trouvé",
+    PeoplePickerLoading: "Chargement des résultats ...",
+    DatePickerMonthLongJanuary: "Janvier",
+    DatePickerMonthShortJanuary: "Jan.",
+    DatePickerMonthLongFebruary: "Février",
+    DatePickerMonthShortFebruary: "Fev.",
+    DatePickerMonthLongMarch: "Mars",
+    DatePickerMonthShortMarch: "Mar.",
+    DatePickerMonthLongApril: "Avril",
+    DatePickerMonthShortApril: "Avr.",
+    DatePickerMonthLongMay: "Mai",
+    DatePickerMonthShortMay: "Mai",
+    DatePickerMonthLongJune: "Juin",
+    DatePickerMonthShortJune: "Juin",
+    DatePickerMonthLongJuly: "Juillet",
+    DatePickerMonthShortJuly: "Jul.",
+    DatePickerMonthLongAugust: "Août",
+    DatePickerMonthShortAugust: "Août",
+    DatePickerMonthLongSeptember: "Septembre",
+    DatePickerMonthShortSeptember: "Sept.",
+    DatePickerMonthLongOctober: "Octobre",
+    DatePickerMonthShortOctober: "Oct.",
+    DatePickerMonthLongNovember: "Novembre",
+    DatePickerMonthShortNovember: "Nov.",
+    DatePickerMonthLongDecember: "Decembre",
+    DatePickerMonthShortDecember: "Dec.",
+    DatePickerDayLongSunday: "Dimanche",
+    DatePickerDayShortSunday: "Dim",
+    DatePickerDayLongMonday: "Lundi",
+    DatePickerDayShortMonday: "Lun",
+    DatePickerDayLongTuesday: "Mardi",
+    DatePickerDayShortTuesday: "Mar",
+    DatePickerDayLongWednesday: "Mercredi",
+    DatePickerDayShortWednesday: "Mer",
+    DatePickerDayLongThursday: "Jeudi",
+    DatePickerDayShortThursday: "Jeu",
+    DatePickerDayLongFriday: "Vendredi",
+    DatePickerDayShortFriday: "Ven",
+    DatePickerDayLongSaturday: "Samedi",
+    DatePickerDayShortSaturday: "Sam",
+    DatepickerGoToToday: "Aujourd\'hui",
+    DateTimePickerDate: "Date",
+    DateTimePickerTime: "Temps",
+    ColorPickerButtonTitle: "Choisis une couleur",
+    NotNumberValidationMessage: "La valeur doit être un nombre, la valeur actuel est :",
+    MinimumNumberValidationMessage: "La valeur doit être supérieure à :",
+    MaximumNumberValidationMessage: "La valeur doit être inférieure à :",
+    TermPickerNoTerms: "L'ensemble de termes ne contient aucun terme",
+    TermPickerExpandTitle: "Développer cet ensemble de termes",
+    TermPickerExpandNode: "Développer ce nœud",
+    TermPickerMenuTermSet: "Menu pour l'ensemble de termes",
+    TermPickerMenuGroup: "Menu pour l'ensemble de termes",
+    TermPickerInLabel: "dans",
+    TermPickerTermSetLabel: "Ensemble de termes",
+    propertyFieldMultiSelectNoOptions: "Aucune option à sélectionner",
+    CollectionDataEmptyFields: "Aucun champ n'a été fourni pour la collection de données.",
+    CollectionDataEmptyValue: "Aucune donnée dans votre collection.",
+    CollectionAddRowButtonLabel: "Ajouter des données à la collection",
+    CollectionDeleteRowButtonLabel: "Supprimer la ligne",
+    CollectionSaveAndAddButtonLabel: "Ajouter et sauvegarder",
+    CollectionDataItemShowErrorsLabel: "Afficher les erreurs de ligne",
+    CollectionDataItemFieldRequiredLabel: "Champ obligatoire",
+    InvalidUrlError: "L'URL fournie n'est pas valide",
+    DescriptionLabel: "La description",
+    MoreInfoLabel: "Plus d'informations",
+    AboutGroupLabel: "Sur"
+  }
+});
--- a/samples/react-quotes/release/assets/PropertyControlStrings_nl-nl_e4dbd4e9a5ee42128c79fbe62d0ebd9a.js
+++ b/samples/react-quotes/release/assets/PropertyControlStrings_nl-nl_e4dbd4e9a5ee42128c79fbe62d0ebd9a.js
@ -0,0 +1,79 @@
+define([], function() {
+  return {
+    ApplyButtonLabel: "Bevestig",
+    ImportButtonLabel: "Importeer",
+    ExportButtonLabel: "Exporteer",
+    JsonFileRequiredMessage: "Alleen JSON files toegestaan",
+    SaveButtonLabel: "Opslaan",
+    CancelButtonLabel: "Annuleren",
+    PeoplePickerSuggestedContacts: "Voorgestelde personen",
+    PeoplePickerSuggestedGroups: "Voorgestelde groepen",
+    PeoplePickerSuggestedCombined: "Voorgestelde personen en groepen",
+    PeoplePickerNoResults: "Geen resultaten gevonden",
+    PeoplePickerLoading: "Resultaten laden ...",
+    DatePickerMonthLongJanuary: "Januari",
+    DatePickerMonthShortJanuary: "Jan",
+    DatePickerMonthLongFebruary: "Februari",
+    DatePickerMonthShortFebruary: "Feb",
+    DatePickerMonthLongMarch: "Maart",
+    DatePickerMonthShortMarch: "Maa",
+    DatePickerMonthLongApril: "April",
+    DatePickerMonthShortApril: "Apr",
+    DatePickerMonthLongMay: "Mei",
+    DatePickerMonthShortMay: "Mei",
+    DatePickerMonthLongJune: "Juni",
+    DatePickerMonthShortJune: "Jun",
+    DatePickerMonthLongJuly: "Juli",
+    DatePickerMonthShortJuly: "Jul",
+    DatePickerMonthLongAugust: "Augustus",
+    DatePickerMonthShortAugust: "Aug",
+    DatePickerMonthLongSeptember: "September",
+    DatePickerMonthShortSeptember: "Sept",
+    DatePickerMonthLongOctober: "Oktober",
+    DatePickerMonthShortOctober: "Okt",
+    DatePickerMonthLongNovember: "November",
+    DatePickerMonthShortNovember: "Nov",
+    DatePickerMonthLongDecember: "December",
+    DatePickerMonthShortDecember: "Dec",
+    DatePickerDayLongSunday: "Zondag",
+    DatePickerDayShortSunday: "Zon",
+    DatePickerDayLongMonday: "Maandag",
+    DatePickerDayShortMonday: "Maa",
+    DatePickerDayLongTuesday: "Dinsdag",
+    DatePickerDayShortTuesday: "Din",
+    DatePickerDayLongWednesday: "Woensdag",
+    DatePickerDayShortWednesday: "Woe",
+    DatePickerDayLongThursday: "Donderdag",
+    DatePickerDayShortThursday: "Don",
+    DatePickerDayLongFriday: "Vrijdag",
+    DatePickerDayShortFriday: "Vri",
+    DatePickerDayLongSaturday: "Zaterdag",
+    DatePickerDayShortSaturday: "Zat",
+    DatepickerGoToToday: "Vandaag",
+    DateTimePickerDate: "Dag",
+    DateTimePickerTime: "Tijd",
+    ColorPickerButtonTitle: "Kies een kleur",
+    NotNumberValidationMessage: "De waarde moet een nummer zijn. Huidige waarde is:",
+    MinimumNumberValidationMessage: "De waarde moet groter zijn dan of gelijk zijn aan:",
+    MaximumNumberValidationMessage: "De waarde moet kleiner zijn dan of gelijk zijn aan:",
+    TermPickerNoTerms: "De termen set heeft geen termen beschikbaar",
+    TermPickerExpandTitle: "Vouw deze termen set uit",
+    TermPickerExpandNode: "Vouw deze node uit",
+    TermPickerMenuTermSet: "Menu voor de termen set",
+    TermPickerMenuGroup: "Menu voor de groep",
+    TermPickerInLabel: "in",
+    TermPickerTermSetLabel: "Termen set",
+    propertyFieldMultiSelectNoOptions: "Geen opties om te selecteren",
+    CollectionDataEmptyFields: "Er zijn geen velden opgegeven voor de data collectie control.",
+    CollectionDataEmptyValue: "Er is geen data in de collectie.",
+    CollectionAddRowButtonLabel: "Voeg data toe aan de collectie",
+    CollectionDeleteRowButtonLabel: "Verwijder de huidige rij",
+    CollectionSaveAndAddButtonLabel: "Voeg toe en sla op",
+    CollectionDataItemShowErrorsLabel: "Problemen tonen",
+    CollectionDataItemFieldRequiredLabel: "Veld is verplicht.",
+    InvalidUrlError: "De huidige URL is niet geldig",
+    DescriptionLabel: "Beschrijving",
+    MoreInfoLabel: "Meer info",
+    AboutGroupLabel: "Over"
+  }
+});
--- a/samples/react-quotes/release/assets/PropertyControlStrings_ru-ru_497f3b438575ed05ac7c3922fd60aefe.js
+++ b/samples/react-quotes/release/assets/PropertyControlStrings_ru-ru_497f3b438575ed05ac7c3922fd60aefe.js
@ -0,0 +1,80 @@
+define([], function() {
+    return {
+      ApplyButtonLabel: "Применить",
+      ImportButtonLabel: "Импорт",
+      ExportButtonLabel: "Экспорт",
+      JsonFileRequiredMessage: "Пожалуйста, добавьте файл json",
+      SaveButtonLabel: "Сохранить",
+      CancelButtonLabel: "Отмена",
+      PeoplePickerSuggestedContacts: "Предложенные пользователи",
+      PeoplePickerSuggestedGroups: "Предложенные группы",
+      PeoplePickerSuggestedCombined: "Предложенные пользователи и группы",
+      PeoplePickerNoResults: "Нет результатов, удовлетворяющих условиям",
+      PeoplePickerLoading: "Загрузка результатов...",
+      DatePickerMonthLongJanuary: "Январь",
+      DatePickerMonthShortJanuary: "Янв",
+      DatePickerMonthLongFebruary: "Февраль",
+      DatePickerMonthShortFebruary: "Фев",
+      DatePickerMonthLongMarch: "Март",
+      DatePickerMonthShortMarch: "Мар",
+      DatePickerMonthLongApril: "Апрель",
+      DatePickerMonthShortApril: "Апр",
+      DatePickerMonthLongMay: "Май",
+      DatePickerMonthShortMay: "Май",
+      DatePickerMonthLongJune: "Июнь",
+      DatePickerMonthShortJune: "Июн",
+      DatePickerMonthLongJuly: "Июль",
+      DatePickerMonthShortJuly: "Июл",
+      DatePickerMonthLongAugust: "Август",
+      DatePickerMonthShortAugust: "Авг",
+      DatePickerMonthLongSeptember: "Сентябрь",
+      DatePickerMonthShortSeptember: "Сен",
+      DatePickerMonthLongOctober: "Октябрь",
+      DatePickerMonthShortOctober: "Окт",
+      DatePickerMonthLongNovember: "Ноябрь",
+      DatePickerMonthShortNovember: "Ноя",
+      DatePickerMonthLongDecember: "Декабрь",
+      DatePickerMonthShortDecember: "Дек",
+      DatePickerDayLongSunday: "Воскресенье",
+      DatePickerDayShortSunday: "Вс",
+      DatePickerDayLongMonday: "Понедельник",
+      DatePickerDayShortMonday: "Пн",
+      DatePickerDayLongTuesday: "Вторник",
+      DatePickerDayShortTuesday: "Вт",
+      DatePickerDayLongWednesday: "Среда",
+      DatePickerDayShortWednesday: "Ср",
+      DatePickerDayLongThursday: "Четверг",
+      DatePickerDayShortThursday: "Чт",
+      DatePickerDayLongFriday: "Пятница",
+      DatePickerDayShortFriday: "Пт",
+      DatePickerDayLongSaturday: "Суббота",
+      DatePickerDayShortSaturday: "Сб",
+      DatepickerGoToToday: "Сегодня",
+      DateTimePickerDate: "Дата",
+      DateTimePickerTime: "Время",
+      ColorPickerButtonTitle: "Выберите цвет",
+      NotNumberValidationMessage: "Значение должно быть числом, текущее значение:",
+      MinimumNumberValidationMessage: "Значение должно быть больше, чем:",
+      MaximumNumberValidationMessage: "Значение должно быть меньше, чем:",
+      TermPickerNoTerms: "Данный набор терминов пуст",
+      TermPickerExpandTitle: "Развернуть этот набор терминов",
+      TermPickerExpandNode: "Развернуть этот узел",
+      TermPickerMenuTermSet: "Меню для набора терминов",
+      TermPickerMenuGroup: "Меню для группы терминов",
+      TermPickerInLabel: "в",
+      TermPickerTermSetLabel: "Набор терминов",
+      propertyFieldMultiSelectNoOptions: "Нет элементов для выбора",
+      CollectionDataEmptyFields: "Набор данных не содержит полей.",
+      CollectionDataEmptyValue: "Набор данных пуст.",
+      CollectionAddRowButtonLabel: "Добавить данные в набор",
+      CollectionDeleteRowButtonLabel: "Удалить данную строку",
+      CollectionSaveAndAddButtonLabel: "Добавить и сохранить",
+      CollectionDataItemShowErrorsLabel: "Отобразить ошибки для строки",
+      CollectionDataItemFieldRequiredLabel: "Это поле не может быть пустым.",
+      InvalidUrlError: "Заданное значение не является корректной ссылкой",
+      DescriptionLabel: "Описание",
+      MoreInfoLabel: "Подробнее",
+      AboutGroupLabel: "Справка"
+    }
+  });
+  
--- a/samples/react-quotes/release/assets/PropertyControlStrings_zh-cn_11ef263e542c6dec3bb45f7f32177f8b.js
+++ b/samples/react-quotes/release/assets/PropertyControlStrings_zh-cn_11ef263e542c6dec3bb45f7f32177f8b.js
@ -0,0 +1,79 @@
+define([], function () {
+  return {
+    ApplyButtonLabel: "应用",
+    ImportButtonLabel: "导入",
+    ExportButtonLabel: "导出",
+    JsonFileRequiredMessage: "请上传Json文件",
+    SaveButtonLabel: "保存",
+    CancelButtonLabel: "取消",
+    PeoplePickerSuggestedContacts: "匹配的人员",
+    PeoplePickerSuggestedGroups: "匹配的组",
+    PeoplePickerSuggestedCombined: "匹配的组和人员",
+    PeoplePickerNoResults: "没有找到",
+    PeoplePickerLoading: "加载中 ...",
+    DatePickerMonthLongJanuary: "一月",
+    DatePickerMonthShortJanuary: "一月",
+    DatePickerMonthLongFebruary: "二月",
+    DatePickerMonthShortFebruary: "二月",
+    DatePickerMonthLongMarch: "三月",
+    DatePickerMonthShortMarch: "三月",
+    DatePickerMonthLongApril: "四月",
+    DatePickerMonthShortApril: "四月",
+    DatePickerMonthLongMay: "五月",
+    DatePickerMonthShortMay: "五月",
+    DatePickerMonthLongJune: "六月",
+    DatePickerMonthShortJune: "六月",
+    DatePickerMonthLongJuly: "七月",
+    DatePickerMonthShortJuly: "七月",
+    DatePickerMonthLongAugust: "八月",
+    DatePickerMonthShortAugust: "八月",
+    DatePickerMonthLongSeptember: "九月",
+    DatePickerMonthShortSeptember: "九月",
+    DatePickerMonthLongOctober: "十月",
+    DatePickerMonthShortOctober: "十月",
+    DatePickerMonthLongNovember: "十一月",
+    DatePickerMonthShortNovember: "十一月",
+    DatePickerMonthLongDecember: "十二月",
+    DatePickerMonthShortDecember: "十二月",
+    DatePickerDayLongSunday: "星期天",
+    DatePickerDayShortSunday: "周天",
+    DatePickerDayLongMonday: "星期一",
+    DatePickerDayShortMonday: "周一",
+    DatePickerDayLongTuesday: "星期二",
+    DatePickerDayShortTuesday: "周二",
+    DatePickerDayLongWednesday: "星期三",
+    DatePickerDayShortWednesday: "周三",
+    DatePickerDayLongThursday: "星期四",
+    DatePickerDayShortThursday: "周四",
+    DatePickerDayLongFriday: "星期五",
+    DatePickerDayShortFriday: "周五",
+    DatePickerDayLongSaturday: "星期六",
+    DatePickerDayShortSaturday: "周六",
+    DatepickerGoToToday: "今天",
+    DateTimePickerDate: "日期",
+    DateTimePickerTime: "时间",
+    ColorPickerButtonTitle: "选择颜色",
+    NotNumberValidationMessage: "值必须为数字, 实际是:",
+    MinimumNumberValidationMessage: "值应该大于:",
+    MaximumNumberValidationMessage: "值应该小于:",
+    TermPickerNoTerms: "术语集中不包含任何术语",
+    TermPickerExpandTitle: "展开此术语集",
+    TermPickerExpandNode: "展开节点",
+    TermPickerMenuTermSet: "术语集菜单",
+    TermPickerMenuGroup: "术语集菜单",
+    TermPickerInLabel: "在",
+    TermPickerTermSetLabel: "一组术语",
+    propertyFieldMultiSelectNoOptions: "没有可供选择的项",
+    CollectionDataEmptyFields: "集合中没有字段信息.",
+    CollectionDataEmptyValue: "集合中没有数据",
+    CollectionAddRowButtonLabel: "添加数据到集合",
+    CollectionDeleteRowButtonLabel: "删除当前项",
+    CollectionSaveAndAddButtonLabel: "添加并保存",
+    CollectionDataItemShowErrorsLabel: "显示数据项错误信息",
+    CollectionDataItemFieldRequiredLabel: "必填项",
+    InvalidUrlError: "链接地址不正确",
+    DescriptionLabel: "简介",
+    MoreInfoLabel: "更多信息",
+    AboutGroupLabel: "关于"
+  }
+});
--- a/samples/react-quotes/release/assets/ReactQuotesWebPartStrings_en-us_536e65149b0acf4d52c0043073b9fc59.js
+++ b/samples/react-quotes/release/assets/ReactQuotesWebPartStrings_en-us_536e65149b0acf4d52c0043073b9fc59.js
@ -0,0 +1,7 @@
+define([], function() {
+  return {
+    "PropertyPaneDescription": "Description",
+    "BasicGroupName": "Group Name",
+    "DescriptionFieldLabel": "Description Field"
+  }
+});
--- a/samples/react-quotes/release/assets/react-quotes-web-part_df447f7dfa0047d6531b.js
+++ b/samples/react-quotes/release/assets/react-quotes-web-part_df447f7dfa0047d6531b.js
--- a/samples/react-quotes/release/assets/react-quotes-web-part_df447f7dfa0047d6531b.js.LICENSE.txt
+++ b/samples/react-quotes/release/assets/react-quotes-web-part_df447f7dfa0047d6531b.js.LICENSE.txt
@ -0,0 +1,34 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation. All rights reserved.
+Licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the
+License at http://www.apache.org/licenses/LICENSE-2.0
+
+THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
+WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
+MERCHANTABLITY OR NON-INFRINGEMENT.
+
+See the Apache Version 2.0 License for specific language governing permissions
+and limitations under the License.
+***************************************************************************** */
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
--- a/samples/react-quotes/release/component-dependency-audit/react-quotes.json
+++ b/samples/react-quotes/release/component-dependency-audit/react-quotes.json
@ -0,0 +1,104 @@
+{
+  "bundles": {
+    "react-quotes-web-part": {
+      "dependencies": [
+        {
+          "componentId": "f9e737b7-f0df-4597-ba8c-3060f82380db",
+          "componentName": "@microsoft/sp-property-pane",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": true
+        },
+        {
+          "componentId": "1c6c9123-7aac-41f3-a376-3caea41ed83f",
+          "componentName": "@microsoft/sp-loader",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "8217e442-8ed3-41fd-957d-b112e841286a",
+          "componentName": "@ms/sp-telemetry",
+          "componentVersion": "0.19.42",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "e40f8203-b39d-425a-a957-714852e33b79",
+          "componentName": "@microsoft/sp-dynamic-data",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "73e1dc6c-8441-42cc-ad47-4bd3659f8a3a",
+          "componentName": "@microsoft/sp-lodash-subset",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "7263c7d0-1d6a-45ec-8d85-d4d1d234171b",
+          "componentName": "@microsoft/sp-core-library",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "01c4df03-e775-48cb-aa14-171ee5199a15",
+          "componentName": "tslib",
+          "componentVersion": "1.10.0",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "2e09fb9b-13bb-48f2-859f-97d6fff71176",
+          "componentName": "@ms/odsp-core-bundle",
+          "componentVersion": "1.1.192",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "78359e4b-07c2-43c6-8d0b-d060b4d577e8",
+          "componentName": "@microsoft/sp-diagnostics",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "1c4541f7-5c31-41aa-9fa8-fbc9dc14c0a8",
+          "componentName": "@microsoft/sp-page-context",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "229b8d08-79f3-438b-8c21-4613fc877abd",
+          "componentName": "@microsoft/load-themed-styles",
+          "componentVersion": "0.1.2",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "c07208f0-ea3b-4c1a-9965-ac1b825211a6",
+          "componentName": "@microsoft/sp-http",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
+          "componentName": "react",
+          "componentVersion": "16.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "aa0a46ec-1505-43cd-a44a-93f3a5aa460a",
+          "componentName": "react-dom",
+          "componentVersion": "16.13.1",
+          "isDirectDependency": false
+        },
+        {
+          "componentId": "974a7777-0990-4136-8fa6-95d80114c2e0",
+          "componentName": "@microsoft/sp-webpart-base",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": true
+        },
+        {
+          "componentId": "467dc675-7cc5-4709-8aac-78e3b71bd2f6",
+          "componentName": "@microsoft/sp-component-base",
+          "componentVersion": "1.13.1",
+          "isDirectDependency": false
+        }
+      ]
+    }
+  }
+}
--- a/samples/react-quotes/release/manifests/4f425057-db76-4edd-98ee-73f1e4e81727.manifest.json
+++ b/samples/react-quotes/release/manifests/4f425057-db76-4edd-98ee-73f1e4e81727.manifest.json
@ -0,0 +1,81 @@
+{
+  "id": "4f425057-db76-4edd-98ee-73f1e4e81727",
+  "alias": "ReactQuotesWebPart",
+  "componentType": "WebPart",
+  "version": "0.0.1",
+  "manifestVersion": 2,
+  "requiresCustomScript": false,
+  "supportedHosts": [
+    "SharePointWebPart"
+  ],
+  "preconfiguredEntries": [
+    {
+      "groupId": "5c03119e-3074-46fd-976b-c60198311f70",
+      "group": {
+        "default": "Other"
+      },
+      "title": {
+        "default": "react-quotes"
+      },
+      "description": {
+        "default": "react-quotes description"
+      },
+      "officeFabricIconFontName": "Page",
+      "properties": {
+        "description": "react-quotes"
+      }
+    }
+  ],
+  "loaderConfig": {
+    "internalModuleBaseUrls": [
+      "<!-- PATH TO CDN -->"
+    ],
+    "entryModuleId": "react-quotes-web-part",
+    "scriptResources": {
+      "react-quotes-web-part": {
+        "type": "path",
+        "path": "react-quotes-web-part_df447f7dfa0047d6531b.js"
+      },
+      "@microsoft/sp-property-pane": {
+        "type": "component",
+        "id": "f9e737b7-f0df-4597-ba8c-3060f82380db",
+        "version": "1.13.1"
+      },
+      "@microsoft/sp-core-library": {
+        "type": "component",
+        "id": "7263c7d0-1d6a-45ec-8d85-d4d1d234171b",
+        "version": "1.13.1"
+      },
+      "@microsoft/sp-webpart-base": {
+        "type": "component",
+        "id": "974a7777-0990-4136-8fa6-95d80114c2e0",
+        "version": "1.13.1"
+      },
+      "react": {
+        "type": "component",
+        "id": "0d910c1c-13b9-4e1c-9aa4-b008c5e42d7d",
+        "version": "16.13.1"
+      },
+      "react-dom": {
+        "type": "component",
+        "id": "aa0a46ec-1505-43cd-a44a-93f3a5aa460a",
+        "version": "16.13.1"
+      },
+      "ReactQuotesWebPartStrings": {
+        "type": "path",
+        "path": "ReactQuotesWebPartStrings_en-us_536e65149b0acf4d52c0043073b9fc59.js"
+      },
+      "PropertyControlStrings": {
+        "type": "localizedPath",
+        "paths": {
+          "en-US": "PropertyControlStrings_en-us_d0be7d4a6e93bb93cbdbfdf9b68777c5.js",
+          "fr-FR": "PropertyControlStrings_fr-fr_0cf2232498fe89a65605c40b32bf6e62.js",
+          "nl-NL": "PropertyControlStrings_nl-nl_e4dbd4e9a5ee42128c79fbe62d0ebd9a.js",
+          "ru-RU": "PropertyControlStrings_ru-ru_497f3b438575ed05ac7c3922fd60aefe.js",
+          "zh-CN": "PropertyControlStrings_zh-cn_11ef263e542c6dec3bb45f7f32177f8b.js"
+        },
+        "defaultPath": "PropertyControlStrings_en-us_d0be7d4a6e93bb93cbdbfdf9b68777c5.js"
+      }
+    }
+  }
+}
--- a/samples/react-quotes/release/webpack-stats/react-quotes.stats.json
+++ b/samples/react-quotes/release/webpack-stats/react-quotes.stats.json