honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Changed master to main

This commit is contained in:
Hugo Bernier 2021-05-02 15:04:59 -04:00
parent b139ba199c
commit cd1cb830d6
312 changed files with 1330 additions and 1330 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.github/PULL_REQUEST_TEMPLATE.md vendored
View File

@ -1,4 +1,4 @@
> By submitting this pull request, you agree to the [contribution guidelines](https://github.com/pnp/sp-dev-fx-webparts/blob/master/CONTRIBUTING.md) > By submitting this pull request, you agree to the [contribution guidelines](https://github.com/pnp/sp-dev-fx-webparts/blob/main/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. > 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.
@ -22,7 +22,7 @@
> >
> *Pull requests that do not follow this template will be automatically rejected.* > *Pull requests that do not follow this template will be automatically rejected.*
> >
> *Please target your PR to `master` branch.* > *Please target your PR to `main` branch.*
> >
> *Remember that this repository is maintained by community members who volunteer their time to help. Be courteous and patient.* > *Remember that this repository is maintained by community members who volunteer their time to help. Be courteous and patient.*
> _(DELETE THIS SECTION AFTER READING)_ > _(DELETE THIS SECTION AFTER READING)_

4
.github/workflows/codeql-analysis.yml vendored
View File

@ -13,10 +13,10 @@ name: "CodeQL"
on: on:
push: push:
branches: [ master ] branches: [ main ]
pull_request: pull_request:
# The branches below must be a subset of the branches above # The branches below must be a subset of the branches above
branches: [ master ] branches: [ main ]
schedule: schedule:
- cron: '33 2 * * 0' - cron: '33 2 * * 0'

4
.github/workflows/ossar-analysis.yml vendored
View File

@ -5,10 +5,10 @@ name: OSSAR
on: on:
push: push:
branches: [ master ] branches: [ main ]
pull_request: pull_request:
# The branches below must be a subset of the branches above # The branches below must be a subset of the branches above
branches: [ master ] branches: [ main ]
schedule: schedule:
- cron: '36 20 * * 2' - cron: '36 20 * * 2'

24
CONTRIBUTING.md
View File

@ -24,7 +24,7 @@ Whenever you are submitting any changes to the SharePoint repositories, please f
* Always fork the repository to your own account before making your modifications * Always fork the repository to your own account before making your modifications
* Do not combine multiple changes to one pull request. For example, submit any samples and documentation updates using separate PRs * Do not combine multiple changes to one pull request. For example, submit any samples and documentation updates using separate PRs
* If your pull request shows merge conflicts, make sure to update your local master to be a mirror of what's in the main repo before making your modifications * If your pull request shows merge conflicts, make sure to update your local main to be a mirror of what's in the main repo before making your modifications
* 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
@ -96,10 +96,10 @@ Here's a high-level process for submitting new samples or updates to existing on
1. Sign the Contributor License Agreement (see below) 1. Sign the Contributor License Agreement (see below)
2. Fork this repository [pnp/sp-dev-fx-webparts](https://github.com/pnp/sp-dev-fx-webparts) to your GitHub account 2. Fork this repository [pnp/sp-dev-fx-webparts](https://github.com/pnp/sp-dev-fx-webparts) to your GitHub account
3. Create a new branch from the `master` branch for your fork for the contribution 3. Create a new branch from the `main` branch for your fork for the contribution
4. Include your changes to your branch 4. Include your changes to your branch
5. Commit your changes using descriptive commit message * These are used to track changes on the repositories for monthly communications 5. Commit your changes using descriptive commit message * These are used to track changes on the repositories for monthly communications
6. Create a pull request in your own fork and target the `master` branch 6. Create a pull request in your own fork and target the `main` branch
7. Fill up the provided PR template with the requested details 7. Fill up the provided PR template with the requested details
Before you submit your pull request consider the following guidelines: Before you submit your pull request consider the following guidelines:
@ -121,7 +121,7 @@ Before you submit your pull request consider the following guidelines:
* Make your changes in a new git branch: * Make your changes in a new git branch:
```shell ```shell
git checkout -b react-taxonomypicker master git checkout -b react-taxonomypicker main
``` ```
* Ensure your fork is updated and not behind the upstream **sp-dev-fx-webparts** repo. Refer to these resources for more information on syncing your repo: * Ensure your fork is updated and not behind the upstream **sp-dev-fx-webparts** repo. Refer to these resources for more information on syncing your repo:
@ -131,19 +131,19 @@ Before you submit your pull request consider the following guidelines:
```shell ```shell
# assuming you are in the folder of your locally cloned fork.... # assuming you are in the folder of your locally cloned fork....
git checkout master git checkout main
# assuming you have a remote named `upstream` pointing official **sp-dev-fx-webparts** repo # assuming you have a remote named `upstream` pointing official **sp-dev-fx-webparts** repo
git fetch upstream git fetch upstream
# update your local master to be a mirror of what's in the main repo # update your local main to be a mirror of what's in the main repo
git pull --rebase upstream master git pull --rebase upstream main
# switch to your branch where you are working, say "react-taxonomypicker" # switch to your branch where you are working, say "react-taxonomypicker"
git checkout react-taxonomypicker git checkout react-taxonomypicker
# update your branch to update it's fork point to the current tip of master & put your changes on top of it # update your branch to update it's fork point to the current tip of main & put your changes on top of it
git rebase master git rebase main
``` ```
* Push your branch to GitHub: * Push your branch to GitHub:
@ -169,19 +169,19 @@ If the sample you wish to contribute is stored in your own GitHub repository, yo
```shell ```shell
git remote add origin https://github.com/yourgitaccount/sp-dev-fx-webparts.git git remote add origin https://github.com/yourgitaccount/sp-dev-fx-webparts.git
git pull origin master git pull origin main
``` ```
* Pull your other project from GitHub into the `samples` folder of your local copy of `sp-dev-fx-webparts` * Pull your other project from GitHub into the `samples` folder of your local copy of `sp-dev-fx-webparts`
```shell ```shell
git subtree add --prefix=samples/projectname https://github.com/yourgitaccount/projectname.git master git subtree add --prefix=samples/projectname https://github.com/yourgitaccount/projectname.git main
``` ```
* Push the changes up to your forked repository * Push the changes up to your forked repository
```shell ```shell
git push origin master git push origin main
``` ```
## Signing the CLA ## Signing the CLA

2
SUPPORT.md
View File

@ -28,7 +28,7 @@ We use GitHub issues to support user questions. To ask a question, [open a new i
### How to submit changes ### How to submit changes
Please see our [Contributing Guidance](https://github.com/pnp/sp-dev-fx-webparts/blob/master/CONTRIBUTING.md). Please see our [Contributing Guidance](https://github.com/pnp/sp-dev-fx-webparts/blob/main/CONTRIBUTING.md).
### How to request an enhancement ### How to request an enhancement

16
samples/aad-api-spo-cookie/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Call custom APIs secured with Azure Active Directory without ADAL JS", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/aad-api-spo-cookie",
"longDescription": [ "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." "Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS."
], ],
@ -28,43 +28,43 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/aad-api-spo-cookie/assets/preview-orders.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/aad-api-spo-cookie/assets/preview-orders.png",
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/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" "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/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" "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/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" "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/aad-api-spo-cookie/assets/orders-fetch-error.png?raw=true",
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/aad-api-spo-cookie/assets/orders-ie-error.png?raw=true",
"alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/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" "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS"
} }
], ],

4
samples/angular-aad-webapi/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x", "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", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular-aad-webapi",
"longDescription": [ "longDescription": [
"Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x" "Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x"
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-aad-webapi/assets/preview.jpg", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/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" "alt": "Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x"
} }
], ],

6
samples/angular-greeting/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Greeting client-side web part", "title": "Greeting client-side web part",
"shortDescription": "This is Greeting web part which shows greeting to the current logged in user.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular-greeting",
"longDescription": [ "longDescription": [
"This is Greeting web part which shows greeting to the current logged in user." "This is Greeting web part which shows greeting to the current logged in user."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-greeting/assets/captured.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/angular-greeting/assets/captured.gif",
"alt": "Greeting client-side web part" "alt": "Greeting client-side web part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-greeting/assets/preview.PNG?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/angular-greeting/assets/preview.PNG?raw=true",
"alt": "Greeting client-side web part" "alt": "Greeting client-side web part"
} }
], ],

6
samples/angular-migration/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Migrating existing Angular applications to SharePoint Framework sample", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular-migration",
"longDescription": [ "longDescription": [
"This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part." "This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-migration/assets/angular-todo-spfx-preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/angular-migration/assets/angular-todo-spfx-preview.png",
"alt": "Migrating existing Angular applications to SharePoint Framework sample" "alt": "Migrating existing Angular applications to SharePoint Framework sample"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-migration/assets/angular-todo-preview.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/angular-migration/assets/angular-todo-preview.png?raw=true",
"alt": "Migrating existing Angular applications to SharePoint Framework sample" "alt": "Migrating existing Angular applications to SharePoint Framework sample"
} }
], ],

12
samples/angular-msgraph/assets/sample.json
View File

@ -4,7 +4,7 @@
"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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/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."
], ],
@ -28,31 +28,31 @@
{ {
"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/main/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"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Connected.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/angular-msgraph/assets/Connected.png?raw=true",
"alt": "Angular MS Graph Web Part Built with Angular v1.x" "alt": "Angular MS Graph Web Part Built with Angular v1.x"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Items.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/angular-msgraph/assets/Items.png?raw=true",
"alt": "Angular MS Graph Web Part Built with Angular v1.x" "alt": "Angular MS Graph Web Part Built with Angular v1.x"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Lists.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/angular-msgraph/assets/Lists.png?raw=true",
"alt": "Angular MS Graph Web Part Built with Angular v1.x" "alt": "Angular MS Graph Web Part Built with Angular v1.x"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Root.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/angular-msgraph/assets/Root.png?raw=true",
"alt": "Angular MS Graph Web Part Built with Angular v1.x" "alt": "Angular MS Graph Web Part Built with Angular v1.x"
} }
], ],

4
samples/angular-multipage/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Angular multi-page client-side web part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular-multipage",
"longDescription": [ "longDescription": [
"This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts." "This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-multipage/assets/poll-preview.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/angular-multipage/assets/poll-preview.gif",
"alt": "Angular multi-page client-side web part" "alt": "Angular multi-page client-side web part"
} }
], ],

