Peter Paul Kirschner
GitHub
commit
1d1407ba18
|
|
@ -28,26 +28,70 @@ Whenever you are submitting any changes to the SharePoint repositories, please f
|
||||||
* If you are submitting multiple samples, please create a specific PR for each of them
|
* If you are submitting multiple samples, please create a specific PR for each of them
|
||||||
* If you are submitting typo or documentation fix, you can combine modifications to single PR where suitable
|
* If you are submitting typo or documentation fix, you can combine modifications to single PR where suitable
|
||||||
|
|
||||||
|
|
||||||
## Sample Naming and Structure Guidelines
|
## Sample Naming and Structure Guidelines
|
||||||
|
|
||||||
When you are submitting a new sample, it has to follow up below guidelines
|
When you submit a new sample, please follow these guidelines:
|
||||||
|
|
||||||
|
* Each sample must be placed in a folder under the `samples` folder
|
||||||
|
* Your sample folder must include the following content:
|
||||||
|
- Your solution's source code
|
||||||
|
- An `assets` folder, containing screenshots
|
||||||
|
- A `README.md` file
|
||||||
|
* You must only submit samples for which you have the rights to share. Make sure that you asked for permission from your employer and/or clients before committing the code to an open-source repository, because once you submit a pull request, the information is public and _cannot be removed_.
|
||||||
|
|
||||||
|
### Sample Folder
|
||||||
|
|
||||||
* You will need to have a `README.md` file for your contribution, which is based on [the provided template](../samples/README-template.md) under the `samples` folder. Please copy this template to your project and update it accordingly. Your `README.md` must be named exactly `README.md` -- with capital letters -- as this is the information we use to make your sample public.
|
|
||||||
* You will need to have a screenshot picture of your sample in action in the `README.md` file ("pics or it didn't happen"). The preview image must be located in the `/assets/` folder in the root of your solution.
|
|
||||||
* The `README` template contains a specific tracking image at the bottom of the file with an `img` tag, where the `src` attribute points to `https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/readme-template`. This is a transparent image which is used to track viewership of individual samples in GitHub.
|
|
||||||
* Update the image `src` attribute according with the repository name and folder information. For example, if your sample is named `react-todo` in the `samples` folder, you should update the `src` attribute to `https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-todo`
|
|
||||||
* If you find an existing sample which is similar to yours, please extend the existing one rather than submitting a new similar sample
|
|
||||||
* For example, if you use Office Graph with React, please add a new web part to the existing solution, rather than introducing a completely new solution
|
|
||||||
* When you update existing samples, please update also `README.md` file accordingly with information on provided changes and with your author details
|
|
||||||
* When submitting a new sample solution, please name the sample solution folder accordingly
|
* When submitting a new sample solution, please name the sample solution folder accordingly
|
||||||
* Folder should start by identifying JS library used - like `react-`, `angular-`, `knockout-`
|
* Folder should start by identifying JS library used - like `react-`, `angular-`, `knockout-`
|
||||||
* If you are not using any specific JS library, please use `js-` as the prefix for your sample
|
* If you are not using any specific JS library, please use `js-` as the prefix for your sample
|
||||||
* Do not use words such as `sample`, `webpart` or `wp` in the folder or sample name - these are samples for client-side web parts repository
|
* Do not use words such as `sample`, `webpart` or `wp` in the folder or sample name - these are samples for client-side web parts repository
|
||||||
* If your solution is demonstrating multiple technologies, please use functional terms as the name for the solution folder
|
* If your solution is demonstrating multiple technologies, please use functional terms as the name for the solution folder
|
||||||
* Do not use period/dot in the folder name of the provided sample
|
* Do not use period/dot in the folder name of the provided sample
|
||||||
|
|
||||||
|
### Source Code
|
||||||
|
|
||||||
|
* For security reasons, we do not accept pull requests containing `.sppkg` files. We only accept source code files for applications.
|
||||||
|
* Make sure to place the root of your solution's source code in sample folder
|
||||||
|
|
||||||
|
### README.md
|
||||||
|
|
||||||
|
* You will need to have a `README.md` file for your contribution, which is based on [the provided template](../samples/README-template.md) under the `samples` folder. Please copy this template to your project and update it accordingly. Your `README.md` must be named exactly `README.md` -- with capital letters -- as this is the information we use to make your sample public.
|
||||||
|
* You will need to have a screenshot picture of your sample in action in the `README.md` file ("pics or it didn't happen"). The preview image must be located in the `assets` folder in the root of your sample folder.
|
||||||
|
* All screen shots must be located in the `assets` folder. Do not point to your own repository or any other external source
|
||||||
|
* The README template contains a specific tracking image at the end of the file with an `img` element pointing to `https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/readme-template`. This is a transparent image which is used to track how many visits each sample receives in GitHub.
|
||||||
|
* Update the image `src` attribute according with the repository name and folder information. For example, if your sample is named `react-todo` in the `samples` folder, you should update the `src` attribute to `https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-todo`
|
||||||
|
* Update the image `src` attribute according with the repository name and folder information.
|
||||||
|
* If you find an existing sample which is similar to yours, please extend the existing one rather than submitting a new similar sample
|
||||||
|
* When you update existing samples, please update also `README.md` file accordingly with information on provided changes and with your author details
|
||||||
|
* Make sure to document each function in the `README.md`
|
||||||
|
* If you include your social media information under **Authors** in the **Solution** section, we'll use this information to promote your contribution on social media, blog posts, and community calls.
|
||||||
|
* Try to use the following syntax:
|
||||||
|
```md
|
||||||
|
folder name | Author Name ([@yourtwitterhandle](https://twitter.com/yourtwitterhandle))
|
||||||
|
```
|
||||||
|
* If you include your company name after your name, we'll try to include your company name in blog posts and community calls.
|
||||||
|
* Try to use the following syntax:
|
||||||
|
```md
|
||||||
|
folder name | Author Name ([@yourtwitterhandle](https://twitter.com/yourtwitterhandle)), Company Name
|
||||||
|
```
|
||||||
|
* For multiple authors, please provide one line per author
|
||||||
|
* If you prefer to not use social media or disclose your name, we'll still accept your sample, but we'll assume that you don't want us to promote your contribution on social media.
|
||||||
|
|
||||||
|
### Assets
|
||||||
|
|
||||||
|
* To help people make sense of your sample, make sure to always include at least one screenshot of your solution in action. People are more likely to click on a sample if they can preview it before installing it.
|
||||||
|
* Please provide a high-quality screenshot
|
||||||
|
* If possible, use a resolution of **1920x1080**
|
||||||
|
* You can add as many screen shots as you'd like to help users understand your sample without having to download it and install it.
|
||||||
|
* You can include animated images (such as `.gif` files), but you must provide at least one static `.png` file
|
||||||
|
* There is no need to include the steps where you find your web part and add it to a page. Just get to the good stuff!
|
||||||
|
|
||||||
## Submitting Pull Requests
|
## Submitting Pull Requests
|
||||||
|
|
||||||
|
> If you aren't familiar with how to contribute to open-source repositories using GitHub, or if you find the instructions on this page confusing, [sign up](https://forms.office.com/Pages/ResponsePage.aspx?id=KtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUREZVRDVYUUJLT1VNRDM4SjhGMlpUNzBORy4u) for one of our [Sharing is Caring](https://pnp.github.io/sharing-is-caring/#pnp-sic-events) events. It's completely free, and we'll guide you through the process.
|
||||||
|
|
||||||
|
|
||||||
Here's a high-level process for submitting new samples or updates to existing ones.
|
Here's a high-level process for submitting new samples or updates to existing ones.
|
||||||
|
|
||||||
1. Sign the Contributor License Agreement (see below)
|
1. Sign the Contributor License Agreement (see below)
|
||||||
|
|
@ -149,3 +193,5 @@ You can find Microsoft CLA from the following address - https://cla.microsoft.co
|
||||||
Thank you for your contribution.
|
Thank you for your contribution.
|
||||||
|
|
||||||
> Sharing is caring.
|
> Sharing is caring.
|
||||||
|
|
||||||
|
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/.github/CONTRIBUTING.md" />
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,8 @@
|
||||||
|
> By submitting this pull request, you agree to the [contribution guidelines](CONTRIBUTING.md)
|
||||||
|
|
||||||
|
> If you aren't familiar with how to contribute to open-source repositories using GitHub, or if you find the instructions on this page confusing, [sign up](https://forms.office.com/Pages/ResponsePage.aspx?id=KtIy2vgLW0SOgZbwvQuRaXDXyCl9DkBHq4A2OG7uLpdUREZVRDVYUUJLT1VNRDM4SjhGMlpUNzBORy4u) for one of our [Sharing is Caring](https://pnp.github.io/sharing-is-caring/#pnp-sic-events) events. It's completely free, and we'll guide you through the process.
|
||||||
|
|
||||||
|
|
||||||
| Q | A |
|
| Q | A |
|
||||||
| --------------- | --------------------------------------- |
|
| --------------- | --------------------------------------- |
|
||||||
| Bug fix? | no - yes? |
|
| Bug fix? | no - yes? |
|
||||||
|
|
|
||||||
|
|
@ -1 +1,88 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-aad-api-spo-cookie","version":null,"source":"pnp","title":"Call custom APIs secured with Azure Active Directory without ADAL JS","shortDescription":"Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS.","longDescription":["Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/aad-api-spo-cookie/assets/preview-orders.png","alt":"Call custom APIs secured with Azure Active Directory without ADAL JS","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-aad-api-spo-cookie",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Call custom APIs secured with Azure Active Directory without ADAL JS",
|
||||||
|
"shortDescription": "Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/aad-api-spo-cookie",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS."
|
||||||
|
],
|
||||||
|
"created": "2017-05-05",
|
||||||
|
"modified": "2017-05-05",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/aad-api-spo-cookie/assets/preview-orders.png",
|
||||||
|
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-api-configure-authentication-dialog.png?raw=true",
|
||||||
|
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-api-configure-authentication.png?raw=true",
|
||||||
|
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-api-restore-packages.png?raw=true",
|
||||||
|
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-fetch-error.png?raw=true",
|
||||||
|
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 105,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-ie-error.png?raw=true",
|
||||||
|
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 106,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-ie-zones-settings.png?raw=true",
|
||||||
|
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,51 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular-aad-webapi","version":null,"source":"pnp","title":"Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x","shortDescription":"Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x","longDescription":["Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-aad-webapi/assets/preview.jpg","alt":"Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x","slides":null}],"authors":[{"gitHubAccount":"davidhartman","company":"","pictureUrl":"https://github.com/davidhartman.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular-aad-webapi",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x",
|
||||||
|
"shortDescription": "Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-aad-webapi",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x"
|
||||||
|
],
|
||||||
|
"created": "2017-03-21",
|
||||||
|
"modified": "2017-03-21",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-aad-webapi/assets/preview.jpg",
|
||||||
|
"alt": "Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "davidhartman",
|
||||||
|
"company": "Slalom",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/11304394?s=460\u0026v=4",
|
||||||
|
"name": "David Hartman"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,57 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular-greeting","version":null,"source":"pnp","title":"Greeting client-side web part","shortDescription":"This is Greeting web part which shows greeting to the current logged in user.","longDescription":["This is Greeting web part which shows greeting to the current logged in user."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-greeting/assets/captured.gif","alt":"Greeting client-side web part","slides":null}],"authors":[{"gitHubAccount":"gauravgoyal5","company":"","pictureUrl":"https://github.com/gauravgoyal5.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular-greeting",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Greeting client-side web part",
|
||||||
|
"shortDescription": "This is Greeting web part which shows greeting to the current logged in user.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-greeting",
|
||||||
|
"longDescription": [
|
||||||
|
"This is Greeting web part which shows greeting to the current logged in user."
|
||||||
|
],
|
||||||
|
"created": "2020-02-15",
|
||||||
|
"modified": "2020-02-15",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-greeting/assets/captured.gif",
|
||||||
|
"alt": "Greeting client-side web part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-greeting/assets/preview.PNG?raw=true",
|
||||||
|
"alt": "Greeting client-side web part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "gauravgoyal5",
|
||||||
|
"company": "BizPortals Solutions",
|
||||||
|
"pictureUrl": "https://github.com/gauravgoyal5.png",
|
||||||
|
"name": "Gaurav Goyal"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,58 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular-migration","version":null,"source":"pnp","title":"Migrating existing Angular applications to SharePoint Framework sample","shortDescription":"This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part.","longDescription":["This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-migration/assets/angular-todo-spfx-preview.png","alt":"Migrating existing Angular applications to SharePoint Framework sample","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular-migration",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Migrating existing Angular applications to SharePoint Framework sample",
|
||||||
|
"shortDescription": "This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-migration",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part."
|
||||||
|
],
|
||||||
|
"created": "2016-10-21",
|
||||||
|
"modified": "2016-10-21",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-migration/assets/angular-todo-spfx-preview.png",
|
||||||
|
"alt": "Migrating existing Angular applications to SharePoint Framework sample"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-migration/assets/angular-todo-preview.png?raw=true",
|
||||||
|
"alt": "Migrating existing Angular applications to SharePoint Framework sample"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1,19 +1,19 @@
|
||||||
{
|
[
|
||||||
|
{
|
||||||
"name": "pnp-sp-dev-spfx-web-parts-angular-msgraph",
|
"name": "pnp-sp-dev-spfx-web-parts-angular-msgraph",
|
||||||
"version": null,
|
|
||||||
"source": "pnp",
|
"source": "pnp",
|
||||||
"title": "Angular MS Graph Web Part Built with Angular v1.x",
|
"title": "Angular MS Graph Web Part Built with Angular v1.x",
|
||||||
"shortDescription": "This is a sample MS Graph web part that connects to Microsoft Graph and pulls SharePoint information from your tenant. It will first pull the root site collection (currently a limitation by Microsoft Graph), then it will display all the lists associated with the site followed by all the items inside the list.",
|
"shortDescription": "This is a sample MS Graph web part that connects to Microsoft Graph and pulls SharePoint information from your tenant. It will first pull the root site collection (currently a limitation by Microsoft Graph), then it will display all the lists associated with the site followed by all the items inside the list.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-msgraph",
|
||||||
"longDescription": [
|
"longDescription": [
|
||||||
"This is a sample MS Graph web part that connects to Microsoft Graph and pulls SharePoint information from your tenant. It will first pull the root site collection (currently a limitation by Microsoft Graph), then it will display all the lists associated with the site followed by all the items inside the list."
|
"This is a sample MS Graph web part that connects to Microsoft Graph and pulls SharePoint information from your tenant. It will first pull the root site collection (currently a limitation by Microsoft Graph), then it will display all the lists associated with the site followed by all the items inside the list."
|
||||||
],
|
],
|
||||||
|
"created": "2017-04-19",
|
||||||
|
"modified": "2017-04-19",
|
||||||
"products": [
|
"products": [
|
||||||
"SharePoint",
|
"SharePoint",
|
||||||
"Office"
|
"Office"
|
||||||
],
|
],
|
||||||
"categories": [
|
|
||||||
""
|
|
||||||
],
|
|
||||||
"metadata": [
|
"metadata": [
|
||||||
{
|
{
|
||||||
"key": "CLIENT-SIDE-DEV",
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
|
@ -29,16 +29,47 @@
|
||||||
"type": "image",
|
"type": "image",
|
||||||
"order": 100,
|
"order": 100,
|
||||||
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-msgraph/assets/Connect.png",
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-msgraph/assets/Connect.png",
|
||||||
"alt": "Angular MS Graph Web Part Built with Angular v1.x",
|
"alt": "Angular MS Graph Web Part Built with Angular v1.x"
|
||||||
"slides": null
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Connected.png?raw=true",
|
||||||
|
"alt": "Angular MS Graph Web Part Built with Angular v1.x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Items.png?raw=true",
|
||||||
|
"alt": "Angular MS Graph Web Part Built with Angular v1.x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Lists.png?raw=true",
|
||||||
|
"alt": "Angular MS Graph Web Part Built with Angular v1.x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Root.png?raw=true",
|
||||||
|
"alt": "Angular MS Graph Web Part Built with Angular v1.x"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"authors": [
|
"authors": [
|
||||||
{
|
{
|
||||||
"gitHubAccount": "davidhartman",
|
"gitHubAccount": "davidhartman",
|
||||||
"company": "",
|
"company": "Slalom",
|
||||||
"pictureUrl": "https://github.com/davidhartman.png"
|
"pictureUrl": "https://avatars.githubusercontent.com/u/11304394?s=460\u0026v=4",
|
||||||
|
"name": "David Hartman"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"references": []
|
"references": [
|
||||||
}
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular-multipage","version":null,"source":"pnp","title":"Angular multi-page client-side web part","shortDescription":"This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts.","longDescription":["This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"drop5"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-multipage/assets/poll-preview.gif","alt":"Angular multi-page client-side web part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular-multipage",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Angular multi-page client-side web part",
|
||||||
|
"shortDescription": "This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-multipage",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts."
|
||||||
|
],
|
||||||
|
"created": "2016-11-01",
|
||||||
|
"modified": "2016-11-01",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "drop5"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-multipage/assets/poll-preview.gif",
|
||||||
|
"alt": "Angular multi-page client-side web part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,65 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular-ngofficeuifabric-file-upload","version":null,"source":"pnp","title":"File Upload using AngularJs","shortDescription":"File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework.","longDescription":["File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://camo.githubusercontent.com/674cb6e830d597e1ab9bb89992b6fe7f0359b80f/687474703a2f2f692e696d6775722e636f6d2f553571673449492e706e67","alt":"File Upload using AngularJs","slides":null}],"authors":[{"gitHubAccount":"dipongkor","company":"","pictureUrl":"https://github.com/dipongkor.png"},{"gitHubAccount":"gautamdsheth","company":"","pictureUrl":"https://github.com/gautamdsheth.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular-ngofficeuifabric-file-upload",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "File Upload using AngularJs",
|
||||||
|
"shortDescription": "File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-ngofficeuifabric-file-upload",
|
||||||
|
"longDescription": [
|
||||||
|
"File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework."
|
||||||
|
],
|
||||||
|
"created": "2017-07-17",
|
||||||
|
"modified": "2017-07-17",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://camo.githubusercontent.com/674cb6e830d597e1ab9bb89992b6fe7f0359b80f/687474703a2f2f692e696d6775722e636f6d2f553571673449492e706e67",
|
||||||
|
"alt": "File Upload using AngularJs"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-ngofficeuifabric-file-upload/assets/NG File Upload.png?raw=true",
|
||||||
|
"alt": "File Upload using AngularJs"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "dipongkor",
|
||||||
|
"company": "Jashore University of Science and Technology",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/4987425?s=460\u0026u=998935621b0e998dc9bcd0fc26267623a8e5512c\u0026v=4",
|
||||||
|
"name": "Atish Kumar Dipongkor",
|
||||||
|
"twitter": "atish_iit"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "gautamdsheth",
|
||||||
|
"company": "Valo Intranet",
|
||||||
|
"pictureUrl": "https://github.com/gautamdsheth.png",
|
||||||
|
"name": "Gautam Sheth",
|
||||||
|
"twitter": "gautamdsheth"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular-ngofficeuifabric-todo","version":null,"source":"pnp","title":"Angular \u0026 ngOfficeUIFabric Client-Side Web Part","shortDescription":"","longDescription":[""],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"drop2"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars2.githubusercontent.com/u/11164679?s=460\u0026v=4","alt":"Angular \u0026 ngOfficeUIFabric Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular-ngofficeuifabric-todo",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Angular \u0026 ngOfficeUIFabric Client-Side Web Part",
|
||||||
|
"shortDescription": "",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-ngofficeuifabric-todo",
|
||||||
|
"longDescription": [
|
||||||
|
""
|
||||||
|
],
|
||||||
|
"created": "2016-09-09",
|
||||||
|
"modified": "2016-09-09",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "drop2"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://avatars2.githubusercontent.com/u/11164679?s=460\u0026v=4",
|
||||||
|
"alt": "Angular \u0026 ngOfficeUIFabric Client-Side Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,51 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular-search","version":null,"source":"pnp","title":"Search Client-Side Web Part Built with Angular v1.x","shortDescription":"This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework","longDescription":["This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"rc0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-search/assets/angularSearch.png","alt":"Search Client-Side Web Part Built with Angular v1.x","slides":null}],"authors":[{"gitHubAccount":"davidhartman","company":"","pictureUrl":"https://github.com/davidhartman.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular-search",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Search Client-Side Web Part Built with Angular v1.x",
|
||||||
|
"shortDescription": "This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-search",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework"
|
||||||
|
],
|
||||||
|
"created": "2017-02-04",
|
||||||
|
"modified": "2017-02-04",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "rc0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-search/assets/angularSearch.png",
|
||||||
|
"alt": "Search Client-Side Web Part Built with Angular v1.x"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "davidhartman",
|
||||||
|
"company": "Slalom",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/11304394?s=460\u0026v=4",
|
||||||
|
"name": "David Hartman"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular-todo","version":null,"source":"pnp","title":"Angular client-side web part","shortDescription":"Sample Web Part illustrating using Angular with the SharePoint Framework.","longDescription":["Sample Web Part illustrating using Angular with the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-todo/assets/preview.png","alt":"Angular client-side web part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular-todo",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Angular client-side web part",
|
||||||
|
"shortDescription": "Sample Web Part illustrating using Angular with the SharePoint Framework.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-todo",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample Web Part illustrating using Angular with the SharePoint Framework."
|
||||||
|
],
|
||||||
|
"created": "2017-03-10",
|
||||||
|
"modified": "2017-03-10",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-todo/assets/preview.png",
|
||||||
|
"alt": "Angular client-side web part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,51 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angular2-prototype","version":null,"source":"pnp","title":"Angular2 Web Part Prototype","shortDescription":"Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework.","longDescription":["Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"rc0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular2-prototype/assets/preview.png","alt":"Angular2 Web Part Prototype","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"dgaeta","company":"","pictureUrl":"https://github.com/dgaeta.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angular2-prototype",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Angular2 Web Part Prototype",
|
||||||
|
"shortDescription": "Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular2-prototype",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework."
|
||||||
|
],
|
||||||
|
"created": "2017-01-20",
|
||||||
|
"modified": "2017-01-20",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "rc0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular2-prototype/assets/preview.png",
|
||||||
|
"alt": "Angular2 Web Part Prototype"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "dgaeta",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/1770329?s=460\u0026v=4",
|
||||||
|
"name": "Daniel Gaeta"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,59 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angularelements-helloworld","version":null,"source":"pnp","title":"Angular Elements in SharePoint Framework","shortDescription":"Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework.","longDescription":["Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png","alt":"Angular Elements in SharePoint Framework","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"},{"gitHubAccount":"sebastienlevert","company":"","pictureUrl":"https://github.com/sebastienlevert.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angularelements-helloworld",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Angular Elements in SharePoint Framework",
|
||||||
|
"shortDescription": "Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angularelements-helloworld",
|
||||||
|
"longDescription": [
|
||||||
|
"Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework."
|
||||||
|
],
|
||||||
|
"created": "2018-06-01",
|
||||||
|
"modified": "2018-06-01",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.4.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png",
|
||||||
|
"alt": "Angular Elements in SharePoint Framework"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "sebastienlevert",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/sebastienlevert.png",
|
||||||
|
"name": "S\u00E9bastien Levert",
|
||||||
|
"twitter": "sebastienlevert"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-angularelements-html-templatefile","version":null,"source":"pnp","title":"Angular Elements with HTML Template File in SharePoint Framework","shortDescription":"A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File.","longDescription":["A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png","alt":"Angular Elements with HTML Template File in SharePoint Framework","slides":null}],"authors":[{"gitHubAccount":"JayakumarB","company":"","pictureUrl":"https://github.com/JayakumarB.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-angularelements-html-templatefile",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Angular Elements with HTML Template File in SharePoint Framework",
|
||||||
|
"shortDescription": "A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angularelements-html-templatefile",
|
||||||
|
"longDescription": [
|
||||||
|
"A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File."
|
||||||
|
],
|
||||||
|
"created": "2019-01-08",
|
||||||
|
"modified": "2019-01-08",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Angular"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.4.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png",
|
||||||
|
"alt": "Angular Elements with HTML Template File in SharePoint Framework"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "JayakumarB",
|
||||||
|
"company": "Hubfly",
|
||||||
|
"pictureUrl": "https://github.com/JayakumarB.png",
|
||||||
|
"name": "Jayakumar Balasubramaniam",
|
||||||
|
"twitter": "jayakumrb"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,63 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-bootstrap-slider","version":null,"source":"pnp","title":"Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x","shortDescription":"Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site.","longDescription":["Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Other"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/bootstrap-slider/assets/slider_image_1.png","alt":"Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x","slides":null}],"authors":[{"gitHubAccount":"davidhartman","company":"","pictureUrl":"https://github.com/davidhartman.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-bootstrap-slider",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x",
|
||||||
|
"shortDescription": "Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/bootstrap-slider",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site."
|
||||||
|
],
|
||||||
|
"created": "2017-04-25",
|
||||||
|
"modified": "2017-04-25",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Other"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/bootstrap-slider/assets/slider_image_1.png",
|
||||||
|
"alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/bootstrap-slider/assets/List.png?raw=true",
|
||||||
|
"alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/bootstrap-slider/assets/slider_image_2.png?raw=true",
|
||||||
|
"alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "davidhartman",
|
||||||
|
"company": "Slalom",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/11304394?s=460\u0026v=4",
|
||||||
|
"name": "David Hartman"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-handlebarsjs-webpack-loader","version":null,"source":"pnp","title":"Sample with Handlebars.js","shortDescription":"This sample demonstrate how to set up SPFX to use Handlebars through webpack loader.","longDescription":["This sample demonstrate how to set up SPFX to use Handlebars through webpack loader."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Handlebars"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars2.githubusercontent.com/u/5503835?s=460\u0026v=4","alt":"Sample with Handlebars.js","slides":null}],"authors":[{"gitHubAccount":"StfBauer","company":"","pictureUrl":"https://github.com/StfBauer.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-handlebarsjs-webpack-loader",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Sample with Handlebars.js",
|
||||||
|
"shortDescription": "This sample demonstrate how to set up SPFX to use Handlebars through webpack loader.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/handlebarsjs-webpack-loader",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample demonstrate how to set up SPFX to use Handlebars through webpack loader."
|
||||||
|
],
|
||||||
|
"created": "2018-03-21",
|
||||||
|
"modified": "2018-03-21",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Handlebars"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.4.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://avatars2.githubusercontent.com/u/5503835?s=460\u0026v=4",
|
||||||
|
"alt": "Sample with Handlebars.js"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "StfBauer",
|
||||||
|
"company": "N8D",
|
||||||
|
"pictureUrl": "https://github.com/StfBauer.png",
|
||||||
|
"name": "Stefan Bauer",
|
||||||
|
"twitter": "stfbauer"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-jquery-cdn","version":null,"source":"pnp","title":"Using jQuery loaded from CDN","shortDescription":"This is a sample web Part that illustrates the use of jQuery and its plugins loaded from CDN for building SharePoint Framework client-side web parts.","longDescription":["This is a sample web Part that illustrates the use of jQuery and its plugins loaded from CDN for building SharePoint Framework client-side web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"jQuery"},{"key":"SPFX-VERSION","value":"drop2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-cdn/assets/preview_weather.png","alt":"Using jQuery loaded from CDN","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-jquery-cdn",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Using jQuery loaded from CDN",
|
||||||
|
"shortDescription": "This is a sample web Part that illustrates the use of jQuery and its plugins loaded from CDN for building SharePoint Framework client-side web parts.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/jquery-cdn",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample web Part that illustrates the use of jQuery and its plugins loaded from CDN for building SharePoint Framework client-side web parts."
|
||||||
|
],
|
||||||
|
"created": "2016-09-16",
|
||||||
|
"modified": "2016-09-16",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "jQuery"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "drop2"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-cdn/assets/preview_weather.png",
|
||||||
|
"alt": "Using jQuery loaded from CDN"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,75 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-jquery-photopile","version":null,"source":"pnp","title":"JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part","shortDescription":"This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework.","longDescription":["This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"jQuery"},{"key":"SPFX-VERSION","value":"drop1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-photopile/assets/photopileoverview.gif","alt":"JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"OlivierCC","company":"","pictureUrl":"https://github.com/OlivierCC.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-jquery-photopile",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part",
|
||||||
|
"shortDescription": "This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/jquery-photopile",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework."
|
||||||
|
],
|
||||||
|
"created": "2016-09-09",
|
||||||
|
"modified": "2016-09-09",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "jQuery"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "drop1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-photopile/assets/photopileoverview.gif",
|
||||||
|
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-01.png?raw=true",
|
||||||
|
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-02.png?raw=true",
|
||||||
|
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-03.png?raw=true",
|
||||||
|
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-05.png?raw=true",
|
||||||
|
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "OlivierCC",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/OlivierCC.png",
|
||||||
|
"name": "Olivier Carpentier"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-advanced-commenting","version":null,"source":"pnp","title":"Advanced Comments Box","shortDescription":"This component is developed for the advanced usage of commenting the page or article etc. Page Comments lists will be created to store the comments.","longDescription":["This component is developed for the advanced usage of commenting the page or article etc. Page Comments lists will be created to store the comments."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"jQuery"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-advanced-commenting/assets/Advanced-Comments-Box.gif","alt":"Advanced Comments Box","slides":null}],"authors":[{"gitHubAccount":"sudharsank","company":"","pictureUrl":"https://github.com/sudharsank.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-advanced-commenting",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Advanced Comments Box",
|
||||||
|
"shortDescription": "This component is developed for the advanced usage of commenting the page or article etc. Page Comments lists will be created to store the comments.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-advanced-commenting",
|
||||||
|
"longDescription": [
|
||||||
|
"This component is developed for the advanced usage of commenting the page or article etc. Page Comments lists will be created to store the comments."
|
||||||
|
],
|
||||||
|
"created": "2020-02-05",
|
||||||
|
"modified": "2020-02-05",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "jQuery"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.9.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-advanced-commenting/assets/Advanced-Comments-Box.gif",
|
||||||
|
"alt": "Advanced Comments Box"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "sudharsank",
|
||||||
|
"company": "NTT Digital Business Solutions",
|
||||||
|
"pictureUrl": "https://github.com/sudharsank.png",
|
||||||
|
"name": "Sudharsan Kesavanarayanan",
|
||||||
|
"twitter": "sudharsank"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,57 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-display-list","version":null,"source":"pnp","title":"Display List JavaScript Client-Side Web Part","shortDescription":"This simplistic sample Web Part demonstrates the use of JavaScript in a SharePoint Framework web part. The properties pane for this web part display a drop down list of lists in the current web. Once the user selects one of the lists, the web part display the contents of the list.","longDescription":["This simplistic sample Web Part demonstrates the use of JavaScript in a SharePoint Framework web part. The properties pane for this web part display a drop down list of lists in the current web. Once the user selects one of the lists, the web part display the contents of the list."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-display-list/assets/display-list-preview.png","alt":"Display List JavaScript Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"},{"gitHubAccount":"sharepointknight","company":"","pictureUrl":"https://github.com/sharepointknight.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-display-list",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Display List JavaScript Client-Side Web Part",
|
||||||
|
"shortDescription": "This simplistic sample Web Part demonstrates the use of JavaScript in a SharePoint Framework web part. The properties pane for this web part display a drop down list of lists in the current web. Once the user selects one of the lists, the web part display the contents of the list.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-display-list",
|
||||||
|
"longDescription": [
|
||||||
|
"This simplistic sample Web Part demonstrates the use of JavaScript in a SharePoint Framework web part. The properties pane for this web part display a drop down list of lists in the current web. Once the user selects one of the lists, the web part display the contents of the list."
|
||||||
|
],
|
||||||
|
"created": "2020-08-29",
|
||||||
|
"modified": "2020-08-29",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.11.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-display-list/assets/display-list-preview.png",
|
||||||
|
"alt": "Display List JavaScript Client-Side Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "VelinGeorgiev",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/VelinGeorgiev.png",
|
||||||
|
"name": "Velin Georgiev"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "sharepointknight",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/sharepointknight.png",
|
||||||
|
"name": "Ryan Schouten"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,58 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-dynamic-bundling-libraries","version":null,"source":"pnp","title":"Dynamic Bundling \u0026 Loading of SPFx Packages","shortDescription":"This sample illustrates how SPFx functionality and packages can be bundled in multiple \u0027.js\u0027 files then be dynamically \u0026 asynchronously loaded into the page at execution time, such as with a button click.","longDescription":["This sample illustrates how SPFx functionality and packages can be bundled in multiple \u0027.js\u0027 files then be dynamically \u0026 asynchronously loaded into the page at execution time, such as with a button click."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PostjQueryClick.jpg","alt":"Dynamic Bundling \u0026 Loading of SPFx Packages","slides":null}],"authors":[{"gitHubAccount":"PopWarner","company":"","pictureUrl":"https://github.com/PopWarner.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-dynamic-bundling-libraries",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Dynamic Bundling \u0026 Loading of SPFx Packages",
|
||||||
|
"shortDescription": "This sample illustrates how SPFx functionality and packages can be bundled in multiple \u0027.js\u0027 files then be dynamically \u0026 asynchronously loaded into the page at execution time, such as with a button click.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-dynamic-bundling-libraries",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample illustrates how SPFx functionality and packages can be bundled in multiple \u0027.js\u0027 files then be dynamically \u0026 asynchronously loaded into the page at execution time, such as with a button click."
|
||||||
|
],
|
||||||
|
"created": "2018-12-03",
|
||||||
|
"modified": "2018-12-03",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.7.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PostjQueryClick.jpg",
|
||||||
|
"alt": "Dynamic Bundling \u0026 Loading of SPFx Packages"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PreClick.jpg?raw=true",
|
||||||
|
"alt": "Dynamic Bundling \u0026 Loading of SPFx Packages"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "PopWarner",
|
||||||
|
"company": "Catapult Systems",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460\u0026u=9e4e74223c4ffb430fb77c97892a84b286df1921\u0026v=4",
|
||||||
|
"name": "David Warner II",
|
||||||
|
"twitter": "PopWarner"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,57 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-employee-spotlight","version":null,"source":"pnp","title":"Display Employee Spotlight JavaScript Client-Side Web Part","shortDescription":"Simple Web Part that demonstrates the use of SharePoint Framework for showcasing Employee Spotlight. The web part pulls data from a configured list and User Profile service. The properties pane for this web part has 5 cascading dropdowns.","longDescription":["Simple Web Part that demonstrates the use of SharePoint Framework for showcasing Employee Spotlight. The web part pulls data from a configured list and User Profile service. The properties pane for this web part has 5 cascading dropdowns."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-employee-spotlight/assets/Employee-spotlight-priview.png","alt":"Display Employee Spotlight JavaScript Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"brk114","company":"","pictureUrl":"https://github.com/brk114.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-employee-spotlight",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Display Employee Spotlight JavaScript Client-Side Web Part",
|
||||||
|
"shortDescription": "Simple Web Part that demonstrates the use of SharePoint Framework for showcasing Employee Spotlight. The web part pulls data from a configured list and User Profile service. The properties pane for this web part has 5 cascading dropdowns.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-employee-spotlight",
|
||||||
|
"longDescription": [
|
||||||
|
"Simple Web Part that demonstrates the use of SharePoint Framework for showcasing Employee Spotlight. The web part pulls data from a configured list and User Profile service. The properties pane for this web part has 5 cascading dropdowns."
|
||||||
|
],
|
||||||
|
"created": "2017-06-12",
|
||||||
|
"modified": "2017-06-12",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-employee-spotlight/assets/Employee-spotlight-priview.png",
|
||||||
|
"alt": "Display Employee Spotlight JavaScript Client-Side Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-employee-spotlight/assets/Employee-spotlight-options.png?raw=true",
|
||||||
|
"alt": "Display Employee Spotlight JavaScript Client-Side Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "brk114",
|
||||||
|
"company": "TechDimension IT Solutions",
|
||||||
|
"pictureUrl": "https://github.com/brk114.png",
|
||||||
|
"name": "Ravi Kumar Bomma"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-extend-gulp","version":null,"source":"pnp","title":"Integrating custom gulp tasks to SharePoint Framwork toolchain","shortDescription":"SharePoint client-side development tools use gulp as the build process task runner to...","longDescription":["SharePoint client-side development tools use gulp as the build process task runner to..."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"rc0"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars3.githubusercontent.com/u/7882052?s=460\u0026v=4","alt":"Integrating custom gulp tasks to SharePoint Framwork toolchain","slides":null}],"authors":[{"gitHubAccount":"chakkaradeep","company":"","pictureUrl":"https://github.com/chakkaradeep.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-extend-gulp",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Integrating custom gulp tasks to SharePoint Framwork toolchain",
|
||||||
|
"shortDescription": "SharePoint client-side development tools use gulp as the build process task runner to...",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-extend-gulp",
|
||||||
|
"longDescription": [
|
||||||
|
"SharePoint client-side development tools use gulp as the build process task runner to..."
|
||||||
|
],
|
||||||
|
"created": "2017-01-25",
|
||||||
|
"modified": "2017-01-25",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "rc0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://avatars3.githubusercontent.com/u/7882052?s=460\u0026v=4",
|
||||||
|
"alt": "Integrating custom gulp tasks to SharePoint Framwork toolchain"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "chakkaradeep",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/7882052?s=460\u0026u=92d546edfe1e1b374c69f0fd9315186eea700b8f\u0026v=4",
|
||||||
|
"name": "Chakkaradeep Chandran",
|
||||||
|
"twitter": "chakkaradeep"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,58 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-extend-webpack","version":null,"source":"pnp","title":"Extending webpack in the SharePoint Framework toolchain","shortDescription":"This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string.","longDescription":["This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png","alt":"Extending webpack in the SharePoint Framework toolchain","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"},{"gitHubAccount":"chakkaradeep","company":"","pictureUrl":"https://github.com/chakkaradeep.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-extend-webpack",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Extending webpack in the SharePoint Framework toolchain",
|
||||||
|
"shortDescription": "This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-extend-webpack",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string."
|
||||||
|
],
|
||||||
|
"created": "2017-01-25",
|
||||||
|
"modified": "2017-01-25",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png",
|
||||||
|
"alt": "Extending webpack in the SharePoint Framework toolchain"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "VelinGeorgiev",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/VelinGeorgiev.png",
|
||||||
|
"name": "Velin Georgiev"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "chakkaradeep",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/7882052?s=460\u0026u=92d546edfe1e1b374c69f0fd9315186eea700b8f\u0026v=4",
|
||||||
|
"name": "Chakkaradeep Chandran",
|
||||||
|
"twitter": "chakkaradeep"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-gitHubBadge","version":null,"source":"pnp","title":"GitHub Badge","shortDescription":"","longDescription":[""],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-gitHubBadge/assets/1.png","alt":"GitHub Badge","slides":null}],"authors":[{"gitHubAccount":"skaggej","company":"","pictureUrl":"https://github.com/skaggej.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-gitHubBadge",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "GitHub Badge",
|
||||||
|
"shortDescription": "",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-gitHubBadge",
|
||||||
|
"longDescription": [
|
||||||
|
""
|
||||||
|
],
|
||||||
|
"created": "2019-04-18",
|
||||||
|
"modified": "2019-04-18",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.8.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-gitHubBadge/assets/1.png",
|
||||||
|
"alt": "GitHub Badge"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "skaggej",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/skaggej.png",
|
||||||
|
"name": "Eric Skaggs",
|
||||||
|
"twitter": "skaggej"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,58 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-modern-calendar","version":null,"source":"pnp","title":"Modern Calendar","shortDescription":"This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it.","longDescription":["This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.6.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://cloud.githubusercontent.com/assets/13068139/23584808/14c3ec26-0121-11e7-8be8-65fbcca32b62.png","alt":"Modern Calendar","slides":null}],"authors":[{"gitHubAccount":"jcoleman-pcprofessional","company":"","pictureUrl":"https://github.com/jcoleman-pcprofessional.png"},{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-modern-calendar",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Modern Calendar",
|
||||||
|
"shortDescription": "This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-modern-calendar",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it."
|
||||||
|
],
|
||||||
|
"created": "2020-06-05",
|
||||||
|
"modified": "2020-06-05",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.6.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://cloud.githubusercontent.com/assets/13068139/23584808/14c3ec26-0121-11e7-8be8-65fbcca32b62.png",
|
||||||
|
"alt": "Modern Calendar"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "jcoleman-pcprofessional",
|
||||||
|
"company": "PC Professional Inc.",
|
||||||
|
"pictureUrl": "https://github.com/jcoleman-pcprofessional.png",
|
||||||
|
"name": "Jeremy Coleman"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "nanddeepn",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/nanddeepn.png",
|
||||||
|
"name": "Nanddeep Nachan",
|
||||||
|
"twitter": "NanddeepNachan"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-msgraph-thumbnail","version":null,"source":"pnp","title":"Thumbnail/preview of pages and files","shortDescription":"A web part showcasing how to call the Microsoft Graph Thumbnails API to generate a preview image for files and pages in SharePoint. The sample illustrates how to craft the preview URL both from a search result as well as from a SharePoint item object.","longDescription":["A web part showcasing how to call the Microsoft Graph Thumbnails API to generate a preview image for files and pages in SharePoint. The sample illustrates how to craft the preview URL both from a search result as well as from a SharePoint item object."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-msgraph-thumbnail/preview.gif","alt":"Thumbnail/preview of pages and files","slides":null}],"authors":[{"gitHubAccount":"wobba","company":"","pictureUrl":"https://github.com/wobba.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-msgraph-thumbnail",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Thumbnail/preview of pages and files",
|
||||||
|
"shortDescription": "A web part showcasing how to call the Microsoft Graph Thumbnails API to generate a preview image for files and pages in SharePoint. The sample illustrates how to craft the preview URL both from a search result as well as from a SharePoint item object.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-msgraph-thumbnail",
|
||||||
|
"longDescription": [
|
||||||
|
"A web part showcasing how to call the Microsoft Graph Thumbnails API to generate a preview image for files and pages in SharePoint. The sample illustrates how to craft the preview URL both from a search result as well as from a SharePoint item object."
|
||||||
|
],
|
||||||
|
"created": "2020-01-21",
|
||||||
|
"modified": "2020-01-21",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-msgraph-thumbnail/preview.gif",
|
||||||
|
"alt": "Thumbnail/preview of pages and files"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "wobba",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/wobba.png",
|
||||||
|
"name": "Mikael Svenson",
|
||||||
|
"twitter": "mikaelsvenson"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,85 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-myflows","version":null,"source":"pnp","title":"My Flows Web Part","shortDescription":"Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js","longDescription":["Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-myflows/assets/Screenshot4.png","alt":"My Flows Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-myflows",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "My Flows Web Part",
|
||||||
|
"shortDescription": "Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-myflows",
|
||||||
|
"longDescription": [
|
||||||
|
"Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js"
|
||||||
|
],
|
||||||
|
"created": "2019-08-13",
|
||||||
|
"modified": "2019-08-13",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.8.2"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-TEAMSTAB",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-myflows/assets/Screenshot4.png",
|
||||||
|
"alt": "My Flows Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/MyFlows.gif?raw=true",
|
||||||
|
"alt": "My Flows Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot1.png?raw=true",
|
||||||
|
"alt": "My Flows Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot2.png?raw=true",
|
||||||
|
"alt": "My Flows Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot3.png?raw=true",
|
||||||
|
"alt": "My Flows Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "joaojmendes",
|
||||||
|
"company": "Storm Technology Ltd",
|
||||||
|
"pictureUrl": "https://github.com/joaojmendes.png",
|
||||||
|
"name": "Jo\u00E3o Mendes",
|
||||||
|
"twitter": "joaojmendes"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Building Microsoft Teams Tabs using SharePoint Framework",
|
||||||
|
"description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,51 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-powerbi-embedded","version":null,"source":"pnp","title":"Embed a PowerBI report in a Client-Side Web Part","shortDescription":"This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code.","longDescription":["This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"drop2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-powerbi-embedded/assets/screenshot_powerbi_embedded_spfx.png","alt":"Embed a PowerBI report in a Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"roldengarm","company":"","pictureUrl":"https://github.com/roldengarm.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-powerbi-embedded",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Embed a PowerBI report in a Client-Side Web Part",
|
||||||
|
"shortDescription": "This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-powerbi-embedded",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code."
|
||||||
|
],
|
||||||
|
"created": "2016-09-13",
|
||||||
|
"modified": "2016-09-13",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "drop2"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-powerbi-embedded/assets/screenshot_powerbi_embedded_spfx.png",
|
||||||
|
"alt": "Embed a PowerBI report in a Client-Side Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "roldengarm",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/roldengarm.png",
|
||||||
|
"name": "Roland Oldengarm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,58 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-propertycontrols-svg","version":null,"source":"pnp","title":"JS Property Controls SVG","shortDescription":"An SPFx web part that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The web part utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties.","longDescription":["An SPFx web part that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The web part utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.3.4"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.gif","alt":"JS Property Controls SVG","slides":null}],"authors":[{"gitHubAccount":"thechriskent","company":"","pictureUrl":"https://github.com/thechriskent.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-propertycontrols-svg",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "JS Property Controls SVG",
|
||||||
|
"shortDescription": "An SPFx web part that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The web part utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-propertycontrols-svg",
|
||||||
|
"longDescription": [
|
||||||
|
"An SPFx web part that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The web part utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties."
|
||||||
|
],
|
||||||
|
"created": "2017-11-12",
|
||||||
|
"modified": "2017-11-12",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.3.4"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.gif",
|
||||||
|
"alt": "JS Property Controls SVG"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.PNG?raw=true",
|
||||||
|
"alt": "JS Property Controls SVG"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "thechriskent",
|
||||||
|
"company": "DMI",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/8364109?s=460\u0026v=4",
|
||||||
|
"name": "Chris Kent",
|
||||||
|
"twitter": "thechriskent"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-public-unjoined-teams","version":null,"source":"pnp","title":"Public teams I\u0027m not a member of","shortDescription":"This web part lists all the public teams the current user is not yet a member of. They can then join any of those teams by clicking the button right next to the team name. This web part can also be added to Teams as a tab (built with the 1.7.1 plusbeta/preview version).","longDescription":["This web part lists all the public teams the current user is not yet a member of. They can then join any of those teams by clicking the button right next to the team name. This web part can also be added to Teams as a tab (built with the 1.7.1 plusbeta/preview version)."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-public-unjoined-teams/assets/js-public-unjoined-teams.gif","alt":"Public teams I\u0027m not a member of","slides":null}],"authors":[{"gitHubAccount":"LauraKokkarinen","company":"","pictureUrl":"https://github.com/LauraKokkarinen.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-public-unjoined-teams",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Public teams I\u0027m not a member of",
|
||||||
|
"shortDescription": "This web part lists all the public teams the current user is not yet a member of. They can then join any of those teams by clicking the button right next to the team name. This web part can also be added to Teams as a tab (built with the 1.7.1 plusbeta/preview version).",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-public-unjoined-teams",
|
||||||
|
"longDescription": [
|
||||||
|
"This web part lists all the public teams the current user is not yet a member of. They can then join any of those teams by clicking the button right next to the team name. This web part can also be added to Teams as a tab (built with the 1.7.1 plusbeta/preview version)."
|
||||||
|
],
|
||||||
|
"created": "2019-02-05",
|
||||||
|
"modified": "2019-02-05",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.7.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-public-unjoined-teams/assets/js-public-unjoined-teams.gif",
|
||||||
|
"alt": "Public teams I\u0027m not a member of"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "LauraKokkarinen",
|
||||||
|
"company": "Sulava",
|
||||||
|
"pictureUrl": "https://github.com/LauraKokkarinen.png",
|
||||||
|
"name": "Laura Kokkarinen",
|
||||||
|
"twitter": "LauraKokkarinen"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-skype-status","version":null,"source":"pnp","title":"JavaScript Skype Status Web Part","shortDescription":"This sample demonstrates how to use the UCWA JS Sdk for skype in the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation","longDescription":["This sample demonstrates how to use the UCWA JS Sdk for skype in the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-skype-status/images/demo.gif","alt":"JavaScript Skype Status Web Part","slides":null}],"authors":[{"gitHubAccount":"baywet","company":"","pictureUrl":"https://github.com/baywet.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-skype-status",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "JavaScript Skype Status Web Part",
|
||||||
|
"shortDescription": "This sample demonstrates how to use the UCWA JS Sdk for skype in the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-skype-status",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample demonstrates how to use the UCWA JS Sdk for skype in the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation"
|
||||||
|
],
|
||||||
|
"created": "2019-03-27",
|
||||||
|
"modified": "2019-03-27",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.8.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-skype-status/images/demo.gif",
|
||||||
|
"alt": "JavaScript Skype Status Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "baywet",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/baywet.png",
|
||||||
|
"name": "Vincent Biret",
|
||||||
|
"twitter": "baywet"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-solution-editions","version":null,"source":"pnp","title":"Handling Multiple Editions of SPFx Solution","shortDescription":"This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution.","longDescription":["This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars3.githubusercontent.com/u/17036219?s=460\u0026v=4","alt":"Handling Multiple Editions of SPFx Solution","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-solution-editions",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Handling Multiple Editions of SPFx Solution",
|
||||||
|
"shortDescription": "This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-solution-editions",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution."
|
||||||
|
],
|
||||||
|
"created": "2017-08-23",
|
||||||
|
"modified": "2017-08-23",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://avatars3.githubusercontent.com/u/17036219?s=460\u0026v=4",
|
||||||
|
"alt": "Handling Multiple Editions of SPFx Solution"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "AJIXuMuK",
|
||||||
|
"company": "Sharepointalist",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4",
|
||||||
|
"name": "Alex Terentiev",
|
||||||
|
"twitter": "alexaterentiev"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,90 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-theme-manager-2019","version":null,"source":"pnp","title":"Modern Experience Theme Manager 2019","shortDescription":"This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises.","longDescription":["This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager-2019/assets/apply-a-theme.png","alt":"Modern Experience Theme Manager 2019","slides":null}],"authors":[{"gitHubAccount":"PopWarner","company":"","pictureUrl":"https://github.com/PopWarner.png"},{"gitHubAccount":"bcameron1231","company":"","pictureUrl":"https://github.com/bcameron1231.png"},{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"skaggej","company":"","pictureUrl":"https://github.com/skaggej.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-theme-manager-2019",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Modern Experience Theme Manager 2019",
|
||||||
|
"shortDescription": "This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-theme-manager-2019",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises."
|
||||||
|
],
|
||||||
|
"created": "2019-06-17",
|
||||||
|
"modified": "2019-06-17",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.8.2"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager-2019/assets/apply-a-theme.png",
|
||||||
|
"alt": "Modern Experience Theme Manager 2019"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/create-a-theme.png?raw=true",
|
||||||
|
"alt": "Modern Experience Theme Manager 2019"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/delete-a-theme.png?raw=true",
|
||||||
|
"alt": "Modern Experience Theme Manager 2019"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/theme-manager.png?raw=true",
|
||||||
|
"alt": "Modern Experience Theme Manager 2019"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/update-a-theme.png?raw=true",
|
||||||
|
"alt": "Modern Experience Theme Manager 2019"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "PopWarner",
|
||||||
|
"company": "Catapult Systems",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460\u0026u=9e4e74223c4ffb430fb77c97892a84b286df1921\u0026v=4",
|
||||||
|
"name": "David Warner II",
|
||||||
|
"twitter": "PopWarner"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "bcameron1231",
|
||||||
|
"company": "DMI",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/7944457?s=460\u0026u=cbea276e0125f71a183f8ad94475dbd1984c6afa\u0026v=4",
|
||||||
|
"name": "Beau Cameron",
|
||||||
|
"twitter": "Beau__Cameron"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "skaggej",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/skaggej.png",
|
||||||
|
"name": "Eric Skaggs",
|
||||||
|
"twitter": "skaggej"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,90 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-theme-manager","version":null,"source":"pnp","title":"Modern Experience Theme Manager","shortDescription":"This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online.","longDescription":["This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager/assets/create-a-theme.png","alt":"Modern Experience Theme Manager","slides":null}],"authors":[{"gitHubAccount":"PopWarner","company":"","pictureUrl":"https://github.com/PopWarner.png"},{"gitHubAccount":"bcameron1231","company":"","pictureUrl":"https://github.com/bcameron1231.png"},{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-theme-manager",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Modern Experience Theme Manager",
|
||||||
|
"shortDescription": "This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-theme-manager",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online."
|
||||||
|
],
|
||||||
|
"created": "2020-06-01",
|
||||||
|
"modified": "2020-06-01",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager/assets/create-a-theme.png",
|
||||||
|
"alt": "Modern Experience Theme Manager"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/apply-a-theme.png?raw=true",
|
||||||
|
"alt": "Modern Experience Theme Manager"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/delete-a-theme.png?raw=true",
|
||||||
|
"alt": "Modern Experience Theme Manager"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/theme-manager.png?raw=true",
|
||||||
|
"alt": "Modern Experience Theme Manager"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/update-a-theme.png?raw=true",
|
||||||
|
"alt": "Modern Experience Theme Manager"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "PopWarner",
|
||||||
|
"company": "Catapult Systems",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460\u0026u=9e4e74223c4ffb430fb77c97892a84b286df1921\u0026v=4",
|
||||||
|
"name": "David Warner II",
|
||||||
|
"twitter": "PopWarner"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "bcameron1231",
|
||||||
|
"company": "DMI",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/7944457?s=460\u0026u=cbea276e0125f71a183f8ad94475dbd1984c6afa\u0026v=4",
|
||||||
|
"name": "Beau Cameron",
|
||||||
|
"twitter": "Beau__Cameron"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "hugoabernier",
|
||||||
|
"company": "Tahoe Ninjas",
|
||||||
|
"pictureUrl": "https://github.com/hugoabernier.png",
|
||||||
|
"name": "Hugo Bernier",
|
||||||
|
"twitter": "bernierh"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-js-workbench-customizer","version":null,"source":"pnp","title":"Workbench customizer","shortDescription":"This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page.","longDescription":["This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-workbench-customizer/assets/Preview.png","alt":"Workbench customizer","slides":null}],"authors":[{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-js-workbench-customizer",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Workbench customizer",
|
||||||
|
"shortDescription": "This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-workbench-customizer",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page."
|
||||||
|
],
|
||||||
|
"created": "2020-11-02",
|
||||||
|
"modified": "2020-11-02",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Javascript"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.11.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-workbench-customizer/assets/Preview.png",
|
||||||
|
"alt": "Workbench customizer"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "joelfmrodrigues",
|
||||||
|
"company": "Storm Technology",
|
||||||
|
"pictureUrl": "https://github.com/joelfmrodrigues.png",
|
||||||
|
"name": "Joel Rodrigues",
|
||||||
|
"twitter": "joelfmrodrigues"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-knockout-dependent-properties","version":null,"source":"pnp","title":"Knockout Dependent Properties","shortDescription":"Sample Web Part illustrating...","longDescription":["Sample Web Part illustrating..."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Knockout"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-dependent-properties/assets/dep-props.png","alt":"Knockout Dependent Properties","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-knockout-dependent-properties",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Knockout Dependent Properties",
|
||||||
|
"shortDescription": "Sample Web Part illustrating...",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/knockout-dependent-properties",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample Web Part illustrating..."
|
||||||
|
],
|
||||||
|
"created": "2017-05-20",
|
||||||
|
"modified": "2017-05-20",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Knockout"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-dependent-properties/assets/dep-props.png",
|
||||||
|
"alt": "Knockout Dependent Properties"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "AJIXuMuK",
|
||||||
|
"company": "Sharepointalist",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4",
|
||||||
|
"name": "Alex Terentiev",
|
||||||
|
"twitter": "alexaterentiev"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-knockout-sp-pnp-js","version":null,"source":"pnp","title":"Sample showing the use of @pnp/sp library with Knockoutjs","shortDescription":"This web part demonstrates how to integrate the @pnp/sp library into the SharePoint Framework as well as including mock data and simple list I/O.","longDescription":["This web part demonstrates how to integrate the @pnp/sp library into the SharePoint Framework as well as including mock data and simple list I/O."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Knockout"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-sp-pnp-js/assets/screenshot.png","alt":"Sample showing the use of @pnp/sp library with Knockoutjs","slides":null}],"authors":[{"gitHubAccount":"patrick-rodgers","company":"","pictureUrl":"https://github.com/patrick-rodgers.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-knockout-sp-pnp-js",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Sample showing the use of @pnp/sp library with Knockoutjs",
|
||||||
|
"shortDescription": "This web part demonstrates how to integrate the @pnp/sp library into the SharePoint Framework as well as including mock data and simple list I/O.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/knockout-sp-pnp-js",
|
||||||
|
"longDescription": [
|
||||||
|
"This web part demonstrates how to integrate the @pnp/sp library into the SharePoint Framework as well as including mock data and simple list I/O."
|
||||||
|
],
|
||||||
|
"created": "2018-11-14",
|
||||||
|
"modified": "2018-11-14",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Knockout"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.7.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-sp-pnp-js/assets/screenshot.png",
|
||||||
|
"alt": "Sample showing the use of @pnp/sp library with Knockoutjs"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "patrick-rodgers",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/patrick-rodgers.png",
|
||||||
|
"name": "Patrick Rodgers",
|
||||||
|
"twitter": "mediocrebowler"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -4902,18 +4902,32 @@
|
||||||
"dev": true
|
"dev": true
|
||||||
},
|
},
|
||||||
"elliptic": {
|
"elliptic": {
|
||||||
"version": "6.5.3",
|
"version": "6.5.4",
|
||||||
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.3.tgz",
|
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
|
||||||
"integrity": "sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==",
|
"integrity": "sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"requires": {
|
"requires": {
|
||||||
"bn.js": "^4.4.0",
|
"bn.js": "^4.11.9",
|
||||||
"brorand": "^1.0.1",
|
"brorand": "^1.1.0",
|
||||||
"hash.js": "^1.0.0",
|
"hash.js": "^1.0.0",
|
||||||
"hmac-drbg": "^1.0.0",
|
"hmac-drbg": "^1.0.1",
|
||||||
"inherits": "^2.0.1",
|
"inherits": "^2.0.4",
|
||||||
"minimalistic-assert": "^1.0.0",
|
"minimalistic-assert": "^1.0.1",
|
||||||
"minimalistic-crypto-utils": "^1.0.0"
|
"minimalistic-crypto-utils": "^1.0.1"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"bn.js": {
|
||||||
|
"version": "4.12.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/bn.js/-/bn.js-4.12.0.tgz",
|
||||||
|
"integrity": "sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==",
|
||||||
|
"dev": true
|
||||||
|
},
|
||||||
|
"inherits": {
|
||||||
|
"version": "2.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
|
||||||
|
"integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
|
||||||
|
"dev": true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"emojis-list": {
|
"emojis-list": {
|
||||||
|
|
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-knockout-taxonomy","version":null,"source":"pnp","title":"Taxonomy Web Part","shortDescription":"Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components","longDescription":["Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Knockout"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-taxonomy/assets/Taxonomy.png","alt":"Taxonomy Web Part","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-knockout-taxonomy",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Taxonomy Web Part",
|
||||||
|
"shortDescription": "Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/knockout-taxonomy",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components"
|
||||||
|
],
|
||||||
|
"created": "2017-05-05",
|
||||||
|
"modified": "2017-05-05",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "Knockout"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-taxonomy/assets/Taxonomy.png",
|
||||||
|
"alt": "Taxonomy Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "AJIXuMuK",
|
||||||
|
"company": "Sharepointalist",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4",
|
||||||
|
"name": "Alex Terentiev",
|
||||||
|
"twitter": "alexaterentiev"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,65 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-pnp-controls","version":null,"source":"pnp","title":"SharePoint Framework PnP Controls Sample","shortDescription":"This is a sample project that contains a web part which makes use of the PnP SPFx Controls","longDescription":["This is a sample project that contains a web part which makes use of the PnP SPFx Controls"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/pnp-controls/assets/webpart-outcome.gif","alt":"SharePoint Framework PnP Controls Sample","slides":null}],"authors":[{"gitHubAccount":"estruyf","company":"","pictureUrl":"https://github.com/estruyf.png"},{"gitHubAccount":"Swaminathan-Sriram","company":"","pictureUrl":"https://github.com/Swaminathan-Sriram.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-pnp-controls",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "SharePoint Framework PnP Controls Sample",
|
||||||
|
"shortDescription": "This is a sample project that contains a web part which makes use of the PnP SPFx Controls",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/pnp-controls",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample project that contains a web part which makes use of the PnP SPFx Controls"
|
||||||
|
],
|
||||||
|
"created": "2020-12-16",
|
||||||
|
"modified": "2020-12-16",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.11.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/pnp-controls/assets/webpart-outcome.gif",
|
||||||
|
"alt": "SharePoint Framework PnP Controls Sample"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/pnp-controls/assets/documents.png?raw=true",
|
||||||
|
"alt": "SharePoint Framework PnP Controls Sample"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "estruyf",
|
||||||
|
"company": "Struyf Consulting",
|
||||||
|
"pictureUrl": "https://github.com/estruyf.png",
|
||||||
|
"name": "Elio Struyf",
|
||||||
|
"twitter": "eliostruyf"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "Swaminathan-Sriram",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/Swaminathan-Sriram.png",
|
||||||
|
"name": "Swaminathan Sriram",
|
||||||
|
"twitter": "SwaminathanSri3"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-3rd-party-api","version":null,"source":"pnp","title":"Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework","shortDescription":"This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework.","longDescription":["This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-3rd-party-api/images/react-3rd-party-api-ui-sample.gif","alt":"Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework","slides":null}],"authors":[{"gitHubAccount":"PaoloPia","company":"","pictureUrl":"https://github.com/PaoloPia.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-3rd-party-api",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework",
|
||||||
|
"shortDescription": "This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-3rd-party-api",
|
||||||
|
"longDescription": [
|
||||||
|
"This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework."
|
||||||
|
],
|
||||||
|
"created": "2018-02-19",
|
||||||
|
"modified": "2018-02-19",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.4.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-3rd-party-api/images/react-3rd-party-api-ui-sample.gif",
|
||||||
|
"alt": "Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "PaoloPia",
|
||||||
|
"company": "PiaSys.com",
|
||||||
|
"pictureUrl": "https://github.com/PaoloPia.png",
|
||||||
|
"name": "Paolo Pialorsi",
|
||||||
|
"twitter": "PaoloPia"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,63 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-edit-applicationcustomizer","version":null,"source":"pnp","title":"Edit Application Customizers","shortDescription":"This web part will allow users to view/update application customizers properties across any web where the current user has access to.","longDescription":["This web part will allow users to view/update application customizers properties across any web where the current user has access to."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-Edit-ApplicationCustomizer/assets/react-all-applicationcustomizers.gif?raw=true","alt":"Edit Application Customizers","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"siddharth-vaghasia","company":"","pictureUrl":"https://github.com/siddharth-vaghasia.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-edit-applicationcustomizer",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Edit Application Customizers",
|
||||||
|
"shortDescription": "This web part will allow users to view/update application customizers properties across any web where the current user has access to.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-edit-applicationcustomizer",
|
||||||
|
"longDescription": [
|
||||||
|
"This web part will allow users to view/update application customizers properties across any web where the current user has access to."
|
||||||
|
],
|
||||||
|
"created": "2020-11-07",
|
||||||
|
"modified": "2020-11-07",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.11.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-Edit-ApplicationCustomizer/assets/react-all-applicationcustomizers.gif?raw=true",
|
||||||
|
"alt": "Edit Application Customizers"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-edit-applicationcustomizer/assets/react-all-applicationcustomizers.gif?raw=true",
|
||||||
|
"alt": "Edit Application Customizers"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "kunj-sangani",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/kunj-sangani.png",
|
||||||
|
"name": "Kunj Sangani"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "siddharth-vaghasia",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/siddharth-vaghasia.png",
|
||||||
|
"name": "Siddharth Vaghasia"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-aad-implicitflow","version":null,"source":"pnp","title":"Azure Active Directory implicit flow authentication samples","shortDescription":"Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory.","longDescription":["Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-implicitflow/assets/upcoming-meetings-preview.png","alt":"Azure Active Directory implicit flow authentication samples","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-aad-implicitflow",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Azure Active Directory implicit flow authentication samples",
|
||||||
|
"shortDescription": "Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-aad-implicitflow",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory."
|
||||||
|
],
|
||||||
|
"created": "2017-03-17",
|
||||||
|
"modified": "2017-03-17",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "GA"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-implicitflow/assets/upcoming-meetings-preview.png",
|
||||||
|
"alt": "Azure Active Directory implicit flow authentication samples"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-aad-webapi","version":null,"source":"pnp","title":"Call custom Web API secured with AAD from SharePoint Framework client-side web part","shortDescription":"Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory.","longDescription":["Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"drop4"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-webapi/assets/preview.png","alt":"Call custom Web API secured with AAD from SharePoint Framework client-side web part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-aad-webapi",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Call custom Web API secured with AAD from SharePoint Framework client-side web part",
|
||||||
|
"shortDescription": "Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-aad-webapi",
|
||||||
|
"longDescription": [
|
||||||
|
"Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory."
|
||||||
|
],
|
||||||
|
"created": "2016-10-10",
|
||||||
|
"modified": "2016-10-10",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "drop4"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-webapi/assets/preview.png",
|
||||||
|
"alt": "Call custom Web API secured with AAD from SharePoint Framework client-side web part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "waldekmastykarz",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/waldekmastykarz.png",
|
||||||
|
"name": "Waldek Mastykarz",
|
||||||
|
"twitter": "waldekm"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,91 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-accordion-dynamic-section","version":null,"source":"pnp","title":"Dynamic Accordion - FAQ Builder web part","shortDescription":"This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection.","longDescription":["This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/react-accordion-section.gif","alt":"Dynamic Accordion - FAQ Builder web part","slides":null}],"authors":[{"gitHubAccount":"jerryyasir","company":"","pictureUrl":"https://github.com/jerryyasir.png"},{"gitHubAccount":"jack-vinitsky","company":"","pictureUrl":"https://github.com/jack-vinitsky.png"},{"gitHubAccount":"Ravikadri","company":"","pictureUrl":"https://github.com/Ravikadri.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-accordion-dynamic-section",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Dynamic Accordion - FAQ Builder web part",
|
||||||
|
"shortDescription": "This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-accordion-dynamic-section",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection."
|
||||||
|
],
|
||||||
|
"created": "2021-01-05",
|
||||||
|
"modified": "2021-01-05",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-TEAMSTAB",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/react-accordion-section.gif",
|
||||||
|
"alt": "Dynamic Accordion - FAQ Builder web part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/AccordionSettings1.png?raw=true",
|
||||||
|
"alt": "Dynamic Accordion - FAQ Builder web part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/AccordionSettings2.png?raw=true",
|
||||||
|
"alt": "Dynamic Accordion - FAQ Builder web part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/FAQsList.png?raw=true",
|
||||||
|
"alt": "Dynamic Accordion - FAQ Builder web part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "jerryyasir",
|
||||||
|
"company": "DXC Technology",
|
||||||
|
"pictureUrl": "https://github.com/jerryyasir.png",
|
||||||
|
"name": "Jerry Yasir",
|
||||||
|
"twitter": "jerryyasir"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "jack-vinitsky",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/jack-vinitsky.png",
|
||||||
|
"name": "Jack Vinitsky"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "Ravikadri",
|
||||||
|
"company": "Netwoven",
|
||||||
|
"pictureUrl": "https://github.com/Ravikadri.png",
|
||||||
|
"name": "Ravi Chandra"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Building Microsoft Teams Tabs using SharePoint Framework",
|
||||||
|
"description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,79 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-accordion-section","version":null,"source":"pnp","title":"Accordion Section FAQ Builder","shortDescription":"Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs.","longDescription":["Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-section/assets/react-accordion-section.gif","alt":"Accordion Section FAQ Builder","slides":null}],"authors":[{"gitHubAccount":"ejbenke","company":"","pictureUrl":"https://github.com/ejbenke.png"},{"gitHubAccount":"mikezimm","company":"","pictureUrl":"https://github.com/mikezimm.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-accordion-section",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Accordion Section FAQ Builder",
|
||||||
|
"shortDescription": "Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-accordion-section",
|
||||||
|
"longDescription": [
|
||||||
|
"Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs."
|
||||||
|
],
|
||||||
|
"created": "2020-09-02",
|
||||||
|
"modified": "2020-09-02",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-TEAMSTAB",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-section/assets/react-accordion-section.gif",
|
||||||
|
"alt": "Accordion Section FAQ Builder"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-section/assets/AccordionSettings.png?raw=true",
|
||||||
|
"alt": "Accordion Section FAQ Builder"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-section/assets/ListForAccordion.png?raw=true",
|
||||||
|
"alt": "Accordion Section FAQ Builder"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "ejbenke",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/ejbenke.png",
|
||||||
|
"name": "Erik Benke",
|
||||||
|
"twitter": "erikjbenke"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "mikezimm",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/mikezimm.png",
|
||||||
|
"name": "Mike Zimmerman"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Building Microsoft Teams Tabs using SharePoint Framework",
|
||||||
|
"description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,65 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-accordion","version":null,"source":"pnp","title":"Accordion Web Part","shortDescription":"This is a sample web Part that illustrates the use of React Accessible Accordion plugin for building SharePoint Framework client-side web parts to show SharePoint list data in Accordion format.","longDescription":["This is a sample web Part that illustrates the use of React Accessible Accordion plugin for building SharePoint Framework client-side web parts to show SharePoint list data in Accordion format."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion/assets/previewAccordion.PNG","alt":"Accordion Web Part","slides":null}],"authors":[{"gitHubAccount":"gautamdsheth","company":"","pictureUrl":"https://github.com/gautamdsheth.png"},{"gitHubAccount":"AbhishekGarg","company":"","pictureUrl":"https://github.com/AbhishekGarg.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-accordion",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Accordion Web Part",
|
||||||
|
"shortDescription": "This is a sample web Part that illustrates the use of React Accessible Accordion plugin for building SharePoint Framework client-side web parts to show SharePoint list data in Accordion format.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-accordion",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample web Part that illustrates the use of React Accessible Accordion plugin for building SharePoint Framework client-side web parts to show SharePoint list data in Accordion format."
|
||||||
|
],
|
||||||
|
"created": "2020-06-22",
|
||||||
|
"modified": "2020-06-22",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion/assets/previewAccordion.PNG",
|
||||||
|
"alt": "Accordion Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion/assets/AccordionPreview.png?raw=true",
|
||||||
|
"alt": "Accordion Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "gautamdsheth",
|
||||||
|
"company": "Valo Intranet",
|
||||||
|
"pictureUrl": "https://github.com/gautamdsheth.png",
|
||||||
|
"name": "Gautam Sheth",
|
||||||
|
"twitter": "gautamdsheth"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "AbhishekGarg",
|
||||||
|
"company": "Atos",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/5449154?s=400\u0026v=4",
|
||||||
|
"name": "Abhishek Garg",
|
||||||
|
"twitter": "abhig89"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,76 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-adaptive-cards-image-gallery","version":null,"source":"pnp","title":"Image Gallery Web Part Built with Adaptive Cards","shortDescription":"This sample demonstrates the capability of using Adaptive Cards with SharePoint Framework. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list.","longDescription":["This sample demonstrates the capability of using Adaptive Cards with SharePoint Framework. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptive-cards-image-gallery/assets/sharepoint-run.gif","alt":"Image Gallery Web Part Built with Adaptive Cards","slides":null}],"authors":[{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"},{"gitHubAccount":"ravi16a87","company":"","pictureUrl":"https://github.com/ravi16a87.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-adaptive-cards-image-gallery",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Image Gallery Web Part Built with Adaptive Cards",
|
||||||
|
"shortDescription": "This sample demonstrates the capability of using Adaptive Cards with SharePoint Framework. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-adaptive-cards-image-gallery",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample demonstrates the capability of using Adaptive Cards with SharePoint Framework. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list."
|
||||||
|
],
|
||||||
|
"created": "2020-06-15",
|
||||||
|
"modified": "2020-06-15",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptive-cards-image-gallery/assets/sharepoint-run.gif",
|
||||||
|
"alt": "Image Gallery Web Part Built with Adaptive Cards"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptive-cards-image-gallery/assets/list-sample-data.png?raw=true",
|
||||||
|
"alt": "Image Gallery Web Part Built with Adaptive Cards"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptive-cards-image-gallery/assets/list-schema.png?raw=true",
|
||||||
|
"alt": "Image Gallery Web Part Built with Adaptive Cards"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptive-cards-image-gallery/assets/webpart-preview.png?raw=true",
|
||||||
|
"alt": "Image Gallery Web Part Built with Adaptive Cards"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "nanddeepn",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/nanddeepn.png",
|
||||||
|
"name": "Nanddeep Nachan",
|
||||||
|
"twitter": "NanddeepNachan"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "ravi16a87",
|
||||||
|
"company": "Cognizant",
|
||||||
|
"pictureUrl": "https://github.com/ravi16a87.png",
|
||||||
|
"name": "Ravi Kulkarni"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,51 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-adaptivecards-hooks","version":null,"source":"pnp","title":"Adaptive Cards Viewer using Hooks","shortDescription":"A version of react-adaptivecards using React Hooks.","longDescription":["A version of react-adaptivecards using React Hooks."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards-hooks/assets/preview.png","alt":"Adaptive Cards Viewer using Hooks","slides":null}],"authors":[{"gitHubAccount":"pschaeflein","company":"","pictureUrl":"https://github.com/pschaeflein.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-adaptivecards-hooks",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Adaptive Cards Viewer using Hooks",
|
||||||
|
"shortDescription": "A version of react-adaptivecards using React Hooks.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-adaptivecards-hooks",
|
||||||
|
"longDescription": [
|
||||||
|
"A version of react-adaptivecards using React Hooks."
|
||||||
|
],
|
||||||
|
"created": "2020-08-25",
|
||||||
|
"modified": "2020-08-25",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.11.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards-hooks/assets/preview.png",
|
||||||
|
"alt": "Adaptive Cards Viewer using Hooks"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "pschaeflein",
|
||||||
|
"company": "AddIn365",
|
||||||
|
"pictureUrl": "https://github.com/pschaeflein.png",
|
||||||
|
"name": "Paul Schaeflein"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -10,9 +10,15 @@ This sample creates an Adaptive Cards Host web part that you can use to display
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Used SharePoint Framework Version
|
|
||||||
|
|
||||||
|
## Compatibility
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## Applies to
|
## Applies to
|
||||||
|
|
||||||
|
|
@ -34,10 +40,11 @@ react-adaptivecards | Paul Schaeflein ([http://www.schaeflein.net](http://www.sc
|
||||||
|
|
||||||
Version|Date|Comments
|
Version|Date|Comments
|
||||||
-------|----|--------
|
-------|----|--------
|
||||||
1.0|March 24, 2020|Initial release
|
1.0.0|March 24, 2020|Initial release
|
||||||
2.0|April 06, 2020|Added data and template URLs
|
2.0.0|April 06, 2020|Added data and template URLs
|
||||||
2.1|June 11, 2020|Fixed breaking changes introduced with Adaptive Card Templating in May update
|
2.1.0|June 11, 2020|Fixed breaking changes introduced with Adaptive Card Templating in May update
|
||||||
2.2|August 25, 2020|Upgraded to SPFx 1.11
|
2.2.0|August 25, 2020|Upgraded to SPFx 1.11
|
||||||
|
2.2.1|February 23, 2021|Fixed FluentUI dependencies introduced with newer versions of Adaptive Cards React.
|
||||||
|
|
||||||
## Disclaimer
|
## Disclaimer
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1 +1,157 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-adaptivecards","version":null,"source":"pnp","title":"Adaptive Cards Host","shortDescription":"This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications.","longDescription":["This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards/assets/AdaptiveCardsHostAllSamples.gif","alt":"Adaptive Cards Host","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-adaptivecards",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Adaptive Cards Host",
|
||||||
|
"shortDescription": "This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-adaptivecards",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications."
|
||||||
|
],
|
||||||
|
"created": "2021-02-23",
|
||||||
|
"modified": "2021-02-23",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.11.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-SUPPORTSTHEMEVARIANTS",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards/assets/AdaptiveCardsHostAllSamples.gif",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/AdaptiveCardHostRendering.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/AdaptiveCardsHost.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/BackgroundColors.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DataContext.png?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 105,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DependentControls.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 106,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DevTools.png?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 107,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/EnableTemplating.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 108,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/ErrorHandling.png?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 109,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SampleDataEditor.png?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 110,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SelectLibrary.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 111,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SharePointHost.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 112,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/Templating.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 113,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/TemplatingDetection.png?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 114,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/TemplatingSamples.gif?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 115,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/UIFabric.png?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 116,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/YouNeedData.png?raw=true",
|
||||||
|
"alt": "Adaptive Cards Host"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "hugoabernier",
|
||||||
|
"company": "Tahoe Ninjas",
|
||||||
|
"pictureUrl": "https://github.com/hugoabernier.png",
|
||||||
|
"name": "Hugo Bernier",
|
||||||
|
"twitter": "bernierh"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Supporting section backgrounds",
|
||||||
|
"description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
"solution": {
|
"solution": {
|
||||||
"name": "adaptive-cards",
|
"name": "adaptive-cards",
|
||||||
"id": "ce1e3712-fb7a-4564-b2d3-c81e45936afd",
|
"id": "ce1e3712-fb7a-4564-b2d3-c81e45936afd",
|
||||||
"version": "2.2.0.0",
|
"version": "2.2.1.0",
|
||||||
"includeClientSideAssets": true,
|
"includeClientSideAssets": true,
|
||||||
"isDomainIsolated": false,
|
"isDomainIsolated": false,
|
||||||
"developer": {
|
"developer": {
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "adaptive-card-host",
|
"name": "adaptive-card-host",
|
||||||
"version": "2.2.0",
|
"version": "2.2.1",
|
||||||
"private": true,
|
"private": true,
|
||||||
"main": "lib/index.js",
|
"main": "lib/index.js",
|
||||||
"engines": {
|
"engines": {
|
||||||
|
|
@ -14,6 +14,7 @@
|
||||||
"postversion": "gulp dist"
|
"postversion": "gulp dist"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@fluentui/react": "^7.161.0",
|
||||||
"@microsoft/sp-core-library": "1.11.0",
|
"@microsoft/sp-core-library": "1.11.0",
|
||||||
"@microsoft/sp-lodash-subset": "1.11.0",
|
"@microsoft/sp-lodash-subset": "1.11.0",
|
||||||
"@microsoft/sp-office-ui-fabric-core": "1.11.0",
|
"@microsoft/sp-office-ui-fabric-core": "1.11.0",
|
||||||
|
|
@ -22,11 +23,12 @@
|
||||||
"@pnp/sp": "^2.0.3",
|
"@pnp/sp": "^2.0.3",
|
||||||
"@pnp/spfx-controls-react": "1.16.0",
|
"@pnp/spfx-controls-react": "1.16.0",
|
||||||
"@pnp/spfx-property-controls": "^1.18.0",
|
"@pnp/spfx-property-controls": "^1.18.0",
|
||||||
|
"@uifabric/fluent-theme": "^7.4.3",
|
||||||
"adaptivecards": "^1.2.6",
|
"adaptivecards": "^1.2.6",
|
||||||
"adaptivecards-fabric": "^1.0.4",
|
"adaptivecards-fabric": "^1.1.1",
|
||||||
"adaptivecards-templating": "1.1.0",
|
"adaptivecards-templating": "1.1.0",
|
||||||
"markdown-it": "^10.0.0",
|
"markdown-it": "^10.0.0",
|
||||||
"office-ui-fabric-react": "6.214.0",
|
"office-ui-fabric-react": "^6.189.2",
|
||||||
"react": "16.8.5",
|
"react": "16.8.5",
|
||||||
"react-dom": "16.8.5",
|
"react-dom": "16.8.5",
|
||||||
"save": "^2.4.0"
|
"save": "^2.4.0"
|
||||||
|
|
|
||||||
|
|
@ -1 +1,51 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-add-js-css-ref","version":null,"source":"pnp","title":"Add JS and CSS reference on Modern Pages","shortDescription":"React-based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site.","longDescription":["React-based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-add-js-css-ref/assets/webpartinaction.gif","alt":"Add JS and CSS reference on Modern Pages","slides":null}],"authors":[{"gitHubAccount":"siddharth-vaghasia","company":"","pictureUrl":"https://github.com/siddharth-vaghasia.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-add-js-css-ref",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Add JS and CSS reference on Modern Pages",
|
||||||
|
"shortDescription": "React-based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-add-js-css-ref",
|
||||||
|
"longDescription": [
|
||||||
|
"React-based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site."
|
||||||
|
],
|
||||||
|
"created": "2020-06-11",
|
||||||
|
"modified": "2020-06-11",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.9.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-add-js-css-ref/assets/webpartinaction.gif",
|
||||||
|
"alt": "Add JS and CSS reference on Modern Pages"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "siddharth-vaghasia",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/siddharth-vaghasia.png",
|
||||||
|
"name": "Siddharth Vaghasia"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,51 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-admin-sc-catalog-pnpjs","version":null,"source":"pnp","title":"Site Collection App Catalogs","shortDescription":"A SPFx Web Part using @pnp/sp/appcatalog and @pnp/spfx-controls-react. It allows to see in a single view all the SiteCollection catalogs and the Apps installed with some useful metadata. It needs Globlal Administrator or SharePoint Online Administrator permissions in order to access Site collection App Catalogs hidden list and each Site Collection App Catalog.","longDescription":["A SPFx Web Part using @pnp/sp/appcatalog and @pnp/spfx-controls-react. It allows to see in a single view all the SiteCollection catalogs and the Apps installed with some useful metadata. It needs Globlal Administrator or SharePoint Online Administrator permissions in order to access Site collection App Catalogs hidden list and each Site Collection App Catalog."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-admin-sc-catalog-pnpjs/assets/react-admin-sc-catalog-pnpjs-webpart-animated.gif","alt":"Site Collection App Catalogs","slides":null}],"authors":[{"gitHubAccount":"fredupstair","company":"","pictureUrl":"https://github.com/fredupstair.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-admin-sc-catalog-pnpjs",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Site Collection App Catalogs",
|
||||||
|
"shortDescription": "A SPFx Web Part using @pnp/sp/appcatalog and @pnp/spfx-controls-react. It allows to see in a single view all the SiteCollection catalogs and the Apps installed with some useful metadata. It needs Globlal Administrator or SharePoint Online Administrator permissions in order to access Site collection App Catalogs hidden list and each Site Collection App Catalog.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-admin-sc-catalog-pnpjs",
|
||||||
|
"longDescription": [
|
||||||
|
"A SPFx Web Part using @pnp/sp/appcatalog and @pnp/spfx-controls-react. It allows to see in a single view all the SiteCollection catalogs and the Apps installed with some useful metadata. It needs Globlal Administrator or SharePoint Online Administrator permissions in order to access Site collection App Catalogs hidden list and each Site Collection App Catalog."
|
||||||
|
],
|
||||||
|
"created": "2019-11-07",
|
||||||
|
"modified": "2019-11-07",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.9.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-admin-sc-catalog-pnpjs/assets/react-admin-sc-catalog-pnpjs-webpart-animated.gif",
|
||||||
|
"alt": "Site Collection App Catalogs"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "fredupstair",
|
||||||
|
"company": "Avanade Italy",
|
||||||
|
"pictureUrl": "https://github.com/fredupstair.png",
|
||||||
|
"name": "Federico Porceddu"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,51 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-aggregated-calendar","version":null,"source":"pnp","title":"Aggregated Calendar Web part","shortDescription":"This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io","longDescription":["This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aggregated-calendar/assets/react-aggregated-calendar.gif","alt":"Aggregated Calendar Web part","slides":null}],"authors":[{"gitHubAccount":"dhavalshah01","company":"","pictureUrl":"https://github.com/dhavalshah01.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-aggregated-calendar",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Aggregated Calendar Web part",
|
||||||
|
"shortDescription": "This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-aggregated-calendar",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io"
|
||||||
|
],
|
||||||
|
"created": "2018-07-16",
|
||||||
|
"modified": "2018-07-16",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.4.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aggregated-calendar/assets/react-aggregated-calendar.gif",
|
||||||
|
"alt": "Aggregated Calendar Web part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "dhavalshah01",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/13947393?s=460\u0026u=38d18e840d22f5567d508027515c728025bae8cb\u0026v=4",
|
||||||
|
"name": "Dhaval Shah"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,66 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-app-settings","version":null,"source":"pnp","title":"App settings web part","shortDescription":"This sample shows how AppSettings.ts file can be added and used within SharePoint Framewrok webparts similar to the Web.config / App.config key value app settings in .NET Framework projects. That allows better DevOps and continuous integration (CI/CD) automation. The AppSettings.ts is transpiled/compiled with your SPFx solution which differs from the way the web.config. With .Net web.config file we would be able to update independently without the need of compiling DLLs. If that behavior is required, you can store your app settings in a SharePoint list and change them from there. However, that will have performance degradation over if the setting was part of the SPFx code where the logic can get a setting value in milliseconds.","longDescription":["This sample shows how AppSettings.ts file can be added and used within SharePoint Framewrok webparts similar to the Web.config / App.config key value app settings in .NET Framework projects. That allows better DevOps and continuous integration (CI/CD) automation. The AppSettings.ts is transpiled/compiled with your SPFx solution which differs from the way the web.config. With .Net web.config file we would be able to update independently without the need of compiling DLLs. If that behavior is required, you can store your app settings in a SharePoint list and change them from there. However, that will have performance degradation over if the setting was part of the SPFx code where the logic can get a setting value in milliseconds."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-app-settings/assets/app-settings-class.PNG","alt":"App settings web part","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-app-settings",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "App settings web part",
|
||||||
|
"shortDescription": "This sample shows how AppSettings.ts file can be added and used within SharePoint Framewrok webparts similar to the Web.config / App.config key value app settings in .NET Framework projects. That allows better DevOps and continuous integration (CI/CD) automation. The AppSettings.ts is transpiled/compiled with your SPFx solution which differs from the way the web.config. With .Net web.config file we would be able to update independently without the need of compiling DLLs. If that behavior is required, you can store your app settings in a SharePoint list and change them from there. However, that will have performance degradation over if the setting was part of the SPFx code where the logic can get a setting value in milliseconds.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-app-settings",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample shows how AppSettings.ts file can be added and used within SharePoint Framewrok webparts similar to the Web.config / App.config key value app settings in .NET Framework projects. That allows better DevOps and continuous integration (CI/CD) automation. The AppSettings.ts is transpiled/compiled with your SPFx solution which differs from the way the web.config. With .Net web.config file we would be able to update independently without the need of compiling DLLs. If that behavior is required, you can store your app settings in a SharePoint list and change them from there. However, that will have performance degradation over if the setting was part of the SPFx code where the logic can get a setting value in milliseconds."
|
||||||
|
],
|
||||||
|
"created": "2019-03-03",
|
||||||
|
"modified": "2019-03-03",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.7.1"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-FULLPAGEAPP",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-app-settings/assets/app-settings-class.PNG",
|
||||||
|
"alt": "App settings web part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-app-settings/assets/spfx-appSettings-json.PNG?raw=true",
|
||||||
|
"alt": "App settings web part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "VelinGeorgiev",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/VelinGeorgiev.png",
|
||||||
|
"name": "Velin Georgiev"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Using single part app pages in SharePoint Online",
|
||||||
|
"description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,91 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-appinsights-dashboard","version":null,"source":"pnp","title":"React AppInsights Dashboard","shortDescription":"This web part displays different statistics data captured in the Azure Application Insights in a graphical representation.","longDescription":["This web part displays different statistics data captured in the Azure Application Insights in a graphical representation."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-appinsights-dashboard/assets/AppInsights_Dashboard.gif","alt":"React AppInsights Dashboard","slides":null}],"authors":[{"gitHubAccount":"sudharsank","company":"","pictureUrl":"https://github.com/sudharsank.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-appinsights-dashboard",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "React AppInsights Dashboard",
|
||||||
|
"shortDescription": "This web part displays different statistics data captured in the Azure Application Insights in a graphical representation.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-appinsights-dashboard",
|
||||||
|
"longDescription": [
|
||||||
|
"This web part displays different statistics data captured in the Azure Application Insights in a graphical representation."
|
||||||
|
],
|
||||||
|
"created": "2020-06-17",
|
||||||
|
"modified": "2020-06-17",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-FULLPAGEAPP",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-appinsights-dashboard/assets/AppInsights_Dashboard.gif",
|
||||||
|
"alt": "React AppInsights Dashboard"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/AppInsights_APIAccess.png?raw=true",
|
||||||
|
"alt": "React AppInsights Dashboard"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/AppInsights_APIKey.png?raw=true",
|
||||||
|
"alt": "React AppInsights Dashboard"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/PageStatistics.png?raw=true",
|
||||||
|
"alt": "React AppInsights Dashboard"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/PerformanceStatistics.png?raw=true",
|
||||||
|
"alt": "React AppInsights Dashboard"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 105,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/UserStatistics.png?raw=true",
|
||||||
|
"alt": "React AppInsights Dashboard"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "sudharsank",
|
||||||
|
"company": "NTT Digital Business Solutions",
|
||||||
|
"pictureUrl": "https://github.com/sudharsank.png",
|
||||||
|
"name": "Sudharsan Kesavanarayanan",
|
||||||
|
"twitter": "sudharsank"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Using single part app pages in SharePoint Online",
|
||||||
|
"description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,63 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-async-await-sp-pnp-js","version":null,"source":"pnp","title":"Using @pnp/js with Async / Await","shortDescription":"This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes.","longDescription":["This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-async-await-sp-pnp-js/assets/async-await-sp-pnp-js.png","alt":"Using @pnp/js with Async / Await","slides":null}],"authors":[{"gitHubAccount":"jquinzamora","company":"","pictureUrl":"https://github.com/jquinzamora.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-async-await-sp-pnp-js",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Using @pnp/js with Async / Await",
|
||||||
|
"shortDescription": "This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-async-await-sp-pnp-js",
|
||||||
|
"longDescription": [
|
||||||
|
"This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes."
|
||||||
|
],
|
||||||
|
"created": "2018-07-20",
|
||||||
|
"modified": "2018-07-20",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.4.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-async-await-sp-pnp-js/assets/async-await-sp-pnp-js.png",
|
||||||
|
"alt": "Using @pnp/js with Async / Await"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-async-await-sp-pnp-js/assets/async-await-sp-pnp-js-2.png?raw=true",
|
||||||
|
"alt": "Using @pnp/js with Async / Await"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-async-await-sp-pnp-js/assets/pnp-js-logging-spfx.png?raw=true",
|
||||||
|
"alt": "Using @pnp/js with Async / Await"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "jquinzamora",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/jquinzamora.png",
|
||||||
|
"name": "Jose Quinto"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,58 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-avatar","version":null,"source":"pnp","title":"SPFx Avatar","shortDescription":"This is a sample web part that helps user create their avatar and save as profile picture. User can even download their avatar as PNG file. This web part can be useful in Intranet to help user create their avatar and save it as profile picture.","longDescription":["This is a sample web part that helps user create their avatar and save as profile picture. User can even download their avatar as PNG file. This web part can be useful in Intranet to help user create their avatar and save it as profile picture."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-avatar/assets/reactAvatarOutcome.gif","alt":"SPFx Avatar","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-avatar",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "SPFx Avatar",
|
||||||
|
"shortDescription": "This is a sample web part that helps user create their avatar and save as profile picture. User can even download their avatar as PNG file. This web part can be useful in Intranet to help user create their avatar and save it as profile picture.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-avatar",
|
||||||
|
"longDescription": [
|
||||||
|
"This is a sample web part that helps user create their avatar and save as profile picture. User can even download their avatar as PNG file. This web part can be useful in Intranet to help user create their avatar and save it as profile picture."
|
||||||
|
],
|
||||||
|
"created": "2020-08-01",
|
||||||
|
"modified": "2020-08-01",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.11.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-avatar/assets/reactAvatarOutcome.gif",
|
||||||
|
"alt": "SPFx Avatar"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "kunj-sangani",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/kunj-sangani.png",
|
||||||
|
"name": "Kunj Sangani"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "joelfmrodrigues",
|
||||||
|
"company": "Storm Technology",
|
||||||
|
"pictureUrl": "https://github.com/joelfmrodrigues.png",
|
||||||
|
"name": "Joel Rodrigues",
|
||||||
|
"twitter": "joelfmrodrigues"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,52 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-azfunc-vimeo","version":null,"source":"pnp","title":"Local Azure Function and SPFx Web Part Development to consume third party APIs","shortDescription":"This sample shows how to consume third-party APIs through an Azure Functions by a Web Part.","longDescription":["This sample shows how to consume third-party APIs through an Azure Functions by a Web Part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars2.githubusercontent.com/u/5503835?s=460\u0026v=4","alt":"Local Azure Function and SPFx Web Part Development to consume third party APIs","slides":null}],"authors":[{"gitHubAccount":"StfBauer","company":"","pictureUrl":"https://github.com/StfBauer.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-azfunc-vimeo",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Local Azure Function and SPFx Web Part Development to consume third party APIs",
|
||||||
|
"shortDescription": "This sample shows how to consume third-party APIs through an Azure Functions by a Web Part.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-azfunc-vimeo",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample shows how to consume third-party APIs through an Azure Functions by a Web Part."
|
||||||
|
],
|
||||||
|
"created": "2018-07-24",
|
||||||
|
"modified": "2018-07-24",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.4.1"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://avatars2.githubusercontent.com/u/5503835?s=460\u0026v=4",
|
||||||
|
"alt": "Local Azure Function and SPFx Web Part Development to consume third party APIs"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "StfBauer",
|
||||||
|
"company": "N8D",
|
||||||
|
"pictureUrl": "https://github.com/StfBauer.png",
|
||||||
|
"name": "Stefan Bauer",
|
||||||
|
"twitter": "stfbauer"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,44 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-banner","version":null,"source":"pnp","title":"Banner Web Part","shortDescription":"This web part provides you the ability to add a variable height image banner with a linkable title.","longDescription":["This web part provides you the ability to add a variable height image banner with a linkable title."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-banner.gif","alt":"Banner Web Part","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-banner",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Banner Web Part",
|
||||||
|
"shortDescription": "This web part provides you the ability to add a variable height image banner with a linkable title.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-banner",
|
||||||
|
"longDescription": [
|
||||||
|
"This web part provides you the ability to add a variable height image banner with a linkable title."
|
||||||
|
],
|
||||||
|
"created": "2018-05-01",
|
||||||
|
"modified": "2018-05-01",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-banner.gif",
|
||||||
|
"alt": "Banner Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,241 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-birthdays","version":null,"source":"pnp","title":"Birthdays Web Part","shortDescription":"The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022","longDescription":["The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-birthdays/assets/birthdays.gif","alt":"Birthdays Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-birthdays",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Birthdays Web Part",
|
||||||
|
"shortDescription": "The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-birthdays",
|
||||||
|
"longDescription": [
|
||||||
|
"The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022"
|
||||||
|
],
|
||||||
|
"created": "2019-07-23",
|
||||||
|
"modified": "2019-07-23",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.8.2"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-TEAMSTAB",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-birthdays/assets/birthdays.gif",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/ballonsBackgroud.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/baloons.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/birthdays.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/birthdays2.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 105,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 106,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof1.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 107,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof10.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 108,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof11.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 109,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof12.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 110,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof14.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 111,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof14_1.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 112,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof17.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 113,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof18.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 114,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof181.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 115,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof19.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 116,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof2.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 117,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof20.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 118,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof21.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 119,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof22.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 120,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof24.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 121,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof28.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 122,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof29.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 123,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof3.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 124,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof30.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 125,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof4.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 126,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof5.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 127,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof6.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 128,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof7.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 129,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof8.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 130,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof9.png?raw=true",
|
||||||
|
"alt": "Birthdays Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "joaojmendes",
|
||||||
|
"company": "Storm Technology Ltd",
|
||||||
|
"pictureUrl": "https://github.com/joaojmendes.png",
|
||||||
|
"name": "Jo\u00E3o Mendes",
|
||||||
|
"twitter": "joaojmendes"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Building Microsoft Teams Tabs using SharePoint Framework",
|
||||||
|
"description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,57 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-bot-framework-secure","version":null,"source":"pnp","title":"Secure Bot Framework","shortDescription":"This sample shows how to secure your conversation including the use of a Direct Line token instead of secret, for user id, generate it inside client side and detect if the client has changed the user ID and reject the change.","longDescription":["This sample shows how to secure your conversation including the use of a Direct Line token instead of secret, for user id, generate it inside client side and detect if the client has changed the user ID and reject the change."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif","alt":"Secure Bot Framework","slides":null}],"authors":[{"gitHubAccount":"DingmaomaoBJTU","company":"","pictureUrl":"https://github.com/DingmaomaoBJTU.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-bot-framework-secure",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Secure Bot Framework",
|
||||||
|
"shortDescription": "This sample shows how to secure your conversation including the use of a Direct Line token instead of secret, for user id, generate it inside client side and detect if the client has changed the user ID and reject the change.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-bot-framework-secure",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample shows how to secure your conversation including the use of a Direct Line token instead of secret, for user id, generate it inside client side and detect if the client has changed the user ID and reject the change."
|
||||||
|
],
|
||||||
|
"created": "2020-11-06",
|
||||||
|
"modified": "2020-11-06",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif",
|
||||||
|
"alt": "Secure Bot Framework"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework-secure/assets/EnhancedAuth.png?raw=true",
|
||||||
|
"alt": "Secure Bot Framework"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "DingmaomaoBJTU",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/DingmaomaoBJTU.png",
|
||||||
|
"name": "Qiong Wu"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,63 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-bot-framework-sso","version":null,"source":"pnp","title":"Single-Sign On Bot Framework","shortDescription":"The web parts embeds the login bot by using a webchat. As the user has already login in the SharePoint website, we could use SSO to authorize the bot.","longDescription":["The web parts embeds the login bot by using a webchat. As the user has already login in the SharePoint website, we could use SSO to authorize the bot."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif","alt":"Single-Sign On Bot Framework","slides":null}],"authors":[{"gitHubAccount":"DingmaomaoBJTU","company":"","pictureUrl":"https://github.com/DingmaomaoBJTU.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-bot-framework-sso",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Single-Sign On Bot Framework",
|
||||||
|
"shortDescription": "The web parts embeds the login bot by using a webchat. As the user has already login in the SharePoint website, we could use SSO to authorize the bot.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-bot-framework-sso",
|
||||||
|
"longDescription": [
|
||||||
|
"The web parts embeds the login bot by using a webchat. As the user has already login in the SharePoint website, we could use SSO to authorize the bot."
|
||||||
|
],
|
||||||
|
"created": "2020-11-06",
|
||||||
|
"modified": "2020-11-06",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif",
|
||||||
|
"alt": "Single-Sign On Bot Framework"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework-sso/assets/EnhancedAuth.png?raw=true",
|
||||||
|
"alt": "Single-Sign On Bot Framework"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework-sso/assets/sp-wp-sso.gif?raw=true",
|
||||||
|
"alt": "Single-Sign On Bot Framework"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "DingmaomaoBJTU",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/DingmaomaoBJTU.png",
|
||||||
|
"name": "Qiong Wu"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,94 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-bot-framework","version":null,"source":"pnp","title":"Microsoft Bot Framework Web Chat","shortDescription":"A web part that uses the botframework-webchat module to create implement a React component to render the Bot Framework v4 webchat component. This web part is able to render Text and richt attachments (Images, Cards, Adaptive Cards, ...) and has settings for branding purposes.","longDescription":["A web part that uses the botframework-webchat module to create implement a React component to render the Bot Framework v4 webchat component. This web part is able to render Text and richt attachments (Images, Cards, Adaptive Cards, ...) and has settings for branding purposes."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework/assets/bot-frameworkv4-webpart-preview.png","alt":"Microsoft Bot Framework Web Chat","slides":null}],"authors":[{"gitHubAccount":"garypretty","company":"","pictureUrl":"https://github.com/garypretty.png"},{"gitHubAccount":"stephanbisser","company":"","pictureUrl":"https://github.com/stephanbisser.png"},{"gitHubAccount":"Harshagracy","company":"","pictureUrl":"https://github.com/Harshagracy.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-bot-framework",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Microsoft Bot Framework Web Chat",
|
||||||
|
"shortDescription": "A web part that uses the botframework-webchat module to create implement a React component to render the Bot Framework v4 webchat component. This web part is able to render Text and richt attachments (Images, Cards, Adaptive Cards, ...) and has settings for branding purposes.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-bot-framework",
|
||||||
|
"longDescription": [
|
||||||
|
"A web part that uses the botframework-webchat module to create implement a React component to render the Bot Framework v4 webchat component. This web part is able to render Text and richt attachments (Images, Cards, Adaptive Cards, ...) and has settings for branding purposes."
|
||||||
|
],
|
||||||
|
"created": "2020-04-15",
|
||||||
|
"modified": "2020-04-15",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework/assets/bot-frameworkv4-webpart-preview.png",
|
||||||
|
"alt": "Microsoft Bot Framework Web Chat"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/add-another-channel.png?raw=true",
|
||||||
|
"alt": "Microsoft Bot Framework Web Chat"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/bf-add-directline-channel.png?raw=true",
|
||||||
|
"alt": "Microsoft Bot Framework Web Chat"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/bf-configure-directline-secret.png?raw=true",
|
||||||
|
"alt": "Microsoft Bot Framework Web Chat"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/bot-framework-configure-direct-line-secret.png?raw=true",
|
||||||
|
"alt": "Microsoft Bot Framework Web Chat"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 105,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/bot-framework-webpart-preview.png?raw=true",
|
||||||
|
"alt": "Microsoft Bot Framework Web Chat"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "garypretty",
|
||||||
|
"company": "Microsoft",
|
||||||
|
"pictureUrl": "https://github.com/garypretty.png",
|
||||||
|
"name": "Gary Pretty"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "stephanbisser",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/stephanbisser.png",
|
||||||
|
"name": "Stephan Bisser"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "Harshagracy",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/Harshagracy.png",
|
||||||
|
"name": "Harsha Vardhini",
|
||||||
|
"twitter": "harshagracy"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,68 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-calendar-feed","version":null,"source":"pnp","title":"Calendar Feed Web Part","shortDescription":"This web part uses event feeds from various sources and renders events using a look and feel that is consistent with the SharePoint out-of-the-box Group calendar/events web part.","longDescription":["This web part uses event feeds from various sources and renders events using a look and feel that is consistent with the SharePoint out-of-the-box Group calendar/events web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar-feed/assets/react-calendar-feed-demo.gif","alt":"Calendar Feed Web Part","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"},{"gitHubAccount":"petkir","company":"","pictureUrl":"https://github.com/petkir.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-calendar-feed",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Calendar Feed Web Part",
|
||||||
|
"shortDescription": "This web part uses event feeds from various sources and renders events using a look and feel that is consistent with the SharePoint out-of-the-box Group calendar/events web part.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-calendar-feed",
|
||||||
|
"longDescription": [
|
||||||
|
"This web part uses event feeds from various sources and renders events using a look and feel that is consistent with the SharePoint out-of-the-box Group calendar/events web part."
|
||||||
|
],
|
||||||
|
"created": "2020-07-16",
|
||||||
|
"modified": "2020-07-16",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-SUPPORTSTHEMEVARIANTS",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar-feed/assets/react-calendar-feed-demo.gif",
|
||||||
|
"alt": "Calendar Feed Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "hugoabernier",
|
||||||
|
"company": "Tahoe Ninjas",
|
||||||
|
"pictureUrl": "https://github.com/hugoabernier.png",
|
||||||
|
"name": "Hugo Bernier",
|
||||||
|
"twitter": "bernierh"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "petkir",
|
||||||
|
"company": "Cubido Business Solutions GmbH",
|
||||||
|
"pictureUrl": "https://github.com/petkir.png",
|
||||||
|
"name": "Peter Paul Kirschner",
|
||||||
|
"twitter": "petkir_at"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Supporting section backgrounds",
|
||||||
|
"description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,207 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-calendar","version":null,"source":"pnp","title":"Calendar","shortDescription":"This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part.","longDescription":["This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar/assets/animatevideo.gif","alt":"Calendar","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"derhallim","company":"","pictureUrl":"https://github.com/derhallim.png"},{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"},{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"},{"gitHubAccount":"Abderahman88","company":"","pictureUrl":"https://github.com/Abderahman88.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-calendar",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Calendar",
|
||||||
|
"shortDescription": "This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-calendar",
|
||||||
|
"longDescription": [
|
||||||
|
"This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part."
|
||||||
|
],
|
||||||
|
"created": "2020-12-04",
|
||||||
|
"modified": "2020-12-04",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-TEAMSTAB",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar/assets/animatevideo.gif",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/calendar_teams.jpg?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/calendar_teams2.jpg?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/modercalendar_monthly.gif?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/moderncalendar_yearly.gif?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 105,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.0.jpg?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 106,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.0.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 107,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.1.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 108,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.2.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 109,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.3.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 110,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.4.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 111,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 112,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen2.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 113,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen3.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 114,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen4.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 115,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen5.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 116,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen6.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 117,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen7.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 118,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen8.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 119,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen9.png?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 120,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/weekly_moderncalendar.gif?raw=true",
|
||||||
|
"alt": "Calendar"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "joaojmendes",
|
||||||
|
"company": "Storm Technology Ltd",
|
||||||
|
"pictureUrl": "https://github.com/joaojmendes.png",
|
||||||
|
"name": "Jo\u00E3o Mendes",
|
||||||
|
"twitter": "joaojmendes"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "derhallim",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/derhallim.png",
|
||||||
|
"name": "Mohamed Derhalli"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "hugoabernier",
|
||||||
|
"company": "Tahoe Ninjas",
|
||||||
|
"pictureUrl": "https://github.com/hugoabernier.png",
|
||||||
|
"name": "Hugo Bernier",
|
||||||
|
"twitter": "bernierh"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "nanddeepn",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/nanddeepn.png",
|
||||||
|
"name": "Nanddeep Nachan",
|
||||||
|
"twitter": "NanddeepNachan"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "Abderahman88",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4",
|
||||||
|
"name": "Abderahman Moujahid"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Building Microsoft Teams Tabs using SharePoint Framework",
|
||||||
|
"description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -1 +1,82 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-carousel","version":null,"source":"pnp","title":"Carousel Web Part","shortDescription":"This web part show images and videos in carousel","longDescription":["This web part show images and videos in carousel"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-carousel/assets/carousel.gif","alt":"Carousel Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"rahulsuryawanshi","company":"","pictureUrl":"https://github.com/rahulsuryawanshi.png"},{"gitHubAccount":"Harshagracy","company":"","pictureUrl":"https://github.com/Harshagracy.png"},{"gitHubAccount":"DonKirkham","company":"","pictureUrl":"https://github.com/DonKirkham.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-carousel",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Carousel Web Part",
|
||||||
|
"shortDescription": "This web part show images and videos in carousel",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-carousel",
|
||||||
|
"longDescription": [
|
||||||
|
"This web part show images and videos in carousel"
|
||||||
|
],
|
||||||
|
"created": "2020-10-31",
|
||||||
|
"modified": "2020-10-31",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.10.0"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-TEAMSTAB",
|
||||||
|
"value": "true"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-carousel/assets/carousel.gif",
|
||||||
|
"alt": "Carousel Web Part"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "joaojmendes",
|
||||||
|
"company": "Storm Technology Ltd",
|
||||||
|
"pictureUrl": "https://github.com/joaojmendes.png",
|
||||||
|
"name": "Jo\u00E3o Mendes",
|
||||||
|
"twitter": "joaojmendes"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "rahulsuryawanshi",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/rahulsuryawanshi.png",
|
||||||
|
"name": "Rahul Suryawanshi",
|
||||||
|
"twitter": "rahulsuryawansh"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "Harshagracy",
|
||||||
|
"company": "",
|
||||||
|
"pictureUrl": "https://github.com/Harshagracy.png",
|
||||||
|
"name": "Harsha Vardhini",
|
||||||
|
"twitter": "harshagracy"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"gitHubAccount": "DonKirkham",
|
||||||
|
"company": "Probitas Data Solutions",
|
||||||
|
"pictureUrl": "https://avatars.githubusercontent.com/u/8630351?s=460\u0026u=669abb2aac55f383a318d3ca6b1cb13467cada59\u0026v=4",
|
||||||
|
"name": "Don Kirkham",
|
||||||
|
"twitter": "DonKirkham"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Building Microsoft Teams Tabs using SharePoint Framework",
|
||||||
|
"description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -194,7 +194,7 @@ There are no pre-requisites to use these samples.
|
||||||
|
|
||||||
Solution|Author(s)
|
Solution|Author(s)
|
||||||
--------|---------
|
--------|---------
|
||||||
react-chart-control | Hugo Bernier ([Tahoe Ninjas](http://tahoeninjas.blog), @bernierh)
|
react-chart-control | Hugo Bernier ([Tahoe Ninjas](http://tahoeninjas.blog), [@bernierh](https://twitter.com/bernierh))
|
||||||
|
|
||||||
## Version history
|
## Version history
|
||||||
|
|
||||||
|
|
@ -204,6 +204,7 @@ Version|Date|Comments
|
||||||
1.1|July 02, 2020|Upgraded to SPFx 1.10.0
|
1.1|July 02, 2020|Upgraded to SPFx 1.10.0
|
||||||
1.2|December 04, 2020|Upgraded to SPFx 1.11.0 and Fluent UI 7.x
|
1.2|December 04, 2020|Upgraded to SPFx 1.11.0 and Fluent UI 7.x
|
||||||
1.3|December 13, 2020|Upgraded dependencies
|
1.3|December 13, 2020|Upgraded dependencies
|
||||||
|
1.4|February 25, 2021|Updated to latest version of PnP controls
|
||||||
|
|
||||||
## Disclaimer
|
## Disclaimer
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1 +1,160 @@
|
||||||
{"name":"pnp-sp-dev-spfx-web-parts-react-chartcontrol","version":null,"source":"pnp","title":"Chart Control Samples","shortDescription":"This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react.","longDescription":["This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-chartcontrol/assets/WebPartList.png","alt":"Chart Control Samples","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]}
|
[
|
||||||
|
{
|
||||||
|
"name": "pnp-sp-dev-spfx-web-parts-react-chartcontrol",
|
||||||
|
"source": "pnp",
|
||||||
|
"title": "Chart Control Samples",
|
||||||
|
"shortDescription": "This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react.",
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-chartcontrol",
|
||||||
|
"longDescription": [
|
||||||
|
"This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react."
|
||||||
|
],
|
||||||
|
"created": "2020-12-13",
|
||||||
|
"modified": "2020-12-13",
|
||||||
|
"products": [
|
||||||
|
"SharePoint",
|
||||||
|
"Office"
|
||||||
|
],
|
||||||
|
"metadata": [
|
||||||
|
{
|
||||||
|
"key": "CLIENT-SIDE-DEV",
|
||||||
|
"value": "React"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "SPFX-VERSION",
|
||||||
|
"value": "1.11.0"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"thumbnails": [
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 100,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-chartcontrol/assets/WebPartList.png",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 101,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/AccessibleChart.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 102,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/AreaChart.gif?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 103,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BarChart.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 104,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BarChartStatic.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 105,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BubbleChart.gif?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 106,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/Chartinator.gif?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 107,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/ComboBar.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 108,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/CustomPlugin.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 109,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DoughnutPatterns.gif?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 110,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DynamicDataCallable.gif?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 111,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DynamicDataConsumer.gif?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 112,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/HorizontalBarChart.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 113,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/LineChart.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 114,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/PieChart.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 115,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/PolarChart.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 116,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/RadarChart.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 117,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/RealTime.gif?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "image",
|
||||||
|
"order": 118,
|
||||||
|
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/ScatterChart.png?raw=true",
|
||||||
|
"alt": "Chart Control Samples"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"authors": [
|
||||||
|
{
|
||||||
|
"gitHubAccount": "hugoabernier",
|
||||||
|
"company": "Tahoe Ninjas",
|
||||||
|
"pictureUrl": "https://github.com/hugoabernier.png",
|
||||||
|
"name": "Hugo Bernier",
|
||||||
|
"twitter": "bernierh"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"references": [
|
||||||
|
{
|
||||||
|
"name": "Build your first SharePoint client-side web part",
|
||||||
|
"description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.",
|
||||||
|
"url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
"solution": {
|
"solution": {
|
||||||
"name": "react-chartcontrol-client-side-solution",
|
"name": "react-chartcontrol-client-side-solution",
|
||||||
"id": "fb9665fb-4455-4b7f-99ab-2195920871fd",
|
"id": "fb9665fb-4455-4b7f-99ab-2195920871fd",
|
||||||
"version": "1.3.0.0",
|
"version": "1.4.0.0",
|
||||||
"includeClientSideAssets": true,
|
"includeClientSideAssets": true,
|
||||||
"developer": {
|
"developer": {
|
||||||
"name": "Contoso",
|
"name": "Contoso",
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"main": "lib/index.js",
|
"main": "lib/index.js",
|
||||||
"name": "react-chartcontrol",
|
"name": "react-chartcontrol",
|
||||||
"version": "1.3.0",
|
"version": "1.4.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
|
|
@ -22,10 +22,11 @@
|
||||||
"@pnp/logging": "^1.2.8",
|
"@pnp/logging": "^1.2.8",
|
||||||
"@pnp/odata": "^1.2.8",
|
"@pnp/odata": "^1.2.8",
|
||||||
"@pnp/sp": "^1.2.8",
|
"@pnp/sp": "^1.2.8",
|
||||||
"@pnp/spfx-controls-react": "^2.2.0",
|
"@pnp/spfx-controls-react": "2.4.0",
|
||||||
"@pnp/spfx-property-controls": "^2.2.0",
|
"@pnp/spfx-property-controls": "2.3.0",
|
||||||
"chartjs-plugin-streaming": "^1.8.0",
|
"chartjs-plugin-streaming": "^1.8.0",
|
||||||
"color": "^3.1.3",
|
"color": "^3.1.3",
|
||||||
|
"lodash": "^4.17.21",
|
||||||
"moment": "^2.29.1",
|
"moment": "^2.29.1",
|
||||||
"patternomaly": "^1.3.2",
|
"patternomaly": "^1.3.2",
|
||||||
"react": "16.8.5",
|
"react": "16.8.5",
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ const FAKE_DELAY: number = 500;
|
||||||
/**
|
/**
|
||||||
* Returns an array of chart points (x,y)
|
* Returns an array of chart points (x,y)
|
||||||
*/
|
*/
|
||||||
export default class MockChartDataProvider implements IChartDataProvider {
|
export class MockChartDataProvider implements IChartDataProvider {
|
||||||
public getSignedNumberArray(length: number): Promise<number[]> {
|
public getSignedNumberArray(length: number): Promise<number[]> {
|
||||||
return new Promise<number[]>((resolve) => {
|
return new Promise<number[]>((resolve) => {
|
||||||
// pretend we're getting the data from a service
|
// pretend we're getting the data from a service
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import { IGitHubService, IGitHubContributor, IAuthorCommit } from "./IGitHubService.types";
|
import { IGitHubService, IGitHubContributor, IAuthorCommit } from "./IGitHubService.types";
|
||||||
import { HttpClient, HttpClientResponse } from '@microsoft/sp-http';
|
import { HttpClient, HttpClientResponse } from '@microsoft/sp-http';
|
||||||
|
|
||||||
export default class GitHubService implements IGitHubService {
|
export class GitHubService implements IGitHubService {
|
||||||
/**
|
/**
|
||||||
* Gets a list of github commits in a repo for a single contributor
|
* Gets a list of github commits in a repo for a single contributor
|
||||||
* @param client the HttpClient object that will make the call
|
* @param client the HttpClient object that will make the call
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ import { IListService } from "./IListService";
|
||||||
import { IListField } from "./IListField";
|
import { IListField } from "./IListField";
|
||||||
import { IListItem } from "./IListItem";
|
import { IListItem } from "./IListItem";
|
||||||
import { ChartType } from '@pnp/spfx-controls-react/lib/ChartControl';
|
import { ChartType } from '@pnp/spfx-controls-react/lib/ChartControl';
|
||||||
import MockChartDataProvider from "../ChartDataProvider/MockChartDataProvider";
|
import { MockChartDataProvider } from "../ChartDataProvider/MockChartDataProvider";
|
||||||
import IChartDataProvider from "../ChartDataProvider/IChartDataProvider";
|
import IChartDataProvider from "../ChartDataProvider/IChartDataProvider";
|
||||||
import { ChartPoint } from 'chart.js';
|
import { ChartPoint } from 'chart.js';
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
|
||||||
import { IPropertyPaneConfiguration, PropertyPaneTextField } from "@microsoft/sp-property-pane";
|
import { IPropertyPaneConfiguration, PropertyPaneTextField } from "@microsoft/sp-property-pane";
|
||||||
|
|
||||||
import * as strings from 'AccessibleTableWebPartStrings';
|
import * as strings from 'AccessibleTableWebPartStrings';
|
||||||
import AccessibleTable from './components/AccessibleTable';
|
import { AccessibleTable } from './components/AccessibleTable';
|
||||||
import { IAccessibleTableProps } from './components/IAccessibleTable.types';
|
import { IAccessibleTableProps } from './components/IAccessibleTable.types';
|
||||||
|
|
||||||
import { CalloutTriggers } from '@pnp/spfx-property-controls/lib/PropertyFieldHeader';
|
import { CalloutTriggers } from '@pnp/spfx-property-controls/lib/PropertyFieldHeader';
|
||||||
|
|
@ -37,10 +37,6 @@ export default class AccessibleTableWebPart extends BaseClientSideWebPart<IAcces
|
||||||
ReactDom.unmountComponentAtNode(this.domElement);
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||||||
}
|
}
|
||||||
|
|
||||||
protected get dataVersion(): Version {
|
|
||||||
return Version.parse('1.0');
|
|
||||||
}
|
|
||||||
|
|
||||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||||||
return {
|
return {
|
||||||
pages: [
|
pages: [
|
||||||
|
|
|
||||||
|
|
@ -8,9 +8,9 @@ import { Spinner, SpinnerSize } from '@fluentui/react/lib/Spinner';
|
||||||
|
|
||||||
import { ChartControl, ChartType, OFFICE_COLORFUL1, PaletteGenerator } from '@pnp/spfx-controls-react/lib/ChartControl';
|
import { ChartControl, ChartType, OFFICE_COLORFUL1, PaletteGenerator } from '@pnp/spfx-controls-react/lib/ChartControl';
|
||||||
|
|
||||||
import MockChartDataProvider from '../../../services/ChartDataProvider/MockChartDataProvider';
|
import { MockChartDataProvider } from '../../../services/ChartDataProvider/MockChartDataProvider';
|
||||||
|
|
||||||
export default class AccessibleTable extends React.Component<IAccessibleTableProps, {}> {
|
export class AccessibleTable extends React.Component<IAccessibleTableProps, {}> {
|
||||||
public render(): React.ReactElement<IAccessibleTableProps> {
|
public render(): React.ReactElement<IAccessibleTableProps> {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
||||||
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'AreaChartDemoWebPartStrings';
|
import * as strings from 'AreaChartDemoWebPartStrings';
|
||||||
import AreaChartDemo from './components/AreaChartDemo';
|
import { AreaChartDemo } from './components/AreaChartDemo';
|
||||||
import { IAreaChartDemoProps } from './components/IAreaChartDemo.types';
|
import { IAreaChartDemoProps } from './components/IAreaChartDemo.types';
|
||||||
|
|
||||||
export interface IAreaChartDemoWebPartProps {
|
export interface IAreaChartDemoWebPartProps {
|
||||||
|
|
@ -29,10 +29,6 @@ export default class AreaChartDemoWebPart extends BaseClientSideWebPart<IAreaCha
|
||||||
ReactDom.unmountComponentAtNode(this.domElement);
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||||||
}
|
}
|
||||||
|
|
||||||
protected get dataVersion(): Version {
|
|
||||||
return Version.parse('1.0');
|
|
||||||
}
|
|
||||||
|
|
||||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||||||
return {
|
return {
|
||||||
pages: [
|
pages: [
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,7 @@ import { ChartControl, ChartType } from '@pnp/spfx-controls-react/lib/ChartContr
|
||||||
import { ChartDataSets, ChartData, ChartOptions } from 'chart.js';
|
import { ChartDataSets, ChartData, ChartOptions } from 'chart.js';
|
||||||
|
|
||||||
// used to retrieve (fake) data from a (fake) service
|
// used to retrieve (fake) data from a (fake) service
|
||||||
import MockChartDataProvider from '../../../services/ChartDataProvider/MockChartDataProvider';
|
import { MockChartDataProvider } from '../../../services/ChartDataProvider/MockChartDataProvider';
|
||||||
|
|
||||||
// used to render the toolbar above the chart
|
// used to render the toolbar above the chart
|
||||||
import {
|
import {
|
||||||
|
|
@ -26,7 +26,7 @@ This demo shows the following:
|
||||||
- Generate a gradient for a background color
|
- Generate a gradient for a background color
|
||||||
- Change the fill value
|
- Change the fill value
|
||||||
*/
|
*/
|
||||||
export default class AreaChartDemo extends React.Component<IAreaChartDemoProps, IAreaChartDemoState> {
|
export class AreaChartDemo extends React.Component<IAreaChartDemoProps, IAreaChartDemoState> {
|
||||||
/**
|
/**
|
||||||
* The chart element
|
* The chart element
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import { Version } from '@microsoft/sp-core-library';
|
||||||
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
|
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
|
||||||
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
||||||
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
import BarChartDemo from './components/BarChartDemo';
|
import { BarChartDemo } from './components/BarChartDemo';
|
||||||
import { IBarChartDemoProps } from './components/IBarChartDemo.types';
|
import { IBarChartDemoProps } from './components/IBarChartDemo.types';
|
||||||
|
|
||||||
export interface IBarChartDemoWebPartProps {
|
export interface IBarChartDemoWebPartProps {
|
||||||
|
|
@ -35,10 +35,6 @@ export default class BarChartDemoWebPart extends BaseClientSideWebPart<IBarChart
|
||||||
ReactDom.unmountComponentAtNode(this.domElement);
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||||||
}
|
}
|
||||||
|
|
||||||
protected get dataVersion(): Version {
|
|
||||||
return Version.parse('1.0');
|
|
||||||
}
|
|
||||||
|
|
||||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||||||
return {
|
return {
|
||||||
pages: [
|
pages: [
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@ import * as React from 'react';
|
||||||
import styles from './BarChartDemo.module.scss';
|
import styles from './BarChartDemo.module.scss';
|
||||||
import * as strings from 'BarChartDemoWebPartStrings';
|
import * as strings from 'BarChartDemoWebPartStrings';
|
||||||
import { IBarChartDemoProps, IBarChartDemoState } from './IBarChartDemo.types';
|
import { IBarChartDemoProps, IBarChartDemoState } from './IBarChartDemo.types';
|
||||||
import MockChartDataProvider from '../../../services/ChartDataProvider/MockChartDataProvider';
|
import { MockChartDataProvider } from '../../../services/ChartDataProvider/MockChartDataProvider';
|
||||||
import IChartDataProvider from '../../../services/ChartDataProvider/IChartDataProvider';
|
import IChartDataProvider from '../../../services/ChartDataProvider/IChartDataProvider';
|
||||||
import { Spinner, SpinnerSize } from '@fluentui/react/lib/Spinner';
|
import { Spinner, SpinnerSize } from '@fluentui/react/lib/Spinner';
|
||||||
|
|
||||||
|
|
@ -16,7 +16,7 @@ const DATA_LENGTH: number = 7;
|
||||||
* and display the results, rendering a "please wait" message while
|
* and display the results, rendering a "please wait" message while
|
||||||
* data is loading.
|
* data is loading.
|
||||||
*/
|
*/
|
||||||
export default class BarChartDemo extends React.Component<IBarChartDemoProps, IBarChartDemoState> {
|
export class BarChartDemo extends React.Component<IBarChartDemoProps, IBarChartDemoState> {
|
||||||
/**
|
/**
|
||||||
* Renders the "Loading" spinner if the state is currently loading,
|
* Renders the "Loading" spinner if the state is currently loading,
|
||||||
* or the chart once data is loladed
|
* or the chart once data is loladed
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
|
||||||
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
||||||
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
import * as strings from 'BarChartStaticWebPartStrings';
|
import * as strings from 'BarChartStaticWebPartStrings';
|
||||||
import BarChartStatic from './components/BarChartStatic';
|
import { BarChartStatic } from './components/BarChartStatic';
|
||||||
import { IBarChartStaticProps } from './components/IBarChartStaticProps';
|
import { IBarChartStaticProps } from './components/IBarChartStaticProps';
|
||||||
|
|
||||||
export interface IBarChartStaticWebPartProps {
|
export interface IBarChartStaticWebPartProps {
|
||||||
|
|
@ -29,10 +29,6 @@ export default class BarChartStaticWebPart extends BaseClientSideWebPart<IBarCha
|
||||||
ReactDom.unmountComponentAtNode(this.domElement);
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||||||
}
|
}
|
||||||
|
|
||||||
protected get dataVersion(): Version {
|
|
||||||
return Version.parse('1.0');
|
|
||||||
}
|
|
||||||
|
|
||||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||||||
return {
|
return {
|
||||||
pages: [
|
pages: [
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ import { ChartControl, ChartType } from '@pnp/spfx-controls-react/lib/ChartContr
|
||||||
* this sample as simple as possible.
|
* this sample as simple as possible.
|
||||||
* @see https://www.chartjs.org/docs/latest/ for the original sample code.
|
* @see https://www.chartjs.org/docs/latest/ for the original sample code.
|
||||||
*/
|
*/
|
||||||
export default class BarChartStatic extends React.Component<IBarChartStaticProps, {}> {
|
export class BarChartStatic extends React.Component<IBarChartStaticProps, {}> {
|
||||||
public render(): React.ReactElement<IBarChartStaticProps> {
|
public render(): React.ReactElement<IBarChartStaticProps> {
|
||||||
return (
|
return (
|
||||||
<div className={styles.barChartStatic}>
|
<div className={styles.barChartStatic}>
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
||||||
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'BubbleChartDemoWebPartStrings';
|
import * as strings from 'BubbleChartDemoWebPartStrings';
|
||||||
import BubbleChartDemo from './components/BubbleChartDemo';
|
import { BubbleChartDemo } from './components/BubbleChartDemo';
|
||||||
import { IBubbleChartDemoProps } from './components/IBubbleChartDemo.types';
|
import { IBubbleChartDemoProps } from './components/IBubbleChartDemo.types';
|
||||||
|
|
||||||
export interface IBubbleChartDemoWebPartProps {
|
export interface IBubbleChartDemoWebPartProps {
|
||||||
|
|
@ -29,10 +29,6 @@ export default class BubbleChartDemoWebPart extends BaseClientSideWebPart<IBubbl
|
||||||
ReactDom.unmountComponentAtNode(this.domElement);
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||||||
}
|
}
|
||||||
|
|
||||||
protected get dataVersion(): Version {
|
|
||||||
return Version.parse('1.0');
|
|
||||||
}
|
|
||||||
|
|
||||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||||||
return {
|
return {
|
||||||
pages: [
|
pages: [
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@ import { ChartPoint, ChartData } from 'chart.js';
|
||||||
|
|
||||||
// used to retrieve (fake) data from a (fake) service
|
// used to retrieve (fake) data from a (fake) service
|
||||||
import IChartDataProvider from '../../../services/ChartDataProvider/IChartDataProvider';
|
import IChartDataProvider from '../../../services/ChartDataProvider/IChartDataProvider';
|
||||||
import MockChartDataProvider from '../../../services/ChartDataProvider/MockChartDataProvider';
|
import { MockChartDataProvider } from '../../../services/ChartDataProvider/MockChartDataProvider';
|
||||||
|
|
||||||
// used to render the toolbar above the chart
|
// used to render the toolbar above the chart
|
||||||
import {
|
import {
|
||||||
|
|
@ -37,7 +37,7 @@ const DATA_COUNT: number = 16;
|
||||||
const DATSET_LENGTH: number = 2;
|
const DATSET_LENGTH: number = 2;
|
||||||
const MAX_BORDERWIDTH: number = 8;
|
const MAX_BORDERWIDTH: number = 8;
|
||||||
|
|
||||||
export default class BubbleChartDemo extends React.Component<IBubbleChartDemoProps, {}> {
|
export class BubbleChartDemo extends React.Component<IBubbleChartDemoProps, {}> {
|
||||||
/**
|
/**
|
||||||
* The chart element
|
* The chart element
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@ import { CalloutTriggers } from '@pnp/spfx-property-controls/lib/PropertyFieldHe
|
||||||
import { PropertyFieldColorPicker, PropertyFieldColorPickerStyle } from '@pnp/spfx-property-controls/lib/PropertyFieldColorPicker';
|
import { PropertyFieldColorPicker, PropertyFieldColorPickerStyle } from '@pnp/spfx-property-controls/lib/PropertyFieldColorPicker';
|
||||||
|
|
||||||
// Component that actually renders the web part content
|
// Component that actually renders the web part content
|
||||||
import Chartinator from './components/Chartinator';
|
import { Chartinator } from './components/Chartinator';
|
||||||
import { IChartinatorProps, DataSourceType } from './components/Chartinator.types';
|
import { IChartinatorProps, DataSourceType } from './components/Chartinator.types';
|
||||||
|
|
||||||
// Needed to generate unique data row ids
|
// Needed to generate unique data row ids
|
||||||
|
|
@ -138,13 +138,6 @@ export default class ChartinatorWebPart extends BaseClientSideWebPart<IChartinat
|
||||||
ReactDom.unmountComponentAtNode(this.domElement);
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Returns the data version
|
|
||||||
*/
|
|
||||||
protected get dataVersion(): Version {
|
|
||||||
return Version.parse('1.0');
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Initializes properties for the web part.
|
* Initializes properties for the web part.
|
||||||
* You could absolutely replace this function with
|
* You could absolutely replace this function with
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@ import { DashStrokes } from '../controls/PropertyPaneDashSelector/components/Das
|
||||||
// List methods to retrieve data
|
// List methods to retrieve data
|
||||||
import { IListService, ListService, IListItem, MockListService } from '../../../services/ListService';
|
import { IListService, ListService, IListItem, MockListService } from '../../../services/ListService';
|
||||||
|
|
||||||
export default class Chartinator extends React.Component<IChartinatorProps, {}> {
|
export class Chartinator extends React.Component<IChartinatorProps, {}> {
|
||||||
/**
|
/**
|
||||||
* The chart element
|
* The chart element
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -35,7 +35,7 @@ export class NumberTextField extends React.Component<INumberTextFieldProps, INum
|
||||||
* @param value the value
|
* @param value the value
|
||||||
*/
|
*/
|
||||||
private _validateNumber(value: string): string {
|
private _validateNumber(value: string): string {
|
||||||
return isNaN(Number(value)) ? strings.NumberErrorMessage : '';
|
return value !== '' && value !== undefined && isNaN(Number(value)) ? strings.NumberErrorMessage : '';
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import { IPropertyPaneField, PropertyPaneFieldType } from "@microsoft/sp-propert
|
||||||
import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
|
import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
|
||||||
|
|
||||||
import { IChartPaletteSelectorProps } from './components/ChartPaletteSelector.types';
|
import { IChartPaletteSelectorProps } from './components/ChartPaletteSelector.types';
|
||||||
import ChartPaletteSelector from './components/ChartPaletteSelector';
|
import { ChartPaletteSelector } from './components/ChartPaletteSelector';
|
||||||
import {
|
import {
|
||||||
IPropertyPaneChartPaletteSelectorProps,
|
IPropertyPaneChartPaletteSelectorProps,
|
||||||
IPropertyPaneChartPaletteSelectorInternalProps,
|
IPropertyPaneChartPaletteSelectorInternalProps,
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@ import { IChartPaletteSelectorProps, IChartPaletteSelectorState } from './ChartP
|
||||||
/**
|
/**
|
||||||
* Displays a list of palette colours
|
* Displays a list of palette colours
|
||||||
*/
|
*/
|
||||||
export default class ChartPaletteSelector extends React.Component<IChartPaletteSelectorProps, IChartPaletteSelectorState> {
|
export class ChartPaletteSelector extends React.Component<IChartPaletteSelectorProps, IChartPaletteSelectorState> {
|
||||||
constructor(props: IChartPaletteSelectorProps) {
|
constructor(props: IChartPaletteSelectorProps) {
|
||||||
super(props);
|
super(props);
|
||||||
this.state = {
|
this.state = {
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@ import { IPropertyPaneField, PropertyPaneFieldType } from "@microsoft/sp-propert
|
||||||
import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
|
import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
|
||||||
|
|
||||||
import { IDashSelectorProps } from './components/DashSelector.types';
|
import { IDashSelectorProps } from './components/DashSelector.types';
|
||||||
import DashSelector from './components/DashSelector';
|
import { DashSelector } from './components/DashSelector';
|
||||||
import {
|
import {
|
||||||
IPropertyPaneDashSelectorProps,
|
IPropertyPaneDashSelectorProps,
|
||||||
IPropertyPaneDashSelectorInternalProps,
|
IPropertyPaneDashSelectorInternalProps,
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@ import { IDashSelectorProps, IDashSelectorState } from './DashSelector.types';
|
||||||
* Displays a list of dash options.
|
* Displays a list of dash options.
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
export default class DashSelector extends React.Component<IDashSelectorProps, IDashSelectorState> {
|
export class DashSelector extends React.Component<IDashSelectorProps, IDashSelectorState> {
|
||||||
/**
|
/**
|
||||||
*
|
*
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
||||||
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'ComboChartDemoWebPartStrings';
|
import * as strings from 'ComboChartDemoWebPartStrings';
|
||||||
import ComboChartDemo from './components/ComboChartDemo';
|
import { ComboChartDemo } from './components/ComboChartDemo';
|
||||||
import { IComboChartDemoProps } from './components/IComboChartDemo.types';
|
import { IComboChartDemoProps } from './components/IComboChartDemo.types';
|
||||||
|
|
||||||
export interface IComboChartDemoWebPartProps {
|
export interface IComboChartDemoWebPartProps {
|
||||||
|
|
@ -29,10 +29,6 @@ export default class ComboChartDemoWebPart extends BaseClientSideWebPart<IComboC
|
||||||
ReactDom.unmountComponentAtNode(this.domElement);
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||||||
}
|
}
|
||||||
|
|
||||||
protected get dataVersion(): Version {
|
|
||||||
return Version.parse('1.0');
|
|
||||||
}
|
|
||||||
|
|
||||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||||||
return {
|
return {
|
||||||
pages: [
|
pages: [
|
||||||
|
|
|
||||||
|
|
@ -7,12 +7,12 @@ import { ChartControl, ChartType } from '@pnp/spfx-controls-react/lib/ChartContr
|
||||||
import { ChartData } from 'chart.js';
|
import { ChartData } from 'chart.js';
|
||||||
|
|
||||||
import IChartDataProvider from '../../../services/ChartDataProvider/IChartDataProvider';
|
import IChartDataProvider from '../../../services/ChartDataProvider/IChartDataProvider';
|
||||||
import MockChartDataProvider from '../../../services/ChartDataProvider/MockChartDataProvider';
|
import { MockChartDataProvider } from '../../../services/ChartDataProvider/MockChartDataProvider';
|
||||||
|
|
||||||
const DATA_LENGTH: number = 7;
|
const DATA_LENGTH: number = 7;
|
||||||
const DATASET_LENGTH: number = 3;
|
const DATASET_LENGTH: number = 3;
|
||||||
|
|
||||||
export default class ComboChartDemo extends React.Component<IComboChartDemoProps, {}> {
|
export class ComboChartDemo extends React.Component<IComboChartDemoProps, {}> {
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Renders the command bar and the chart
|
* Renders the command bar and the chart
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,7 @@ import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
||||||
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'CustomPluginDemoWebPartStrings';
|
import * as strings from 'CustomPluginDemoWebPartStrings';
|
||||||
import CustomPluginDemo from './components/CustomPluginDemo';
|
import { CustomPluginDemo } from './components/CustomPluginDemo';
|
||||||
import { ICustomPluginDemoProps } from './components/ICustomPluginDemo,types';
|
import { ICustomPluginDemoProps } from './components/ICustomPluginDemo,types';
|
||||||
|
|
||||||
export interface ICustomPluginDemoWebPartProps {
|
export interface ICustomPluginDemoWebPartProps {
|
||||||
|
|
@ -30,10 +30,6 @@ export default class CustomPluginDemoWebPart extends BaseClientSideWebPart<ICust
|
||||||
ReactDom.unmountComponentAtNode(this.domElement);
|
ReactDom.unmountComponentAtNode(this.domElement);
|
||||||
}
|
}
|
||||||
|
|
||||||
protected get dataVersion(): Version {
|
|
||||||
return Version.parse('1.0');
|
|
||||||
}
|
|
||||||
|
|
||||||
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
|
||||||
return {
|
return {
|
||||||
pages: [
|
pages: [
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue