Merge pull request #2457 from karamem0/react-my-approvals

Updated to SPFX 1.14.0 in /samples/react-my-approvals

samples/react-my-approvals/.devcontainer/devcontainer.json

@@ -1,7 +1,7 @@
 // For more information on how to run this SPFx project in a VS Code Remote Container, please visit https://aka.ms/spfx-devcontainer
 {
-	"name": "SPFx 1.13.1",
+	"name": "SPFx 1.14.0",
-	"image": "docker.io/m365pnp/spfx:1.13.1",
+	"image": "docker.io/m365pnp/spfx:1.14.0",
 	// Set *default* container specific settings.json values on container create.
 	"settings": {},
 	// Add the IDs of extensions you want installed when the container is created.

samples/react-my-approvals/README.md

@@ -6,10 +6,9 @@ This web part demonstrates displaying the list of approval requests of Power Aut
 
 ![](./assets/react-my-approvals.gif)
 
-
 ## Compatibility
 
-![SPFx 1.13.1](https://img.shields.io/badge/SPFx-1.13.1-green.svg)
+![SPFx 1.14.0](https://img.shields.io/badge/SPFx-1.14.0-green.svg)
 ![Node.js v14 | v12](https://img.shields.io/badge/Node.js-v14%20%7C%20v12-green.svg) 
 ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg)
 ![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg "SharePoint Server 2019 requires SPFx 1.4.1 or lower")
@@ -19,22 +18,20 @@ This web part demonstrates displaying the list of approval requests of Power Aut
 ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
 
 >  NodeJS version must match >=10.13.0 <11.0.0 on >=12.13.0 <13.0.0 or >=14.15.0 <15.0.0
-## Prerequisites
 
+## Prerequisites
 
 This web part uses *Microsoft Flow Service* API. You need to approve the API request after deploying the package.
 
 - `Approvals.Read.All`
 - `Flows.Read.All`
 
-
 For more information, see [docs](https://docs.microsoft.com/ja-jp/sharepoint/dev/spfx/use-aadhttpclient).
 
-
 ## Minimal Path to Awesome
 
 - Clone this repository (or [download this solution as a .ZIP file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-my-approvals) then unzip it)
-- Ensure that you are at the solution folder
+- From your command line, change your current directory to the directory containing this sample (`react-my-approvals`, located under `samples`)
 - in the command-line run:
   - `npm install`
   - `gulp serve`
@@ -51,12 +48,13 @@ react-my-approvals|[Takashi Shinohara](https://github.com/karamem0) ([@karamem0]
 
 Version|Date|Comments
 -------|----|--------
+1.2|March 28, 2022|Upgraded to SPFx v1.14
 1.1|January 22, 2022|Updated to allow multiple environments to be selected
 1.0|January 11, 2022|Initial release
 
-
 ## Help
 
+
 We do not support samples, but this community is always willing to help, and we want to improve these samples. We use GitHub to track issues, which makes it easy for  community members to volunteer their time and help resolve issues.
 
 If you're having issues building the solution, please run [spfx doctor](https://pnp.github.io/cli-microsoft365/cmd/spfx/spfx-doctor/) from within the solution folder to diagnose incompatibility issues with your environment.
@@ -76,5 +74,4 @@ Finally, if you have an idea for improvement, [make a suggestion](https://github
 
 **THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
 
-
 <img src="https://pnptelemetry.azurewebsites.net/sp-dev-fx-webparts/samples/react-my-approvals" />

samples/react-my-approvals/assets/sample.json

@@ -9,7 +9,7 @@
             "This web part demonstrates displaying the list of approval requests of Power Automate. Power Automate provides a new workflow feature that replaces SharePoint workflows, but it is a Power Platform feature, not a Microsoft 365 feature. You can display approval requests from only Power Automate site. This web part enable to display approval requests from SharePoint site."
         ],
         "creationDateTime": "2022-01-11",
-        "updateDateTime": "2022-01-22",
+        "updateDateTime": "2022-03-28",
         "products": [
             "SharePoint"
         ],
@@ -20,7 +20,7 @@
             },
             {
                 "key": "SPFX-VERSION",
-                "value": "1.13.0"
+                "value": "1.14.0"
             }
         ],
         "thumbnails": [

samples/react-my-approvals/config/package-solution.json

@@ -3,7 +3,7 @@
   "solution": {
     "name": "my-approvals",
     "id": "35ebc939-0c57-456f-9fea-bc8f2bae3e58",
-    "version": "1.0.0.0",
+    "version": "1.2.0.0",
     "includeClientSideAssets": true,
     "skipFeatureDeployment": true,
     "isDomainIsolated": false,

samples/react-my-approvals/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-my-approvals",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "private": true,
   "main": "lib/index.js",
   "scripts": {
@@ -9,30 +9,33 @@
     "test": "gulp test"
   },
   "dependencies": {
-    "@microsoft/sp-core-library": "1.13.1",
+    "@microsoft/sp-core-library": "1.14.0",
-    "@microsoft/sp-lodash-subset": "1.13.1",
+    "@microsoft/sp-lodash-subset": "1.14.0",
-    "@microsoft/sp-office-ui-fabric-core": "1.13.1",
+    "@microsoft/sp-office-ui-fabric-core": "1.14.0",
-    "@microsoft/sp-property-pane": "1.13.1",
+    "@microsoft/sp-property-pane": "1.14.0",
-    "@microsoft/sp-webpart-base": "1.13.1",
+    "@microsoft/sp-webpart-base": "1.14.0",
-    "@pnp/sp": "^1.3.11",
+    "@pnp/common": "1.3.11",
+    "@pnp/logging": "1.3.11",
+    "@pnp/odata": "1.3.11",
+    "@pnp/sp": "1.3.11",
+    "@pnp/sp-clientsvc": "1.3.11",
+    "@pnp/sp-taxonomy": "1.3.11",
     "@pnp/spfx-controls-react": "^3.5.0",
     "@pnp/spfx-property-controls": "^3.3.0",
-    "office-ui-fabric-react": "7.174.1",
+    "office-ui-fabric-react": "7.183.1",
     "react": "16.13.1",
     "react-dom": "16.13.1",
     "react-intl": "^5.24.2"
   },
   "devDependencies": {
-    "@microsoft/rush-stack-compiler-3.9": "0.4.47",
+    "@microsoft/rush-stack-compiler-3.9": "0.4.48",
-    "@microsoft/sp-build-web": "1.13.1",
+    "@microsoft/sp-build-web": "1.14.0",
-    "@microsoft/sp-module-interfaces": "1.13.1",
+    "@microsoft/sp-module-interfaces": "1.14.0",
-    "@microsoft/sp-tslint-rules": "1.13.1",
+    "@microsoft/sp-tslint-rules": "1.14.0",
     "@types/react": "16.9.51",
     "@types/react-dom": "16.9.8",
-    "@types/webpack-env": "1.13.1",
+    "@types/webpack-env": "1.16.3",
     "ajv": "~6.12.3",
-    "gulp": "~4.0.2",
+    "gulp": "~4.0.2"
-    "tslint-microsoft-contrib": "^6.2.0",
-    "typescript": "^4.5.4"
   }
 }

samples/react-my-approvals/release/component-dependency-audit/react-my-approvals.json

@@ -1,104 +0,0 @@
-{
-  "bundles": {
-    "my-approvals-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
-        }
-      ]
-    }
-  }
-}