4
samples/angular-ngofficeuifabric-file-upload/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "File Upload using AngularJs", "title": "File Upload using AngularJs",
"shortDescription": "File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular-ngofficeuifabric-file-upload",
"longDescription": [ "longDescription": [
"File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework." "File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework."
], ],
@ -34,7 +34,7 @@
{ {
"type": "image", "type": "image",
"order": 101, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/angular-ngofficeuifabric-file-upload/assets/NG File Upload.png?raw=true",
"alt": "File Upload using AngularJs" "alt": "File Upload using AngularJs"
} }
], ],

2
samples/angular-ngofficeuifabric-todo/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Angular \u0026 ngOfficeUIFabric Client-Side Web Part", "title": "Angular \u0026 ngOfficeUIFabric Client-Side Web Part",
"shortDescription": "", "shortDescription": "",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-ngofficeuifabric-todo", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular-ngofficeuifabric-todo",
"longDescription": [ "longDescription": [
"" ""
], ],

4
samples/angular-search/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Search Client-Side Web Part Built with Angular v1.x", "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", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular-search",
"longDescription": [ "longDescription": [
"This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework" "This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework"
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-search/assets/angularSearch.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/angular-search/assets/angularSearch.png",
"alt": "Search Client-Side Web Part Built with Angular v1.x" "alt": "Search Client-Side Web Part Built with Angular v1.x"
} }
], ],

4
samples/angular-todo/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Angular client-side web part", "title": "Angular client-side web part",
"shortDescription": "Sample Web Part illustrating using Angular with the SharePoint Framework.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular-todo",
"longDescription": [ "longDescription": [
"Sample Web Part illustrating using Angular with the SharePoint Framework." "Sample Web Part illustrating using Angular with the SharePoint Framework."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-todo/assets/preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/angular-todo/assets/preview.png",
"alt": "Angular client-side web part" "alt": "Angular client-side web part"
} }
], ],

4
samples/angular2-prototype/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Angular2 Web Part Prototype", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angular2-prototype",
"longDescription": [ "longDescription": [
"Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework." "Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular2-prototype/assets/preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/angular2-prototype/assets/preview.png",
"alt": "Angular2 Web Part Prototype" "alt": "Angular2 Web Part Prototype"
} }
], ],

2
samples/angularelements-helloworld/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Angular Elements in SharePoint Framework", "title": "Angular Elements in SharePoint Framework",
"shortDescription": "Set of sample web parts illustrating how to use Angular Elements in the 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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angularelements-helloworld",
"longDescription": [ "longDescription": [
"Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework." "Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework."
], ],

2
samples/angularelements-html-templatefile/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Angular Elements with HTML Template File in SharePoint Framework", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/angularelements-html-templatefile",
"longDescription": [ "longDescription": [
"A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File." "A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File."
], ],

8
samples/bootstrap-slider/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/bootstrap-slider",
"longDescription": [ "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." "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."
], ],
@ -28,19 +28,19 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/bootstrap-slider/assets/slider_image_1.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/bootstrap-slider/assets/slider_image_1.png",
"alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x" "alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/bootstrap-slider/assets/List.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/bootstrap-slider/assets/List.png?raw=true",
"alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x" "alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/bootstrap-slider/assets/slider_image_2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/bootstrap-slider/assets/slider_image_2.png?raw=true",
"alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x" "alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x"
} }
], ],

2
samples/handlebarsjs-webpack-loader/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Sample with Handlebars.js", "title": "Sample with Handlebars.js",
"shortDescription": "This sample demonstrate how to set up SPFX to use Handlebars through webpack loader.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/handlebarsjs-webpack-loader",
"longDescription": [ "longDescription": [
"This sample demonstrate how to set up SPFX to use Handlebars through webpack loader." "This sample demonstrate how to set up SPFX to use Handlebars through webpack loader."
], ],

4
samples/jquery-cdn/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Using jQuery loaded from CDN", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/jquery-cdn",
"longDescription": [ "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." "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."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-cdn/assets/preview_weather.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/jquery-cdn/assets/preview_weather.png",
"alt": "Using jQuery loaded from CDN" "alt": "Using jQuery loaded from CDN"
} }
], ],

12
samples/jquery-photopile/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/jquery-photopile",
"longDescription": [ "longDescription": [
"This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework." "This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework."
], ],
@ -28,31 +28,31 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-photopile/assets/photopileoverview.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/jquery-photopile/assets/photopileoverview.gif",
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-01.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/jquery-photopile/assets/tutorial-add-spapp-01.png?raw=true",
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-02.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/jquery-photopile/assets/tutorial-add-spapp-02.png?raw=true",
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-03.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/jquery-photopile/assets/tutorial-add-spapp-03.png?raw=true",
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-05.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/jquery-photopile/assets/tutorial-add-spapp-05.png?raw=true",
"alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part"
} }
], ],

4
samples/js-advanced-commenting/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Advanced Comments Box", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-advanced-commenting",
"longDescription": [ "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." "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."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-advanced-commenting/assets/Advanced-Comments-Box.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-advanced-commenting/assets/Advanced-Comments-Box.gif",
"alt": "Advanced Comments Box" "alt": "Advanced Comments Box"
} }
], ],

4
samples/js-display-list/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Display List JavaScript Client-Side Web Part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-display-list",
"longDescription": [ "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." "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."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-display-list/assets/display-list-preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-display-list/assets/display-list-preview.png",
"alt": "Display List JavaScript Client-Side Web Part" "alt": "Display List JavaScript Client-Side Web Part"
} }
], ],

6
samples/js-dynamic-bundling-libraries/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Dynamic Bundling \u0026 Loading of SPFx Packages", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-dynamic-bundling-libraries",
"longDescription": [ "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." "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."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PostjQueryClick.jpg", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PostjQueryClick.jpg",
"alt": "Dynamic Bundling \u0026 Loading of SPFx Packages" "alt": "Dynamic Bundling \u0026 Loading of SPFx Packages"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PreClick.jpg?raw=true",
"alt": "Dynamic Bundling \u0026 Loading of SPFx Packages" "alt": "Dynamic Bundling \u0026 Loading of SPFx Packages"
} }
], ],

6
samples/js-employee-spotlight/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Display Employee Spotlight JavaScript Client-Side Web Part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-employee-spotlight",
"longDescription": [ "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." "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."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-employee-spotlight/assets/Employee-spotlight-priview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-employee-spotlight/assets/Employee-spotlight-priview.png",
"alt": "Display Employee Spotlight JavaScript Client-Side Web Part" "alt": "Display Employee Spotlight JavaScript Client-Side Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-employee-spotlight/assets/Employee-spotlight-options.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-employee-spotlight/assets/Employee-spotlight-options.png?raw=true",
"alt": "Display Employee Spotlight JavaScript Client-Side Web Part" "alt": "Display Employee Spotlight JavaScript Client-Side Web Part"
} }
], ],

2
samples/js-extend-gulp/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Integrating custom gulp tasks to SharePoint Framwork toolchain", "title": "Integrating custom gulp tasks to SharePoint Framwork toolchain",
"shortDescription": "SharePoint client-side development tools use gulp as the build process task runner to...", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-extend-gulp",
"longDescription": [ "longDescription": [
"SharePoint client-side development tools use gulp as the build process task runner to..." "SharePoint client-side development tools use gulp as the build process task runner to..."
], ],

2
samples/js-extend-webpack/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Extending webpack in the SharePoint Framework toolchain", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-extend-webpack",
"longDescription": [ "longDescription": [
"This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string." "This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string."
], ],

4
samples/js-gitHubBadge/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "GitHub Badge", "title": "GitHub Badge",
"shortDescription": "", "shortDescription": "",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-gitHubBadge", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-gitHubBadge",
"longDescription": [ "longDescription": [
"" ""
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-gitHubBadge/assets/1.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-gitHubBadge/assets/1.png",
"alt": "GitHub Badge" "alt": "GitHub Badge"
} }
], ],

2
samples/js-modern-calendar/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Modern Calendar", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar",
"longDescription": [ "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." "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."
], ],

4
samples/js-msgraph-thumbnail/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Thumbnail/preview of pages and files", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-msgraph-thumbnail",
"longDescription": [ "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." "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."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-msgraph-thumbnail/preview.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-msgraph-thumbnail/preview.gif",
"alt": "Thumbnail/preview of pages and files" "alt": "Thumbnail/preview of pages and files"
} }
], ],

12
samples/js-myflows/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "My Flows Web Part", "title": "My Flows Web Part",
"shortDescription": "Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-myflows",
"longDescription": [ "longDescription": [
"Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js" "Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js"
], ],
@ -32,31 +32,31 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-myflows/assets/Screenshot4.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-myflows/assets/Screenshot4.png",
"alt": "My Flows Web Part" "alt": "My Flows Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/MyFlows.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-myflows/assets/MyFlows.gif?raw=true",
"alt": "My Flows Web Part" "alt": "My Flows Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot1.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-myflows/assets/Screenshot1.png?raw=true",
"alt": "My Flows Web Part" "alt": "My Flows Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-myflows/assets/Screenshot2.png?raw=true",
"alt": "My Flows Web Part" "alt": "My Flows Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot3.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-myflows/assets/Screenshot3.png?raw=true",
"alt": "My Flows Web Part" "alt": "My Flows Web Part"
} }
], ],

4
samples/js-powerbi-embedded/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Embed a PowerBI report in a Client-Side Web Part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-powerbi-embedded",
"longDescription": [ "longDescription": [
"This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code." "This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-powerbi-embedded/assets/screenshot_powerbi_embedded_spfx.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-powerbi-embedded/assets/screenshot_powerbi_embedded_spfx.png",
"alt": "Embed a PowerBI report in a Client-Side Web Part" "alt": "Embed a PowerBI report in a Client-Side Web Part"
} }
], ],

6
samples/js-propertycontrols-svg/README.md
View File

