Addedv version history to readme

samples/react-pnpjsexplorer/README.md

@@ -1,6 +1,6 @@
 # SPFx web part to Test PnpJS SharePoint Methods
 
-This web part will allow SPFx developers to test PnPjs methods and it displays response in JSON viewer to identify properties/attributes returned by method/API. This web part can be used as separate component to test PnP Js methods and know the response returned by a particular method/API. To maximize productivity, we should package and deploy it to a test(developer) site collection which then can be used side by side when we are doing development of SPFx solutions.
+This web part will allow SPFx developers to test [PnPjs](https://pnp.github.io/pnpjs/getting-started/) methods and it displays response in JSON viewer to identify properties/attributes returned by method/API. This web part can be used as separate component to test PnP Js methods and know the response returned by a particular method/API. To maximize productivity, we should package and deploy it to a test(developer) site collection which then can be used side by side when we are doing development of SPFx solutions.
 
 Note - As of now it only supports to test Pnp JS method from sp(SharePoint) packages which contains the fluent API used to call the SharePoint rest services.
 
@@ -66,6 +66,7 @@ gulp package-solution --ship
 | Solution          | Author(s)                                                                                                                          |
 | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
 | react-PnPjsTester | [Siddharth Vaghasia](https://www.linkedin.com/in/siddharthvaghasia/) and [Kunj Sangani](https://www.linkedin.com/in/kunj-sangani/) |
+| react-PnPjsTester | Abderahman Moujahid|
 
 ## Version history
 
@@ -73,6 +74,7 @@ gulp package-solution --ship
 | ------- | ------------ | --------------- |
 | 1.0.0   | Aug 14, 2020 | Initial Release |
 | 2.1.0   | October 05, 2020 | Update to SPFx 1.11.0 |
+| 2.1.1   | October 30, 2020 | Fixed button formatting issues |
 
 ## Disclaimer
 

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

@@ -3,7 +3,7 @@
   "solution": {
     "name": "react-pnpjsexplorer-client-side-solution",
     "id": "a41b7fa8-313e-40d1-ae85-1d85baddecf5",
-    "version": "2.1.0.0",
+    "version": "2.1.1.0",
     "includeClientSideAssets": true,
     "isDomainIsolated": false,
     "developer": {

samples/react-pnpjsexplorer/package-lock.json

@@ -2146,7 +2146,16 @@
             "mime": "1.3.4",
             "ms": "0.7.1",
             "on-finished": "~2.3.0",
-            "range-parser": "~1.0.3"
+            "range-parser": "~1.0.3",
+            "statuses": "~1.2.1"
+          },
+          "dependencies": {
+            "statuses": {
+              "version": "1.2.1",
+              "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.2.1.tgz",
+              "integrity": "sha1-3e1FzBglbVHtQK7BQkidXGECbSg=",
+              "dev": true
+            }
           }
         },
         "serve-static": {
@@ -5439,6 +5448,7 @@
         "anymatch": "^2.0.0",
         "async-each": "^1.0.1",
         "braces": "^2.3.2",
+        "fsevents": "^1.2.7",
         "glob-parent": "^3.1.0",
         "inherits": "^2.0.3",
         "is-binary-path": "^1.0.0",
@@ -7989,6 +7999,17 @@
       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
       "dev": true
     },
+    "fsevents": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-1.2.13.tgz",
+      "integrity": "sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "bindings": "^1.5.0",
+        "nan": "^2.12.1"
+      }
+    },
     "fstream": {
       "version": "1.0.12",
       "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz",
@@ -8688,7 +8709,16 @@
             "mime": "1.3.4",
             "ms": "0.7.1",
             "on-finished": "~2.3.0",
-            "range-parser": "~1.0.3"
+            "range-parser": "~1.0.3",
+            "statuses": "~1.2.1"
+          },
+          "dependencies": {
+            "statuses": {
+              "version": "1.2.1",
+              "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.2.1.tgz",
+              "integrity": "sha1-3e1FzBglbVHtQK7BQkidXGECbSg=",
+              "dev": true
+            }
           }
         }
       }
@@ -15073,6 +15103,7 @@
         "capture-exit": "^1.2.0",
         "exec-sh": "^0.2.0",
         "fb-watchman": "^2.0.0",
+        "fsevents": "^1.2.3",
         "micromatch": "^3.1.4",
         "minimist": "^1.1.1",
         "walker": "~1.0.5",
@@ -17182,6 +17213,7 @@
           "requires": {
             "anymatch": "~3.1.1",
             "braces": "~3.0.2",
+            "fsevents": "~2.1.2",
             "glob-parent": "~5.1.0",
             "is-binary-path": "~2.1.0",
             "is-glob": "~4.0.1",
@@ -17199,6 +17231,13 @@
             "to-regex-range": "^5.0.1"
           }
         },
+        "fsevents": {
+          "version": "2.1.3",
+          "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz",
+          "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==",
+          "dev": true,
+          "optional": true
+        },
         "glob-parent": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz",

samples/react-pnpjsexplorer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pnpjsexplorer",
-  "version": "0.0.1",
+  "version": "2.1.1",
   "private": true,
   "main": "lib/index.js",
   "engines": {

samples/react-pnpjsexplorer/src/webparts/reactPnPjsTester/components/ReactPnPjsTester.module.scss

@@ -4,12 +4,12 @@
   .container {
     // max-width: 800px;
     margin: 0px auto;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
   }
-  .jsonviewcont{
+
+  .jsonviewcont {
     overflow-y: auto;
   }
- 
+
   .row {
     @include ms-Grid-row;
     // @include ms-fontColor-white;
@@ -98,8 +98,8 @@
     // Basic Button
     outline: transparent;
     position: relative;
-    font-family: "Segoe UI WestEuropean", "Segoe UI", -apple-system,
+    font-family: "Segoe UI WestEuropean", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue",
-      BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
+      sans-serif;
     -webkit-font-smoothing: antialiased;
     font-size: $ms-font-size-m;
     font-weight: $ms-font-weight-regular;