diff --git a/samples/react-pnpjsexplorer/README.md b/samples/react-pnpjsexplorer/README.md index 57a6c4170..a57d395ff 100644 --- a/samples/react-pnpjsexplorer/README.md +++ b/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 diff --git a/samples/react-pnpjsexplorer/config/package-solution.json b/samples/react-pnpjsexplorer/config/package-solution.json index f4cf73d7b..a7902e10b 100644 --- a/samples/react-pnpjsexplorer/config/package-solution.json +++ b/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": { diff --git a/samples/react-pnpjsexplorer/package-lock.json b/samples/react-pnpjsexplorer/package-lock.json index d36e8a4ec..945c80d65 100644 --- a/samples/react-pnpjsexplorer/package-lock.json +++ b/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", diff --git a/samples/react-pnpjsexplorer/package.json b/samples/react-pnpjsexplorer/package.json index 2cb65821c..6b2a49480 100644 --- a/samples/react-pnpjsexplorer/package.json +++ b/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": { diff --git a/samples/react-pnpjsexplorer/src/webparts/reactPnPjsTester/components/ReactPnPjsTester.module.scss b/samples/react-pnpjsexplorer/src/webparts/reactPnPjsTester/components/ReactPnPjsTester.module.scss index be2417ca3..4c8fc6ae6 100644 --- a/samples/react-pnpjsexplorer/src/webparts/reactPnPjsTester/components/ReactPnPjsTester.module.scss +++ b/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, - BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif; + font-family: "Segoe UI WestEuropean", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", + sans-serif; -webkit-font-smoothing: antialiased; font-size: $ms-font-size-m; font-weight: $ms-font-weight-regular;