@ -12,13 +12,13 @@ An SPFx web part that displays a Scalable Vector Graphics (SVG) image using prop
## Which PnP SPFx controls are being used in this sample? ## Which PnP SPFx controls are being used in this sample?
* [PropertyFieldSpinButton](https://github.com/SharePoint/sp-dev-fx-property-controls/wiki/PropertyFieldSpinButton) * [PropertyFieldSpinButton](https://github.com/pnp/sp-dev-fx-property-controls/wiki/PropertyFieldSpinButton)
* [PropertyFieldColorPicker](https://github.com/SharePoint/sp-dev-fx-property-controls/wiki/PropertyFieldColorPicker) * [PropertyFieldColorPicker](https://github.com/pnp/sp-dev-fx-property-controls/wiki/PropertyFieldColorPicker)
## Applies to ## Applies to
* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [sp-dev-fx-property-controls](https://github.com/SharePoint/sp-dev-fx-property-controls) * [sp-dev-fx-property-controls](https://github.com/pnp/sp-dev-fx-property-controls)
* [PnP Man](https://github.com/thechriskent/PnPMan) * [PnP Man](https://github.com/thechriskent/PnPMan)
## Solution ## Solution

6
samples/js-propertycontrols-svg/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "JS Property Controls SVG", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-propertycontrols-svg",
"longDescription": [ "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." "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."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.gif",
"alt": "JS Property Controls SVG" "alt": "JS Property Controls SVG"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.PNG?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.PNG?raw=true",
"alt": "JS Property Controls SVG" "alt": "JS Property Controls SVG"
} }
], ],

4
samples/js-public-unjoined-teams/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Public teams I\u0027m not a member of", "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).", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-public-unjoined-teams",
"longDescription": [ "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)." "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)."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-public-unjoined-teams/assets/js-public-unjoined-teams.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-public-unjoined-teams/assets/js-public-unjoined-teams.gif",
"alt": "Public teams I\u0027m not a member of" "alt": "Public teams I\u0027m not a member of"
} }
], ],

4
samples/js-skype-status/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "JavaScript Skype Status Web Part", "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", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-skype-status",
"longDescription": [ "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" "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"
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-skype-status/images/demo.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-skype-status/images/demo.gif",
"alt": "JavaScript Skype Status Web Part" "alt": "JavaScript Skype Status Web Part"
} }
], ],

2
samples/js-solution-editions/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Handling Multiple Editions of SPFx Solution", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-solution-editions",
"longDescription": [ "longDescription": [
"This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution." "This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution."
], ],

12
samples/js-theme-manager-2019/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Modern Experience Theme Manager 2019", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-theme-manager-2019",
"longDescription": [ "longDescription": [
"This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises." "This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises."
], ],
@ -28,31 +28,31 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager-2019/assets/apply-a-theme.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-theme-manager-2019/assets/apply-a-theme.png",
"alt": "Modern Experience Theme Manager 2019" "alt": "Modern Experience Theme Manager 2019"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-theme-manager-2019/assets/create-a-theme.png?raw=true",
"alt": "Modern Experience Theme Manager 2019" "alt": "Modern Experience Theme Manager 2019"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-theme-manager-2019/assets/delete-a-theme.png?raw=true",
"alt": "Modern Experience Theme Manager 2019" "alt": "Modern Experience Theme Manager 2019"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/theme-manager.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-theme-manager-2019/assets/theme-manager.png?raw=true",
"alt": "Modern Experience Theme Manager 2019" "alt": "Modern Experience Theme Manager 2019"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-theme-manager-2019/assets/update-a-theme.png?raw=true",
"alt": "Modern Experience Theme Manager 2019" "alt": "Modern Experience Theme Manager 2019"
} }
], ],

12
samples/js-theme-manager/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Modern Experience Theme Manager", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-theme-manager",
"longDescription": [ "longDescription": [
"This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online." "This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online."
], ],
@ -28,31 +28,31 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager/assets/create-a-theme.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-theme-manager/assets/create-a-theme.png",
"alt": "Modern Experience Theme Manager" "alt": "Modern Experience Theme Manager"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/apply-a-theme.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-theme-manager/assets/apply-a-theme.png?raw=true",
"alt": "Modern Experience Theme Manager" "alt": "Modern Experience Theme Manager"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/delete-a-theme.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-theme-manager/assets/delete-a-theme.png?raw=true",
"alt": "Modern Experience Theme Manager" "alt": "Modern Experience Theme Manager"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/theme-manager.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-theme-manager/assets/theme-manager.png?raw=true",
"alt": "Modern Experience Theme Manager" "alt": "Modern Experience Theme Manager"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/update-a-theme.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/js-theme-manager/assets/update-a-theme.png?raw=true",
"alt": "Modern Experience Theme Manager" "alt": "Modern Experience Theme Manager"
} }
], ],

4
samples/js-workbench-customizer/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Workbench customizer", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-workbench-customizer",
"longDescription": [ "longDescription": [
"This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page." "This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-workbench-customizer/assets/Preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/js-workbench-customizer/assets/Preview.png",
"alt": "Workbench customizer" "alt": "Workbench customizer"
} }
], ],

4
samples/knockout-dependent-properties/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Knockout Dependent Properties", "title": "Knockout Dependent Properties",
"shortDescription": "Sample Web Part illustrating...", "shortDescription": "Sample Web Part illustrating...",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/knockout-dependent-properties", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/knockout-dependent-properties",
"longDescription": [ "longDescription": [
"Sample Web Part illustrating..." "Sample Web Part illustrating..."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-dependent-properties/assets/dep-props.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/knockout-dependent-properties/assets/dep-props.png",
"alt": "Knockout Dependent Properties" "alt": "Knockout Dependent Properties"
} }
], ],

4
samples/knockout-sp-pnp-js/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Sample showing the use of @pnp/sp library with Knockoutjs", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/knockout-sp-pnp-js",
"longDescription": [ "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." "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."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-sp-pnp-js/assets/screenshot.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/knockout-sp-pnp-js/assets/screenshot.png",
"alt": "Sample showing the use of @pnp/sp library with Knockoutjs" "alt": "Sample showing the use of @pnp/sp library with Knockoutjs"
} }
], ],

4
samples/knockout-taxonomy/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Taxonomy Web Part", "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", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/knockout-taxonomy",
"longDescription": [ "longDescription": [
"Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components" "Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components"
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-taxonomy/assets/Taxonomy.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/knockout-taxonomy/assets/Taxonomy.png",
"alt": "Taxonomy Web Part" "alt": "Taxonomy Web Part"
} }
], ],

6
samples/pnp-controls/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "SharePoint Framework PnP Controls Sample", "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", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/pnp-controls",
"longDescription": [ "longDescription": [
"This is a sample project that contains a web part which makes use of the PnP SPFx Controls" "This is a sample project that contains a web part which makes use of the PnP SPFx Controls"
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/pnp-controls/assets/webpart-outcome.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/pnp-controls/assets/webpart-outcome.gif",
"alt": "SharePoint Framework PnP Controls Sample" "alt": "SharePoint Framework PnP Controls Sample"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/pnp-controls/assets/documents.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/pnp-controls/assets/documents.png?raw=true",
"alt": "SharePoint Framework PnP Controls Sample" "alt": "SharePoint Framework PnP Controls Sample"
} }
], ],

2
samples/react-3rd-party-api/README.md
View File

@ -34,7 +34,7 @@ To build and run this client-side project, you will need to clone and build the
Clone this repo by executing the following command in your console: Clone this repo by executing the following command in your console:
``` ```
git clone https://github.com/SharePoint/sp-dev-fx-webparts.git git clone https://github.com/pnp/sp-dev-fx-webparts.git
``` ```
Navigate to the cloned repo folder which should be the same as the repo name: Navigate to the cloned repo folder which should be the same as the repo name:

4
samples/react-3rd-party-api/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-3rd-party-api",
"longDescription": [ "longDescription": [
"This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework." "This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/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" "alt": "Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework"
} }
], ],

6
samples/react-Edit-ApplicationCustomizer/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Edit Application Customizers", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-edit-applicationcustomizer",
"longDescription": [ "longDescription": [
"This web part will allow users to view/update application customizers properties across any web where the current user has access to." "This web part will allow users to view/update application customizers properties across any web where the current user has access to."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-Edit-ApplicationCustomizer/assets/react-all-applicationcustomizers.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-Edit-ApplicationCustomizer/assets/react-all-applicationcustomizers.gif?raw=true",
"alt": "Edit Application Customizers" "alt": "Edit Application Customizers"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-edit-applicationcustomizer/assets/react-all-applicationcustomizers.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-edit-applicationcustomizer/assets/react-all-applicationcustomizers.gif?raw=true",
"alt": "Edit Application Customizers" "alt": "Edit Application Customizers"
} }
], ],

4
samples/react-aad-implicitflow/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Azure Active Directory implicit flow authentication samples", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-aad-implicitflow",
"longDescription": [ "longDescription": [
"Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory." "Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-implicitflow/assets/upcoming-meetings-preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-aad-implicitflow/assets/upcoming-meetings-preview.png",
"alt": "Azure Active Directory implicit flow authentication samples" "alt": "Azure Active Directory implicit flow authentication samples"
} }
], ],

4
samples/react-aad-webapi/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Call custom Web API secured with AAD from SharePoint Framework client-side web part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-aad-webapi",
"longDescription": [ "longDescription": [
"Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory." "Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-webapi/assets/preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-aad-webapi/assets/preview.png",
"alt": "Call custom Web API secured with AAD from SharePoint Framework client-side web part" "alt": "Call custom Web API secured with AAD from SharePoint Framework client-side web part"
} }
], ],

2
samples/react-accordion-dynamic-section/README.md
View File

@ -2,7 +2,7 @@
## Summary ## Summary
- This sample is based on [Erik Benke](https://github.com/ejbenke) and [Mike Zimmerman](https://github.com/mikezimm)'s [Accordion Section FAQ Builder web part](https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-accordion-section). It adds extended support for single FAQs list based on Category and dynamic properties selection. - This sample is based on [Erik Benke](https://github.com/ejbenke) and [Mike Zimmerman](https://github.com/mikezimm)'s [Accordion Section FAQ Builder web part](https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-accordion-section). It adds extended support for single FAQs list based on Category and dynamic properties selection.
- Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. - Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab.
- Ideal for displaying FAQs. - Ideal for displaying FAQs.
- When adding the web part, you'll be prompted to select a list from a property panel dropdown (target list must be created with FAQ type Question and Answer.). - When adding the web part, you'll be prompted to select a list from a property panel dropdown (target list must be created with FAQ type Question and Answer.).

10
samples/react-accordion-dynamic-section/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Dynamic Accordion - FAQ Builder web part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-accordion-dynamic-section",
"longDescription": [ "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." "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."
], ],
@ -32,25 +32,25 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/react-accordion-section.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-accordion-dynamic-section/assets/react-accordion-section.gif",
"alt": "Dynamic Accordion - FAQ Builder web part" "alt": "Dynamic Accordion - FAQ Builder web part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/AccordionSettings1.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-accordion-dynamic-section/assets/AccordionSettings1.png?raw=true",
"alt": "Dynamic Accordion - FAQ Builder web part" "alt": "Dynamic Accordion - FAQ Builder web part"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/AccordionSettings2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-accordion-dynamic-section/assets/AccordionSettings2.png?raw=true",
"alt": "Dynamic Accordion - FAQ Builder web part" "alt": "Dynamic Accordion - FAQ Builder web part"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/FAQsList.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-accordion-dynamic-section/assets/FAQsList.png?raw=true",
"alt": "Dynamic Accordion - FAQ Builder web part" "alt": "Dynamic Accordion - FAQ Builder web part"
} }
], ],

