upgrade spfx version on js-display-list

samples/js-display-list/.yo-rc.json

@@ -1,7 +1,10 @@
 {
   "@microsoft/generator-sharepoint": {
-    "libraryName": "js-display-list",
-    "libraryId": "faf13055-4551-491c-8bbf-a00b30adfd54",
-    "framework": "none"
+    "version": "1.11.0",
+    "isDomainIsolated": false,
+    "isCreatingSolution": true,
+    "packageManager": "npm",
+    "componentType": "webpart",
+    "environment": "spo"
   }
-}
+}

samples/js-display-list/config/config.json

@@ -1,11 +1,6 @@
 {
-  "entries": [
-    {
-      "entry": "./lib/webparts/jsDisplayList/JsDisplayListWebPart.js",
-      "manifest": "./src/webparts/jsDisplayList/JsDisplayListWebPart.manifest.json",
-      "outputPath": "./dist/js-display-list.bundle.js"
-    }
-  ],
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
+  "version": "2.0",
   "externals": {
     "@microsoft/sp-client-base": "node_modules/@microsoft/sp-client-base/dist/sp-client-base.js",
     "@microsoft/sp-client-preview": "node_modules/@microsoft/sp-client-preview/dist/sp-client-preview.js",
@@ -16,6 +11,16 @@
     "react-dom/server": "node_modules/react-dom/dist/react-dom-server.min.js"
   },
   "localizedResources": {
-    "jsDisplayListStrings": "webparts/jsDisplayList/loc/{locale}.js"
+    "jsDisplayListStrings": "lib/webparts/jsDisplayList/loc/{locale}.js"
+  },
+  "bundles": {
+    "js-display-list-web-part": {
+      "components": [
+        {
+          "entrypoint": "./lib/webparts/jsDisplayList/JsDisplayListWebPart.js",
+          "manifest": "./src/webparts/jsDisplayList/JsDisplayListWebPart.manifest.json"
+        }
+      ]
+    }
   }
 }

samples/js-display-list/config/deploy-azure-storage.json

@@ -1,4 +1,5 @@
 {
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/deploy-azure-storage.schema.json",
   "workingDir": "./temp/deploy/",
   "account": "<!-- STORAGE ACCOUNT NAME -->",
   "container": "js-display-list",

samples/js-display-list/config/package-solution.json

@@ -1,10 +1,20 @@
 {
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
   "solution": {
     "name": "js-display-list-client-side-solution",
     "id": "faf13055-4551-491c-8bbf-a00b30adfd54",
-    "version": "1.0.0.0"
+    "version": "1.0.0.0",
+    "isDomainIsolated": false,
+    "includeClientSideAssets": true,
+    "developer": {
+      "name": "Contoso",
+      "privacyUrl": "https://contoso.com/privacy",
+      "termsOfUseUrl": "https://contoso.com/terms-of-use",
+      "websiteUrl": "https://contoso.com/my-app",
+      "mpnId": "000000"
+    }
   },
   "paths": {
     "zippedPackage": "solution/js-display-list.spapp"
   }
-}
+}

samples/js-display-list/config/serve.json

@@ -1,4 +1,5 @@
 {
+  "$schema": "https://developer.microsoft.com/json-schemas/core-build/serve.schema.json",
   "port": 4321,
   "initialPage": "https://localhost:5432/workbench",
   "https": true,

samples/js-display-list/config/tslint.json

@@ -1,46 +0,0 @@
-{
-  // Display errors as warnings
-  "displayAsWarning": true,
-  // The TSLint task may have been configured with several custom lint rules
-  // before this config file is read (for example lint rules from the tslint-microsoft-contrib
-  // project). If true, this flag will deactivate any of these rules.
-  "removeExistingRules": true,
-  // When true, the TSLint task is configured with some default TSLint "rules.":
-  "useDefaultConfigAsBase": false,
-  // Since removeExistingRules=true and useDefaultConfigAsBase=false, there will be no lint rules
-  // which are active, other than the list of rules below.
-  "lintConfig": {
-    // Opt-in to Lint rules which help to eliminate bugs in JavaScript
-    "rules": {
-      "class-name": false,
-      "export-name": false,
-      "forin": false,
-      "label-position": false,
-      "member-access": true,
-      "no-arg": false,
-      "no-console": false,
-      "no-construct": false,
-      "no-duplicate-case": true,
-      "no-duplicate-variable": true,
-      "no-eval": false,
-      "no-function-expression": true,
-      "no-internal-module": true,
-      "no-shadowed-variable": true,
-      "no-switch-case-fall-through": true,
-      "no-unnecessary-semicolons": true,
-      "no-unused-expression": true,
-      "no-unused-imports": true,
-      "no-use-before-declare": true,
-      "no-with-statement": true,
-      "semicolon": true,
-      "trailing-comma": false,
-      "typedef": false,
-      "typedef-whitespace": false,
-      "use-named-parameter": true,
-      "valid-typeof": true,
-      "variable-name": false,
-      "whitespace": false,
-      "prefer-const": true
-    }
-  }
-}

samples/js-display-list/config/write-manifests.json

@@ -1,3 +1,4 @@
 {
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/write-manifests.schema.json",
   "cdnBasePath": "<!-- PATH TO CDN -->"
 }

samples/js-display-list/gulpfile.js

@@ -2,5 +2,5 @@
 
 const gulp = require('gulp');
 const build = require('@microsoft/sp-build-web');
-
+build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);
 build.initialize(gulp);