8
samples/react-accordion-section/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Accordion Section FAQ Builder", "title": "Accordion Section FAQ Builder",
"shortDescription": "Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-accordion-section",
"longDescription": [ "longDescription": [
"Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs." "Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs."
], ],
@ -32,19 +32,19 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-section/assets/react-accordion-section.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-accordion-section/assets/react-accordion-section.gif",
"alt": "Accordion Section FAQ Builder" "alt": "Accordion Section FAQ Builder"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-section/assets/AccordionSettings.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-accordion-section/assets/AccordionSettings.png?raw=true",
"alt": "Accordion Section FAQ Builder" "alt": "Accordion Section FAQ Builder"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-section/assets/ListForAccordion.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-accordion-section/assets/ListForAccordion.png?raw=true",
"alt": "Accordion Section FAQ Builder" "alt": "Accordion Section FAQ Builder"
} }
], ],

6
samples/react-accordion/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Accordion Web Part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-accordion",
"longDescription": [ "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." "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."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion/assets/previewAccordion.PNG", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-accordion/assets/previewAccordion.PNG",
"alt": "Accordion Web Part" "alt": "Accordion Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion/assets/AccordionPreview.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-accordion/assets/AccordionPreview.png?raw=true",
"alt": "Accordion Web Part" "alt": "Accordion Web Part"
} }
], ],

10
samples/react-adaptive-cards-image-gallery/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Image Gallery Web Part Built with Adaptive Cards", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-adaptive-cards-image-gallery",
"longDescription": [ "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." "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."
], ],
@ -28,25 +28,25 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptive-cards-image-gallery/assets/sharepoint-run.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-adaptive-cards-image-gallery/assets/sharepoint-run.gif",
"alt": "Image Gallery Web Part Built with Adaptive Cards" "alt": "Image Gallery Web Part Built with Adaptive Cards"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptive-cards-image-gallery/assets/list-sample-data.png?raw=true",
"alt": "Image Gallery Web Part Built with Adaptive Cards" "alt": "Image Gallery Web Part Built with Adaptive Cards"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptive-cards-image-gallery/assets/list-schema.png?raw=true",
"alt": "Image Gallery Web Part Built with Adaptive Cards" "alt": "Image Gallery Web Part Built with Adaptive Cards"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptive-cards-image-gallery/assets/webpart-preview.png?raw=true",
"alt": "Image Gallery Web Part Built with Adaptive Cards" "alt": "Image Gallery Web Part Built with Adaptive Cards"
} }
], ],

2
samples/react-adaptivecards-hooks/README.md
View File

@ -2,7 +2,7 @@
## Summary ## Summary
A version of [react-adaptivecards](https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-adaptivecards) using React Hooks. A version of [react-adaptivecards](https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-adaptivecards) using React Hooks.
![Adaptive Cards in SharePoint](assets/preview.png) ![Adaptive Cards in SharePoint](assets/preview.png)

4
samples/react-adaptivecards-hooks/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Adaptive Cards Viewer using Hooks", "title": "Adaptive Cards Viewer using Hooks",
"shortDescription": "A version of react-adaptivecards using React 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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-adaptivecards-hooks",
"longDescription": [ "longDescription": [
"A version of react-adaptivecards using React Hooks." "A version of react-adaptivecards using React Hooks."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards-hooks/assets/preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-adaptivecards-hooks/assets/preview.png",
"alt": "Adaptive Cards Viewer using Hooks" "alt": "Adaptive Cards Viewer using Hooks"
} }
], ],

36
samples/react-adaptivecards/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Adaptive Cards Host", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-adaptivecards",
"longDescription": [ "longDescription": [
"This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications." "This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications."
], ],
@ -32,103 +32,103 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards/assets/AdaptiveCardsHostAllSamples.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-adaptivecards/assets/AdaptiveCardsHostAllSamples.gif",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/AdaptiveCardHostRendering.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/AdaptiveCardHostRendering.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/AdaptiveCardsHost.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/AdaptiveCardsHost.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/BackgroundColors.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/BackgroundColors.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DataContext.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/DataContext.png?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DependentControls.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/DependentControls.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "order": 106,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DevTools.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/DevTools.png?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 107, "order": 107,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/EnableTemplating.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/EnableTemplating.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 108, "order": 108,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/ErrorHandling.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/ErrorHandling.png?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 109, "order": 109,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SampleDataEditor.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/SampleDataEditor.png?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 110, "order": 110,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SelectLibrary.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/SelectLibrary.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 111, "order": 111,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SharePointHost.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/SharePointHost.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 112, "order": 112,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/Templating.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/Templating.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 113, "order": 113,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/TemplatingDetection.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/TemplatingDetection.png?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 114, "order": 114,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/TemplatingSamples.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/TemplatingSamples.gif?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 115, "order": 115,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/UIFabric.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/UIFabric.png?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
}, },
{ {
"type": "image", "type": "image",
"order": 116, "order": 116,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/YouNeedData.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-adaptivecards/assets/YouNeedData.png?raw=true",
"alt": "Adaptive Cards Host" "alt": "Adaptive Cards Host"
} }
], ],

4
samples/react-add-js-css-ref/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Add JS and CSS reference on Modern Pages", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-add-js-css-ref",
"longDescription": [ "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." "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."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-add-js-css-ref/assets/webpartinaction.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-add-js-css-ref/assets/webpartinaction.gif",
"alt": "Add JS and CSS reference on Modern Pages" "alt": "Add JS and CSS reference on Modern Pages"
} }
], ],

4
samples/react-admin-sc-catalog-pnpjs/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Site Collection App Catalogs", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-admin-sc-catalog-pnpjs",
"longDescription": [ "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." "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."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-admin-sc-catalog-pnpjs/assets/react-admin-sc-catalog-pnpjs-webpart-animated.gif",
"alt": "Site Collection App Catalogs" "alt": "Site Collection App Catalogs"
} }
], ],

8
samples/react-advanced-page-properties/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Advanced Page Properties", "title": "Advanced Page Properties",
"shortDescription": "Replicates the functionality of Page Properties with improvements", "shortDescription": "Replicates the functionality of Page Properties with improvements",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-advanced-page-properties", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-advanced-page-properties",
"longDescription": [ "longDescription": [
"Attempts to replicate the functionality of Page Properties with the following improvements:", "Attempts to replicate the functionality of Page Properties with the following improvements:",
"- Support for theme variants", "- Support for theme variants",
@ -34,19 +34,19 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-advanced-page-properties/assets/diff-screencap.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-advanced-page-properties/assets/diff-screencap.png",
"alt": "Web part in action" "alt": "Web part in action"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-advanced-page-properties/assets/props.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-advanced-page-properties/assets/props.gif",
"alt": "Web part in action" "alt": "Web part in action"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-advanced-page-properties/assets/add-to-page.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-advanced-page-properties/assets/add-to-page.png",
"alt": "Adding to a page" "alt": "Adding to a page"
} }
], ],

4
samples/react-aggregated-calendar/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Aggregated Calendar Web part", "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", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-aggregated-calendar",
"longDescription": [ "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" "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"
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aggregated-calendar/assets/react-aggregated-calendar.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-aggregated-calendar/assets/react-aggregated-calendar.gif",
"alt": "Aggregated Calendar Web part" "alt": "Aggregated Calendar Web part"
} }
], ],

6
samples/react-app-settings/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "App settings web part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-app-settings",
"longDescription": [ "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." "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."
], ],
@ -32,13 +32,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-app-settings/assets/app-settings-class.PNG", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-app-settings/assets/app-settings-class.PNG",
"alt": "App settings web part" "alt": "App settings web part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-app-settings/assets/spfx-appSettings-json.PNG?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-app-settings/assets/spfx-appSettings-json.PNG?raw=true",
"alt": "App settings web part" "alt": "App settings web part"
} }
], ],

4
samples/react-appinsights-dashboard/README.md
View File

@ -22,8 +22,8 @@ This web part displays different statistics data captured in the **Azure Applica
## Pre-requisites ## Pre-requisites
**Azure Application Insights** has to be configured. If you want to track the **SharePoint Online** web parts and pages, please use either of the following **Application Customizer** or you can use your own extensions to track the pages and other components. **Azure Application Insights** has to be configured. If you want to track the **SharePoint Online** web parts and pages, please use either of the following **Application Customizer** or you can use your own extensions to track the pages and other components.
* [Injecting JavaScript with SharePoint Framework Extensions - Azure Application Insights](https://github.com/pnp/sp-dev-fx-extensions/tree/master/samples/js-application-appinsights) * [Injecting JavaScript with SharePoint Framework Extensions - Azure Application Insights](https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-appinsights)
* [JS Application AppInsights Advanced](https://github.com/pnp/sp-dev-fx-extensions/tree/master/samples/js-application-appinsights-advanced) * [JS Application AppInsights Advanced](https://github.com/pnp/sp-dev-fx-extensions/tree/main/samples/js-application-appinsights-advanced)
Following are required to access the data using **[App Insights API](https://dev.applicationinsights.io/)**. The API has been provided in a very simple way with **[API Explorer](https://dev.applicationinsights.io/apiexplorer)** for the developers to play around the API to understand the schema and the methods that can used. Following are required to access the data using **[App Insights API](https://dev.applicationinsights.io/)**. The API has been provided in a very simple way with **[API Explorer](https://dev.applicationinsights.io/apiexplorer)** for the developers to play around the API to understand the schema and the methods that can used.
* **Application ID** of the Application Insights * **Application ID** of the Application Insights

14
samples/react-appinsights-dashboard/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "React AppInsights Dashboard", "title": "React AppInsights Dashboard",
"shortDescription": "This web part displays different statistics data captured in the Azure Application Insights in a graphical representation.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-appinsights-dashboard",
"longDescription": [ "longDescription": [
"This web part displays different statistics data captured in the Azure Application Insights in a graphical representation." "This web part displays different statistics data captured in the Azure Application Insights in a graphical representation."
], ],
@ -32,37 +32,37 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-appinsights-dashboard/assets/AppInsights_Dashboard.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-appinsights-dashboard/assets/AppInsights_Dashboard.gif",
"alt": "React AppInsights Dashboard" "alt": "React AppInsights Dashboard"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/AppInsights_APIAccess.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-appinsights-dashboard/assets/AppInsights_APIAccess.png?raw=true",
"alt": "React AppInsights Dashboard" "alt": "React AppInsights Dashboard"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/AppInsights_APIKey.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-appinsights-dashboard/assets/AppInsights_APIKey.png?raw=true",
"alt": "React AppInsights Dashboard" "alt": "React AppInsights Dashboard"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/PageStatistics.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-appinsights-dashboard/assets/PageStatistics.png?raw=true",
"alt": "React AppInsights Dashboard" "alt": "React AppInsights Dashboard"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/PerformanceStatistics.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-appinsights-dashboard/assets/PerformanceStatistics.png?raw=true",
"alt": "React AppInsights Dashboard" "alt": "React AppInsights Dashboard"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/UserStatistics.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-appinsights-dashboard/assets/UserStatistics.png?raw=true",
"alt": "React AppInsights Dashboard" "alt": "React AppInsights Dashboard"
} }
], ],

8
samples/react-async-await-sp-pnp-js/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Using @pnp/js with Async / Await", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-async-await-sp-pnp-js",
"longDescription": [ "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." "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."
], ],
@ -28,19 +28,19 @@
{ {
"type": "image", "type": "image",
"order": 100, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-async-await-sp-pnp-js/assets/async-await-sp-pnp-js.png",
"alt": "Using @pnp/js with Async / Await" "alt": "Using @pnp/js with Async / Await"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-async-await-sp-pnp-js/assets/async-await-sp-pnp-js-2.png?raw=true",
"alt": "Using @pnp/js with Async / Await" "alt": "Using @pnp/js with Async / Await"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-async-await-sp-pnp-js/assets/pnp-js-logging-spfx.png?raw=true",
"alt": "Using @pnp/js with Async / Await" "alt": "Using @pnp/js with Async / Await"
} }
], ],

4
samples/react-avatar/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "SPFx Avatar", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-avatar",
"longDescription": [ "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." "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."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-avatar/assets/reactAvatarOutcome.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-avatar/assets/reactAvatarOutcome.gif",
"alt": "SPFx Avatar" "alt": "SPFx Avatar"
} }
], ],

2
samples/react-azfunc-vimeo/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Local Azure Function and SPFx Web Part Development to consume third party APIs", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-azfunc-vimeo",
"longDescription": [ "longDescription": [
"This sample shows how to consume third-party APIs through an Azure Functions by a Web Part." "This sample shows how to consume third-party APIs through an Azure Functions by a Web Part."
], ],

8
samples/react-banner/README.md
View File

@ -1,6 +1,6 @@
# Banner web part # Banner web part
> NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/banner. > NOTE: This sample is available in the [PnP Starter Kit](https://github.com/pnp/sp-starter-kit). You can find the sample code for this web part at https://github.com/pnp/sp-starter-kit/tree/master/solution/src/webparts/banner.
This web part provides you the ability to add a variable height image banner with a linkable title. This web part provides you the ability to add a variable height image banner with a linkable title.
@ -28,9 +28,9 @@ The `Banner` web part can be configured with the following properties:
## Installing the web part ## Installing the web part
See getting started from [SP-Starter-Kit repository readme](https://github.com/SharePoint/sp-starter-kit). See getting started from [SP-Starter-Kit repository readme](https://github.com/pnp/sp-starter-kit).
You can also download just the [SharePoint Framework solution package (spppkg) file](https://github.com/SharePoint/sp-starter-kit/blob/master/package/sharepoint-starter-kit.sppkg) and install that to your tenant. This web part does not have external dependencies. You can also download just the [SharePoint Framework solution package (spppkg) file](https://github.com/pnp/sp-starter-kit/blob/master/package/sharepoint-starter-kit.sppkg) and install that to your tenant. This web part does not have external dependencies.
## Screenshots ## Screenshots
@ -38,7 +38,7 @@ You can also download just the [SharePoint Framework solution package (spppkg) f
## Source Code ## Source Code
https://github.com/SharePoint/sp-starter-kit/tree/master/solution/src/webparts/banner https://github.com/pnp/sp-starter-kit/tree/master/solution/src/webparts/banner
## Minimal Path to Awesome ## Minimal Path to Awesome

2
samples/react-banner/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Banner Web Part", "title": "Banner Web Part",
"shortDescription": "This web part provides you the ability to add a variable height image banner with a linkable title.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-banner",
"longDescription": [ "longDescription": [
"This web part provides you the ability to add a variable height image banner with a linkable title." "This web part provides you the ability to add a variable height image banner with a linkable title."
], ],

64
samples/react-birthdays/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Birthdays Web Part", "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", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-birthdays",
"longDescription": [ "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" "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"
], ],
@ -32,187 +32,187 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-birthdays/assets/birthdays.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-birthdays/assets/birthdays.gif",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/ballonsBackgroud.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/ballonsBackgroud.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/baloons.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/baloons.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/birthdays.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/birthdays.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/birthdays2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/birthdays2.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "order": 106,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof1.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof1.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 107, "order": 107,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof10.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof10.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 108, "order": 108,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof11.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof11.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 109, "order": 109,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof12.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof12.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 110, "order": 110,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof14.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof14.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 111, "order": 111,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof14_1.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof14_1.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 112, "order": 112,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof17.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof17.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 113, "order": 113,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof18.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof18.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 114, "order": 114,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof181.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof181.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 115, "order": 115,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof19.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof19.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 116, "order": 116,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof2.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 117, "order": 117,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof20.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof20.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 118, "order": 118,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof21.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof21.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 119, "order": 119,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof22.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof22.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 120, "order": 120,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof24.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof24.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 121, "order": 121,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof28.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof28.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 122, "order": 122,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof29.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof29.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 123, "order": 123,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof3.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof3.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 124, "order": 124,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof30.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof30.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 125, "order": 125,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof4.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof4.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 126, "order": 126,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof5.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof5.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 127, "order": 127,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof6.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof6.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 128, "order": 128,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof7.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof7.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 129, "order": 129,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof8.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof8.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 130, "order": 130,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof9.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-birthdays/assets/cof9.png?raw=true",
"alt": "Birthdays Web Part" "alt": "Birthdays Web Part"
} }
], ],

6
samples/react-bot-framework-secure/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Secure Bot Framework", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-bot-framework-secure",
"longDescription": [ "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." "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."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-bot-framework-secure/assets/sp-wp-secure.gif",
"alt": "Secure Bot Framework" "alt": "Secure Bot Framework"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework-secure/assets/EnhancedAuth.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-bot-framework-secure/assets/EnhancedAuth.png?raw=true",
"alt": "Secure Bot Framework" "alt": "Secure Bot Framework"
} }
], ],

8
samples/react-bot-framework-sso/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Single-Sign On Bot Framework", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-bot-framework-sso",
"longDescription": [ "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." "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."
], ],
@ -28,19 +28,19 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-bot-framework-secure/assets/sp-wp-secure.gif",
"alt": "Single-Sign On Bot Framework" "alt": "Single-Sign On Bot Framework"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework-sso/assets/EnhancedAuth.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-bot-framework-sso/assets/EnhancedAuth.png?raw=true",
"alt": "Single-Sign On Bot Framework" "alt": "Single-Sign On Bot Framework"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-bot-framework-sso/assets/sp-wp-sso.gif?raw=true",
"alt": "Single-Sign On Bot Framework" "alt": "Single-Sign On Bot Framework"
} }
], ],

14
samples/react-bot-framework/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Microsoft Bot Framework Web Chat", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-bot-framework",
"longDescription": [ "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." "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."
], ],
@ -28,37 +28,37 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework/assets/bot-frameworkv4-webpart-preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-bot-framework/assets/bot-frameworkv4-webpart-preview.png",
"alt": "Microsoft Bot Framework Web Chat" "alt": "Microsoft Bot Framework Web Chat"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/add-another-channel.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-bot-framework/assets/add-another-channel.png?raw=true",
"alt": "Microsoft Bot Framework Web Chat" "alt": "Microsoft Bot Framework Web Chat"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-bot-framework/assets/bf-add-directline-channel.png?raw=true",
"alt": "Microsoft Bot Framework Web Chat" "alt": "Microsoft Bot Framework Web Chat"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-bot-framework/assets/bf-configure-directline-secret.png?raw=true",
"alt": "Microsoft Bot Framework Web Chat" "alt": "Microsoft Bot Framework Web Chat"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-bot-framework/assets/bot-framework-configure-direct-line-secret.png?raw=true",
"alt": "Microsoft Bot Framework Web Chat" "alt": "Microsoft Bot Framework Web Chat"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-bot-framework/assets/bot-framework-webpart-preview.png?raw=true",
"alt": "Microsoft Bot Framework Web Chat" "alt": "Microsoft Bot Framework Web Chat"
} }
], ],

4
samples/react-calendar-feed/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Calendar Feed Web Part", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-calendar-feed",
"longDescription": [ "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." "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."
], ],
@ -32,7 +32,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar-feed/assets/react-calendar-feed-demo.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-calendar-feed/assets/react-calendar-feed-demo.gif",
"alt": "Calendar Feed Web Part" "alt": "Calendar Feed Web Part"
} }
], ],

44
samples/react-calendar/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Calendar", "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.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-calendar",
"longDescription": [ "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." "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."
], ],
@ -32,127 +32,127 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar/assets/animatevideo.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-calendar/assets/animatevideo.gif",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/calendar_teams.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/calendar_teams.jpg?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/calendar_teams2.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/calendar_teams2.jpg?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/modercalendar_monthly.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/modercalendar_monthly.gif?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/moderncalendar_yearly.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/moderncalendar_yearly.gif?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.0.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen1.0.jpg?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "order": 106,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.0.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen1.0.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 107, "order": 107,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.1.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen1.1.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 108, "order": 108,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen1.2.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 109, "order": 109,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.3.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen1.3.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 110, "order": 110,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.4.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen1.4.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 111, "order": 111,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen1.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 112, "order": 112,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen2.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 113, "order": 113,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen3.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen3.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 114, "order": 114,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen4.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen4.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 115, "order": 115,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen5.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen5.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 116, "order": 116,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen6.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen6.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 117, "order": 117,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen7.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen7.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 118, "order": 118,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen8.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen8.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 119, "order": 119,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen9.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/screen9.png?raw=true",
"alt": "Calendar" "alt": "Calendar"
}, },
{ {
"type": "image", "type": "image",
"order": 120, "order": 120,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/weekly_moderncalendar.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-calendar/assets/weekly_moderncalendar.gif?raw=true",
"alt": "Calendar" "alt": "Calendar"
} }
], ],