samples/js-display-list/package.json

@@ -5,19 +5,28 @@
   "engines": {
     "node": ">=0.10.0"
   },
+  "main": "lib/index.js",
   "dependencies": {
-    "@microsoft/sp-client-base": "~1.0.0",
-    "@microsoft/sp-core-library": "~1.0.0",
-    "@microsoft/sp-webpart-base": "~1.0.0",
-    "@types/webpack-env": ">=1.12.1 <1.14.0"
+    "@microsoft/sp-core-library": "1.11.0",
+    "@microsoft/sp-property-pane": "1.11.0",
+    "@microsoft/sp-webpart-base": "1.11.0",
+    "@types/es6-collections": "^0.5.32"
   },
   "devDependencies": {
-    "@microsoft/sp-build-web": "~1.0.0",
-    "@microsoft/sp-module-interfaces": "~1.0.0",
-    "@microsoft/sp-webpart-workbench": "~1.0.0",
+    "@microsoft/rush-stack-compiler-3.2": "^0.10.9",
+    "@microsoft/rush-stack-compiler-3.3": "0.3.5",
+    "@microsoft/sp-build-web": "1.11.0",
+    "@microsoft/sp-module-interfaces": "1.11.0",
+    "@microsoft/sp-tslint-rules": "1.11.0",
+    "@microsoft/sp-webpart-workbench": "1.11.0",
+    "@types/chai": "3.4.34",
+    "@types/es6-promise": "0.0.33",
+    "@types/mocha": "2.2.38",
+    "@types/webpack-env": "1.13.1",
+    "ajv": "5.2.2",
+    "es6-collections": "^0.5.6",
     "gulp": "~3.9.1",
-    "@types/chai": ">=3.4.34 <3.6.0",
-    "@types/mocha": ">=2.2.33 <2.6.0"
+    "tslint-microsoft-contrib": "5.0.0"
   },
   "scripts": {
     "build": "gulp bundle",

samples/js-display-list/src/webparts/jsDisplayList/JsDisplayListWebPart.manifest.json

@@ -1,15 +1,17 @@
 {
-  "$schema": "../../../node_modules/@microsoft/sp-module-interfaces/lib/manifestSchemas/jsonSchemas/clientSideComponentManifestSchema.json",
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
 
   "id": "1b513296-0d6c-4992-880a-007876428daa",
   "alias": "JsDisplayListWebpart",
   "componentType": "WebPart",
-  "version": "0.0.2",
+  "version": "*",
   "manifestVersion": 2,
+  "supportedHosts": ["SharePointWebPart"],
+  "safeWithCustomScriptDisabled": false,
 
   "preconfiguredEntries": [{
     "groupId": "1b513296-0d6c-4992-880a-007876428daa",
-    "group": { "default": "Under Development" },
+    "group": { "default": "Other" },
     "title": { "default": "js-display-list" },
     "description": { "default": "Display Data from a SharePoint List" },
     "officeFabricIconFontName": "Page",

samples/js-display-list/src/webparts/jsDisplayList/JsDisplayListWebPart.ts

@@ -1,9 +1,5 @@
-import {
-  BaseClientSideWebPart,
-  IPropertyPaneConfiguration,
-  PropertyPaneDropdown,
-  IPropertyPaneDropdownOption
-} from '@microsoft/sp-webpart-base';
+import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
+import { IPropertyPaneConfiguration, PropertyPaneDropdown, IPropertyPaneDropdownOption } from "@microsoft/sp-property-pane";
 
 import styles from './JsDisplayList.module.scss';
 

samples/js-display-list/tsconfig.json

@@ -1,15 +1,40 @@
 {
+  "include": [
+    "src/**/*.tsx",
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "lib"
+  ],
+  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.3/includes/tsconfig-web.json",
   "compilerOptions": {
     "target": "es5",
     "forceConsistentCasingInFileNames": true,
-    "module": "commonjs",
+    "module": "esnext",
     "jsx": "react",
+    "moduleResolution": "node",
     "declaration": true,
     "sourceMap": true,
+    "skipLibCheck": true,
+    "typeRoots": [
+      "./node_modules/@types",
+      "./node_modules/@microsoft"
+    ],
+    "lib": [
+      "es5",
+      "dom",
+      "es2015.collection"
+    ],
     "types": [
       "es6-promise",
       "es6-collections",
       "webpack-env"
-    ]
+    ],
+    "inlineSources": false,
+    "strictNullChecks": false,
+    "noUnusedLocals": false,
+    "outDir": "lib",
+    "experimentalDecorators": true
   }
 }

samples/js-display-list/tslint.json

@@ -1,3 +1,7 @@
 {
-    "rulesDirectory": "./config"
+    "rulesDirectory": [],
+    "extends": "@microsoft/sp-tslint-rules/base-tslint.json",
+    "rules": {
+        "no-empty": true
+      }
 }

samples/js-display-list/typings/@ms/odsp.d.ts

@@ -1,8 +0,0 @@
-// Type definitions for Microsoft ODSP projects
-// Project: ODSP
-
-/* Global definition for UNIT_TEST builds
-   Code that is wrapped inside an if(UNIT_TEST) {...}
-   block will not be included in the final bundle when the
-   --ship flag is specified */
-declare const UNIT_TEST: boolean;

samples/js-display-list/typings/tsd.d.ts

@@ -1 +0,0 @@
-/// <reference path="@ms/odsp.d.ts" />