4
samples/react-carousel/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Carousel Web Part", "title": "Carousel Web Part",
"shortDescription": "This web part show images and videos in carousel", "shortDescription": "This web part show images and videos in carousel",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-carousel", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-carousel",
"longDescription": [ "longDescription": [
"This web part show images and videos in carousel" "This web part show images and videos in carousel"
], ],
@ -32,7 +32,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-carousel/assets/carousel.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-carousel/assets/carousel.gif",
"alt": "Carousel Web Part" "alt": "Carousel Web Part"
} }
], ],

2
samples/react-chartcontrol/README.md
View File

@ -8,7 +8,7 @@ This sample contains several web parts that demonstrate how to use the ChartCont
The web parts in this sample are not intended to be used in production -- they simply demonstrate how you would use all the capabilities of the ChartControl. The web parts in this sample are not intended to be used in production -- they simply demonstrate how you would use all the capabilities of the ChartControl.
> **NOTE:** If you are looking for a ready-to-use web part, please look into [joelfmrodrigues' cool react-modern-charts sample](https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-modern-charts), which was built without the `ChartControl`. > **NOTE:** If you are looking for a ready-to-use web part, please look into [joelfmrodrigues' cool react-modern-charts sample](https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-modern-charts), which was built without the `ChartControl`.
## About the samples ## About the samples

40
samples/react-chartcontrol/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Chart Control Samples", "title": "Chart Control Samples",
"shortDescription": "This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react.", "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", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-chartcontrol",
"longDescription": [ "longDescription": [
"This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react." "This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react."
], ],
@ -28,115 +28,115 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-chartcontrol/assets/WebPartList.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-chartcontrol/assets/WebPartList.png",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/AccessibleChart.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/AccessibleChart.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/AreaChart.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/AreaChart.gif?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BarChart.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/BarChart.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BarChartStatic.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/BarChartStatic.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BubbleChart.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/BubbleChart.gif?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "order": 106,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/Chartinator.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/Chartinator.gif?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 107, "order": 107,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/ComboBar.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/ComboBar.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 108, "order": 108,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/CustomPlugin.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/CustomPlugin.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 109, "order": 109,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DoughnutPatterns.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/DoughnutPatterns.gif?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 110, "order": 110,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DynamicDataCallable.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/DynamicDataCallable.gif?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 111, "order": 111,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DynamicDataConsumer.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/DynamicDataConsumer.gif?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 112, "order": 112,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/HorizontalBarChart.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/HorizontalBarChart.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 113, "order": 113,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/LineChart.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/LineChart.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 114, "order": 114,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/PieChart.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/PieChart.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 115, "order": 115,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/PolarChart.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/PolarChart.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 116, "order": 116,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/RadarChart.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/RadarChart.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 117, "order": 117,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/RealTime.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/RealTime.gif?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
}, },
{ {
"type": "image", "type": "image",
"order": 118, "order": 118,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/ScatterChart.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-chartcontrol/assets/ScatterChart.png?raw=true",
"alt": "Chart Control Samples" "alt": "Chart Control Samples"
} }
], ],

4
samples/react-check-flows/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Check Flows", "title": "Check Flows",
"shortDescription": "This web part lists all the automated Flows associated with a SharePoint List/ Library. Basic flow information like Flow Name, Flow Trigger, Flow shared Type and Flow URL are displayed.", "shortDescription": "This web part lists all the automated Flows associated with a SharePoint List/ Library. Basic flow information like Flow Name, Flow Trigger, Flow shared Type and Flow URL are displayed.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-check-flows", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-check-flows",
"longDescription": [ "longDescription": [
"This web part lists all the automated Flows associated with a SharePoint List/ Library. Basic flow information like Flow Name, Flow Trigger, Flow shared Type and Flow URL are displayed." "This web part lists all the automated Flows associated with a SharePoint List/ Library. Basic flow information like Flow Name, Flow Trigger, Flow shared Type and Flow URL are displayed."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-check-flows/assets/CheckFlows.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-check-flows/assets/CheckFlows.gif",
"alt": "Check Flows" "alt": "Check Flows"
} }
], ],

4
samples/react-check-user-group/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Check User Group", "title": "Check User Group",
"shortDescription": "This web part finds all the Office 365 or AAD Security groups a user is a member of or all the members present in such a group. It can be used as an admin utility to quickly check the membership of any user or group from within a SharePoint page itself. The retrieved results can also be exported to a CSV file.", "shortDescription": "This web part finds all the Office 365 or AAD Security groups a user is a member of or all the members present in such a group. It can be used as an admin utility to quickly check the membership of any user or group from within a SharePoint page itself. The retrieved results can also be exported to a CSV file.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-check-user-group", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-check-user-group",
"longDescription": [ "longDescription": [
"This web part finds all the Office 365 or AAD Security groups a user is a member of or all the members present in such a group. It can be used as an admin utility to quickly check the membership of any user or group from within a SharePoint page itself. The retrieved results can also be exported to a CSV file." "This web part finds all the Office 365 or AAD Security groups a user is a member of or all the members present in such a group. It can be used as an admin utility to quickly check the membership of any user or group from within a SharePoint page itself. The retrieved results can also be exported to a CSV file."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-check-user-group/assets/CheckUserGroup.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-check-user-group/assets/CheckUserGroup.gif",
"alt": "Check User Group" "alt": "Check User Group"
} }
], ],

22
samples/react-comparer/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Comparer with File Picker", "title": "Comparer with File Picker",
"shortDescription": "Allows users to compare Before and After pictures, with a draggable slider. Implements a custom file picker.", "shortDescription": "Allows users to compare Before and After pictures, with a draggable slider. Implements a custom file picker.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-comparer", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-comparer",
"longDescription": [ "longDescription": [
"Allows users to compare Before and After pictures, with a draggable slider. Implements a custom file picker." "Allows users to compare Before and After pictures, with a draggable slider. Implements a custom file picker."
], ],
@ -28,61 +28,61 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-comparer/assets/ComparerWebPart.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-comparer/assets/ComparerWebPart.gif",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/FluentSlider.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/FluentSlider.gif?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/FromLinkTab.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/FromLinkTab.gif?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/OneDriveTab.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/OneDriveTab.gif?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/RecentTab.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/RecentTab.gif?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/SitesTab.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/SitesTab.gif?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "order": 106,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/UploadTab.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/UploadTab.gif?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 107, "order": 107,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/WebSearch.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/WebSearch.gif?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 108, "order": 108,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/WebSearchNoAPI.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/WebSearchNoAPI.png?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
}, },
{ {
"type": "image", "type": "image",
"order": 109, "order": 109,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/WebSearchTab.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-comparer/assets/WebSearchTab.gif?raw=true",
"alt": "Comparer with File Picker" "alt": "Comparer with File Picker"
} }
], ],

4
samples/react-components-dynamicloading/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Code Splitting in SharePoint Framework", "title": "Code Splitting in SharePoint Framework",
"shortDescription": "Load React components and third party packages on demand in SPFx", "shortDescription": "Load React components and third party packages on demand in SPFx",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-components-dynamicloading", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-components-dynamicloading",
"longDescription": [ "longDescription": [
"Load React components and third party packages on demand in SPFx" "Load React components and third party packages on demand in SPFx"
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-components-dynamicloading/assets/cs3.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-components-dynamicloading/assets/cs3.gif",
"alt": "Code Splitting in SharePoint Framework" "alt": "Code Splitting in SharePoint Framework"
} }
], ],

26
samples/react-content-query-online/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Content Query Web Part (SharePoint Online)", "title": "Content Query Web Part (SharePoint Online)",
"shortDescription": "The React Content Query Web Part is a modern version of the good old Content by Query Web Part that was introduced in SharePoint 2007. Built for SharePoint Online, this modern version is built against the new SharePoint Framework (SPFx) and uses the latest Web Stack practices. While the original Web Part was based on a XSLT templating engine, this React Web Part is based on the well known Handlebars templating engine, which empowers users to create simple, yet powerfull HTML templates for rendering the queried content. This new version also lets the user query any site collections which resides on the same domain url, add unlimited filters, query DateTime fields to the nearest minute rather than being limited to a day, and much more.", "shortDescription": "The React Content Query Web Part is a modern version of the good old Content by Query Web Part that was introduced in SharePoint 2007. Built for SharePoint Online, this modern version is built against the new SharePoint Framework (SPFx) and uses the latest Web Stack practices. While the original Web Part was based on a XSLT templating engine, this React Web Part is based on the well known Handlebars templating engine, which empowers users to create simple, yet powerfull HTML templates for rendering the queried content. This new version also lets the user query any site collections which resides on the same domain url, add unlimited filters, query DateTime fields to the nearest minute rather than being limited to a day, and much more.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-content-query-online", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-content-query-online",
"longDescription": [ "longDescription": [
"The React Content Query Web Part is a modern version of the good old Content by Query Web Part that was introduced in SharePoint 2007. Built for SharePoint Online, this modern version is built against the new SharePoint Framework (SPFx) and uses the latest Web Stack practices. While the original Web Part was based on a XSLT templating engine, this React Web Part is based on the well known Handlebars templating engine, which empowers users to create simple, yet powerfull HTML templates for rendering the queried content. This new version also lets the user query any site collections which resides on the same domain url, add unlimited filters, query DateTime fields to the nearest minute rather than being limited to a day, and much more." "The React Content Query Web Part is a modern version of the good old Content by Query Web Part that was introduced in SharePoint 2007. Built for SharePoint Online, this modern version is built against the new SharePoint Framework (SPFx) and uses the latest Web Stack practices. While the original Web Part was based on a XSLT templating engine, this React Web Part is based on the well known Handlebars templating engine, which empowers users to create simple, yet powerfull HTML templates for rendering the queried content. This new version also lets the user query any site collections which resides on the same domain url, add unlimited filters, query DateTime fields to the nearest minute rather than being limited to a day, and much more."
], ],
@ -28,73 +28,73 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-content-query-online/assets/toolpart.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-content-query-online/assets/toolpart.gif",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/allsites.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/allsites.gif?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/allsites_v2.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/allsites_v2.gif?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/clearItemSelector.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/clearItemSelector.png?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/configureItemSelector.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/configureItemSelector.png?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/connectToSource.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/connectToSource.png?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "order": 106,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/datetime.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/datetime.gif?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 107, "order": 107,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/dynamicDataConnection.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/dynamicDataConnection.png?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 108, "order": 108,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/externalScripts.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/externalScripts.png?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 109, "order": 109,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/filters.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/filters.gif?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 110, "order": 110,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/itemSelectorTemplate.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/itemSelectorTemplate.png?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
}, },
{ {
"type": "image", "type": "image",
"order": 111, "order": 111,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/itemSelectorTemplateOutput.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-content-query-online/assets/itemSelectorTemplateOutput.png?raw=true",
"alt": "Content Query Web Part (SharePoint Online)" "alt": "Content Query Web Part (SharePoint Online)"
} }
], ],

4
samples/react-content-query-onprem/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Content Query Web Part (On-Premises SharePoint)", "title": "Content Query Web Part (On-Premises SharePoint)",
"shortDescription": "The React Content Query Web Part is a modern version of the good old Content by Query Web Part that was introduced in SharePoint 2007. Built for SharePoint 2016 and Office 365, this modern version is built against the new SharePoint Framework (SPFx) and uses the latest Web Stack practices. While the original Web Part was based on a XSLT templating engine, this React Web Part is based on the well known Handlebars templating engine, which empowers users to create simple, yet powerfull HTML templates for rendering the queried content. This new version also lets the user query any site collections which resides on the same domain url, add unlimited filters, query DateTime fields to the nearest minute rather than being limited to a day, and much more.", "shortDescription": "The React Content Query Web Part is a modern version of the good old Content by Query Web Part that was introduced in SharePoint 2007. Built for SharePoint 2016 and Office 365, this modern version is built against the new SharePoint Framework (SPFx) and uses the latest Web Stack practices. While the original Web Part was based on a XSLT templating engine, this React Web Part is based on the well known Handlebars templating engine, which empowers users to create simple, yet powerfull HTML templates for rendering the queried content. This new version also lets the user query any site collections which resides on the same domain url, add unlimited filters, query DateTime fields to the nearest minute rather than being limited to a day, and much more.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-content-query-onprem", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-content-query-onprem",
"longDescription": [ "longDescription": [
"The React Content Query Web Part is a modern version of the good old Content by Query Web Part that was introduced in SharePoint 2007. Built for SharePoint 2016 and Office 365, this modern version is built against the new SharePoint Framework (SPFx) and uses the latest Web Stack practices. While the original Web Part was based on a XSLT templating engine, this React Web Part is based on the well known Handlebars templating engine, which empowers users to create simple, yet powerfull HTML templates for rendering the queried content. This new version also lets the user query any site collections which resides on the same domain url, add unlimited filters, query DateTime fields to the nearest minute rather than being limited to a day, and much more." "The React Content Query Web Part is a modern version of the good old Content by Query Web Part that was introduced in SharePoint 2007. Built for SharePoint 2016 and Office 365, this modern version is built against the new SharePoint Framework (SPFx) and uses the latest Web Stack practices. While the original Web Part was based on a XSLT templating engine, this React Web Part is based on the well known Handlebars templating engine, which empowers users to create simple, yet powerfull HTML templates for rendering the queried content. This new version also lets the user query any site collections which resides on the same domain url, add unlimited filters, query DateTime fields to the nearest minute rather than being limited to a day, and much more."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-content-query-onprem/Misc/toolpart.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-content-query-onprem/Misc/toolpart.gif",
"alt": "Content Query Web Part (On-Premises SharePoint)" "alt": "Content Query Web Part (On-Premises SharePoint)"
} }
], ],

6
samples/react-covid19-info/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "COVID 19 information web part", "title": "COVID 19 information web part",
"shortDescription": "This web part displays info about the COVID-19 virus for a given country.", "shortDescription": "This web part displays info about the COVID-19 virus for a given country.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-covid19-info", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-covid19-info",
"longDescription": [ "longDescription": [
"This web part displays info about the COVID-19 virus for a given country." "This web part displays info about the COVID-19 virus for a given country."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-covid19-info/assets/covid-counter.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-covid19-info/assets/covid-counter.gif",
"alt": "COVID 19 information web part" "alt": "COVID 19 information web part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-covid19-info/assets/Langing-page-screenshot.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-covid19-info/assets/Langing-page-screenshot.png?raw=true",
"alt": "COVID 19 information web part" "alt": "COVID 19 information web part"
} }
], ],

4
samples/react-css-in-js-typestyle/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "CSS in JS with SharePoint Framework and TypeStyle", "title": "CSS in JS with SharePoint Framework and TypeStyle",
"shortDescription": "The web part demonstrates the usage of \u0022CSS in JS\u0022 pattern with SharePoint Framework. \u0022CSS in JS\u0022 is implemented using TypeStyle library.", "shortDescription": "The web part demonstrates the usage of \u0022CSS in JS\u0022 pattern with SharePoint Framework. \u0022CSS in JS\u0022 is implemented using TypeStyle library.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-css-in-js-typestyle", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-css-in-js-typestyle",
"longDescription": [ "longDescription": [
"The web part demonstrates the usage of \u0022CSS in JS\u0022 pattern with SharePoint Framework. \u0022CSS in JS\u0022 is implemented using TypeStyle library." "The web part demonstrates the usage of \u0022CSS in JS\u0022 pattern with SharePoint Framework. \u0022CSS in JS\u0022 is implemented using TypeStyle library."
], ],
@ -32,7 +32,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-css-in-js-typestyle/assets/dynamic-styles.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-css-in-js-typestyle/assets/dynamic-styles.gif",
"alt": "CSS in JS with SharePoint Framework and TypeStyle" "alt": "CSS in JS with SharePoint Framework and TypeStyle"
} }
], ],

10
samples/react-custom-links/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Custom Links", "title": "Custom Links",
"shortDescription": "In this web part you can full customize the background and foreground color, font size, width and height of links.", "shortDescription": "In this web part you can full customize the background and foreground color, font size, width and height of links.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-custom-links", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-custom-links",
"longDescription": [ "longDescription": [
"In this web part you can full customize the background and foreground color, font size, width and height of links." "In this web part you can full customize the background and foreground color, font size, width and height of links."
], ],
@ -40,25 +40,25 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-custom-links/assets/customlinks.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-custom-links/assets/customlinks.gif",
"alt": "Custom Links" "alt": "Custom Links"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-custom-links/assets/customLinks01.PNG?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-custom-links/assets/customLinks01.PNG?raw=true",
"alt": "Custom Links" "alt": "Custom Links"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-custom-links/assets/customLinks02.PNG?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-custom-links/assets/customLinks02.PNG?raw=true",
"alt": "Custom Links" "alt": "Custom Links"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-custom-links/assets/customlinks03.PNG?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-custom-links/assets/customlinks03.PNG?raw=true",
"alt": "Custom Links" "alt": "Custom Links"
} }
], ],

6
samples/react-custompropertypanecontrols/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Custom property pane controls", "title": "Custom property pane controls",
"shortDescription": "Sample custom property pane controls built in React for use with SharePoint Framework client-side web parts.", "shortDescription": "Sample custom property pane controls built in React for use with SharePoint Framework client-side web parts.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-custompropertypanecontrols", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-custompropertypanecontrols",
"longDescription": [ "longDescription": [
"Sample custom property pane controls built in React for use with SharePoint Framework client-side web parts." "Sample custom property pane controls built in React for use with SharePoint Framework client-side web parts."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-custompropertypanecontrols/assets/async-dropdown-preview.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-custompropertypanecontrols/assets/async-dropdown-preview.gif",
"alt": "Custom property pane controls" "alt": "Custom property pane controls"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-custompropertypanecontrols/assets/cascading-dropdown-preview.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-custompropertypanecontrols/assets/cascading-dropdown-preview.gif?raw=true",
"alt": "Custom property pane controls" "alt": "Custom property pane controls"
} }
], ],

4
samples/react-datatable/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Data Table", "title": "Data Table",
"shortDescription": "This web part provides easy way to render SharePoint custom list in data table view with all the necessary features.", "shortDescription": "This web part provides easy way to render SharePoint custom list in data table view with all the necessary features.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-datatable", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-datatable",
"longDescription": [ "longDescription": [
"This web part provides easy way to render SharePoint custom list in data table view with all the necessary features." "This web part provides easy way to render SharePoint custom list in data table view with all the necessary features."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-datatable/assets/preview.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-datatable/assets/preview.png",
"alt": "Data Table" "alt": "Data Table"
} }
], ],

4
samples/react-daterangepicker/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Date range picker in SPFx", "title": "Date range picker in SPFx",
"shortDescription": "This web part used the date range picker in the SharePoint Framework (SPFx) web part", "shortDescription": "This web part used the date range picker in the SharePoint Framework (SPFx) web part",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-daterangepicker", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-daterangepicker",
"longDescription": [ "longDescription": [
"This web part used the date range picker in the SharePoint Framework (SPFx) web part" "This web part used the date range picker in the SharePoint Framework (SPFx) web part"
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-daterangepicker/assets/daterange1.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-daterangepicker/assets/daterange1.png",
"alt": "Date range picker in SPFx" "alt": "Date range picker in SPFx"
} }
], ],

2
samples/react-designpatterns-typescript/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Design Patterns applied to Sharepoint Framework", "title": "Design Patterns applied to Sharepoint Framework",
"shortDescription": "In software engineering, a design pattern is a general repeatable solution to a commonly occurring problem in software design. A design pattern isn\u0027t a finished design that can be transformed directly into code. It is a description or template for how to solve a problem that can be used in many different situations.", "shortDescription": "In software engineering, a design pattern is a general repeatable solution to a commonly occurring problem in software design. A design pattern isn\u0027t a finished design that can be transformed directly into code. It is a description or template for how to solve a problem that can be used in many different situations.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-designpatterns-typescript", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-designpatterns-typescript",
"longDescription": [ "longDescription": [
"In software engineering, a design pattern is a general repeatable solution to a commonly occurring problem in software design. A design pattern isn\u0027t a finished design that can be transformed directly into code. It is a description or template for how to solve a problem that can be used in many different situations." "In software engineering, a design pattern is a general repeatable solution to a commonly occurring problem in software design. A design pattern isn\u0027t a finished design that can be transformed directly into code. It is a description or template for how to solve a problem that can be used in many different situations."
], ],

4
samples/react-dev-radar/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Dev-Radar for SharePoint Online", "title": "Dev-Radar for SharePoint Online",
"shortDescription": "The web part Use PnPjs library and Axios", "shortDescription": "The web part Use PnPjs library and Axios",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-dev-radar", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-dev-radar",
"longDescription": [ "longDescription": [
"The web part Use PnPjs library and Axios" "The web part Use PnPjs library and Axios"
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-dev-radar/dev-radar.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-dev-radar/dev-radar.png",
"alt": "Dev-Radar for SharePoint Online" "alt": "Dev-Radar for SharePoint Online"
} }
], ],

28
samples/react-directory/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Organization Directory Web Part", "title": "Organization Directory Web Part",
"shortDescription": "Search People from Organization Directory and show live persona card on hover.", "shortDescription": "Search People from Organization Directory and show live persona card on hover.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-directory", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-directory",
"longDescription": [ "longDescription": [
"Search People from Organization Directory and show live persona card on hover." "Search People from Organization Directory and show live persona card on hover."
], ],
@ -32,79 +32,79 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-directory/assets/react-directory7.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-directory/assets/react-directory7.png",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory-teams1.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory-teams1.jpg?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory-teams2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory-teams2.png?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory-teams3.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory-teams3.jpg?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory-withPaging.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory-withPaging.png?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory.jpg?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "order": 106,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory2.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory2.jpg?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 107, "order": 107,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory21.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory21.png?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 108, "order": 108,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory3.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory3.jpg?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 109, "order": 109,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory5.jpg?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory5.jpg?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 110, "order": 110,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory6.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory6.png?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 111, "order": 111,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory8.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory8.png?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
}, },
{ {
"type": "image", "type": "image",
"order": 112, "order": 112,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory9.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-directory/assets/react-directory9.png?raw=true",
"alt": "Organization Directory Web Part" "alt": "Organization Directory Web Part"
} }
], ],

12
samples/react-display-hierarchy/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Web part displaying hierarchical information from SharePoint list", "title": "Web part displaying hierarchical information from SharePoint list",
"shortDescription": "At the time of developing this sample, the Office 365 UI fabric does not have any control for displaying hierarchical information. This web part helps to display the hierarchical information from SharePoint list.", "shortDescription": "At the time of developing this sample, the Office 365 UI fabric does not have any control for displaying hierarchical information. This web part helps to display the hierarchical information from SharePoint list.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-display-hierarchy", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-display-hierarchy",
"longDescription": [ "longDescription": [
"At the time of developing this sample, the Office 365 UI fabric does not have any control for displaying hierarchical information. This web part helps to display the hierarchical information from SharePoint list." "At the time of developing this sample, the Office 365 UI fabric does not have any control for displaying hierarchical information. This web part helps to display the hierarchical information from SharePoint list."
], ],
@ -28,31 +28,31 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-display-hierarchy/assets/local-sharepoint-workbench-run.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-display-hierarchy/assets/local-sharepoint-workbench-run.png",
"alt": "Web part displaying hierarchical information from SharePoint list" "alt": "Web part displaying hierarchical information from SharePoint list"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-display-hierarchy/assets/list-sample-data.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-display-hierarchy/assets/list-sample-data.png?raw=true",
"alt": "Web part displaying hierarchical information from SharePoint list" "alt": "Web part displaying hierarchical information from SharePoint list"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-display-hierarchy/assets/list-schema.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-display-hierarchy/assets/list-schema.png?raw=true",
"alt": "Web part displaying hierarchical information from SharePoint list" "alt": "Web part displaying hierarchical information from SharePoint list"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-display-hierarchy/assets/sharepoint-run.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-display-hierarchy/assets/sharepoint-run.gif?raw=true",
"alt": "Web part displaying hierarchical information from SharePoint list" "alt": "Web part displaying hierarchical information from SharePoint list"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-display-hierarchy/assets/webpart-preview.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-display-hierarchy/assets/webpart-preview.png?raw=true",
"alt": "Web part displaying hierarchical information from SharePoint list" "alt": "Web part displaying hierarchical information from SharePoint list"
} }
], ],

6
samples/react-doccard-faq/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Document Card FAQ", "title": "Document Card FAQ",
"shortDescription": "React FAQ Document Card Web Part", "shortDescription": "React FAQ Document Card Web Part",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-doccard-faq", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-doccard-faq",
"longDescription": [ "longDescription": [
"Document Card FAQ" "Document Card FAQ"
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-doccard-faq/assets/FAQdocCardPreview.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-doccard-faq/assets/FAQdocCardPreview.gif",
"alt": "Web part in action" "alt": "Web part in action"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-doccard-faq/assets/reactdoccardfaq.png", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-doccard-faq/assets/reactdoccardfaq.png",
"alt": "Web part in action" "alt": "Web part in action"
} }
], ],

4
samples/react-documents-detailslist/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Documents Web Part", "title": "Documents Web Part",
"shortDescription": "This sample shows how to build web parts that display documents in accordance with the SharePoint Online modern experience. The code uses Office UI Fabric components on the top of SharePoint framework. The web parts implement filtering and sorting. Two data source approaches are demonstrated items retrieved from the search index and real-time query to a document library.", "shortDescription": "This sample shows how to build web parts that display documents in accordance with the SharePoint Online modern experience. The code uses Office UI Fabric components on the top of SharePoint framework. The web parts implement filtering and sorting. Two data source approaches are demonstrated items retrieved from the search index and real-time query to a document library.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-documents-detailslist", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-documents-detailslist",
"longDescription": [ "longDescription": [
"This sample shows how to build web parts that display documents in accordance with the SharePoint Online modern experience. The code uses Office UI Fabric components on the top of SharePoint framework. The web parts implement filtering and sorting. Two data source approaches are demonstrated items retrieved from the search index and real-time query to a document library." "This sample shows how to build web parts that display documents in accordance with the SharePoint Online modern experience. The code uses Office UI Fabric components on the top of SharePoint framework. The web parts implement filtering and sorting. Two data source approaches are demonstrated items retrieved from the search index and real-time query to a document library."
], ],
@ -28,7 +28,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-documents-detailslist/assets/Preview.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-documents-detailslist/assets/Preview.gif",
"alt": "Documents Web Part" "alt": "Documents Web Part"
} }
], ],

4
samples/react-dynamics-crm-api/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Using Dynamics CRM API", "title": "Using Dynamics CRM API",
"shortDescription": "This sample shows how to consume Dynamics CRM API using AadTokenProvider class.", "shortDescription": "This sample shows how to consume Dynamics CRM API using AadTokenProvider class.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-dynamics-crm-api", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-dynamics-crm-api",
"longDescription": [ "longDescription": [
"This sample shows how to consume Dynamics CRM API using AadTokenProvider class." "This sample shows how to consume Dynamics CRM API using AadTokenProvider class."
], ],
@ -36,7 +36,7 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-dynamics-crm-api/assets/screenshot.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-dynamics-crm-api/assets/screenshot.gif",
"alt": "Using Dynamics CRM API" "alt": "Using Dynamics CRM API"
} }
], ],

6
samples/react-enhanced-list-formatting/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Enhanced List Formatting", "title": "Enhanced List Formatting",
"shortDescription": "This web part allows you to add custom CSS on a page to enhance list formatting.", "shortDescription": "This web part allows you to add custom CSS on a page to enhance list formatting.",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-enhanced-list-formatting", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-enhanced-list-formatting",
"longDescription": [ "longDescription": [
"This web part allows you to add custom CSS on a page to enhance list formatting." "This web part allows you to add custom CSS on a page to enhance list formatting."
], ],
@ -28,13 +28,13 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-enhanced-list-formatting/assets/EnhancedListFormatting.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-enhanced-list-formatting/assets/EnhancedListFormatting.gif",
"alt": "Enhanced List Formatting" "alt": "Enhanced List Formatting"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-list-formatting/assets/Viewformatting.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-list-formatting/assets/Viewformatting.png?raw=true",
"alt": "Enhanced List Formatting" "alt": "Enhanced List Formatting"
} }
], ],

16
samples/react-enhanced-powerapps/assets/sample.json
View File

@ -4,7 +4,7 @@
"source": "pnp", "source": "pnp",
"title": "Enhanced Power Apps", "title": "Enhanced Power Apps",
"shortDescription": "Adds dynamic resizing, theme awareness, and dynamic data to embedded Power Apps", "shortDescription": "Adds dynamic resizing, theme awareness, and dynamic data to embedded Power Apps",
"url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-enhanced-powerapps", "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-enhanced-powerapps",
"longDescription": [ "longDescription": [
"Adds dynamic resizing, theme awareness, and dynamic data to embedded Power Apps" "Adds dynamic resizing, theme awareness, and dynamic data to embedded Power Apps"
], ],
@ -28,43 +28,43 @@
{ {
"type": "image", "type": "image",
"order": 100, "order": 100,
"url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-enhanced-powerapps/assets/enhanced-power-apps.gif", "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-enhanced-powerapps/assets/enhanced-power-apps.gif",
"alt": "Enhanced Power Apps" "alt": "Enhanced Power Apps"
}, },
{ {
"type": "image", "type": "image",
"order": 101, "order": 101,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/dpstep1.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-powerapps/assets/dpstep1.png?raw=true",
"alt": "Enhanced Power Apps" "alt": "Enhanced Power Apps"
}, },
{ {
"type": "image", "type": "image",
"order": 102, "order": 102,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/resize.gif?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-powerapps/assets/resize.gif?raw=true",
"alt": "Enhanced Power Apps" "alt": "Enhanced Power Apps"
}, },
{ {
"type": "image", "type": "image",
"order": 103, "order": 103,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/sizeoptions.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-powerapps/assets/sizeoptions.png?raw=true",
"alt": "Enhanced Power Apps" "alt": "Enhanced Power Apps"
}, },
{ {
"type": "image", "type": "image",
"order": 104, "order": 104,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/step1-5.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-powerapps/assets/step1-5.png?raw=true",
"alt": "Enhanced Power Apps" "alt": "Enhanced Power Apps"
}, },
{ {
"type": "image", "type": "image",
"order": 105, "order": 105,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/step1.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-powerapps/assets/step1.png?raw=true",
"alt": "Enhanced Power Apps" "alt": "Enhanced Power Apps"
}, },
{ {
"type": "image", "type": "image",
"order": 106, "order": 106,
"url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/step2.png?raw=true", "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-enhanced-powerapps/assets/step2.png?raw=true",
"alt": "Enhanced Power Apps" "alt": "Enhanced Power Apps"
} }
], ],

Some files were not shown because too many files have changed in this diff Show More