From 7ed51a0838ca4fed758391d19ff3949d67b2bc90 Mon Sep 17 00:00:00 2001 From: Hugo Bernier Date: Mon, 15 Mar 2021 03:48:14 -0400 Subject: [PATCH] Updated sample JSON --- samples/aad-api-spo-cookie/assets/sample.json | 89 ++++++- samples/angular-aad-webapi/assets/sample.json | 52 +++- samples/angular-greeting/assets/sample.json | 58 ++++- samples/angular-migration/assets/sample.json | 59 ++++- samples/angular-msgraph/assets/sample.json | 119 +++++---- samples/angular-multipage/assets/sample.json | 53 +++- .../assets/sample.json | 66 ++++- .../assets/sample.json | 53 +++- samples/angular-search/assets/sample.json | 52 +++- samples/angular-todo/assets/sample.json | 53 +++- samples/angular2-prototype/assets/sample.json | 52 +++- .../assets/sample.json | 60 ++++- .../assets/sample.json | 53 +++- samples/bootstrap-slider/assets/sample.json | 64 ++++- .../assets/sample.json | 53 +++- samples/jquery-cdn/assets/sample.json | 53 +++- samples/jquery-photopile/assets/sample.json | 76 +++++- .../js-advanced-commenting/assets/sample.json | 53 +++- samples/js-display-list/assets/sample.json | 58 ++++- .../assets/sample.json | 59 ++++- .../js-employee-spotlight/assets/sample.json | 58 ++++- samples/js-extend-gulp/assets/sample.json | 53 +++- samples/js-extend-webpack/assets/sample.json | 59 ++++- samples/js-gitHubBadge/assets/sample.json | 53 +++- samples/js-modern-calendar/assets/sample.json | 59 ++++- .../js-msgraph-thumbnail/assets/sample.json | 53 +++- samples/js-myflows/assets/sample.json | 86 ++++++- .../js-powerbi-embedded/assets/sample.json | 52 +++- .../assets/sample.json | 59 ++++- .../assets/sample.json | 53 +++- samples/js-skype-status/assets/sample.json | 53 +++- .../js-solution-editions/assets/sample.json | 53 +++- .../js-theme-manager-2019/assets/sample.json | 91 ++++++- samples/js-theme-manager/assets/sample.json | 91 ++++++- .../assets/sample.json | 53 +++- .../assets/sample.json | 53 +++- samples/knockout-sp-pnp-js/assets/sample.json | 53 +++- samples/knockout-taxonomy/assets/sample.json | 53 +++- samples/pnp-controls/assets/sample.json | 66 ++++- .../react-3rd-party-api/assets/sample.json | 53 +++- .../assets/sample.json | 64 ++++- .../react-aad-implicitflow/assets/sample.json | 53 +++- samples/react-aad-webapi/assets/sample.json | 53 +++- .../assets/sample.json | 92 ++++++- .../assets/sample.json | 80 +++++- samples/react-accordion/assets/sample.json | 66 ++++- .../assets/sample.json | 77 +++++- .../assets/sample.json | 52 +++- .../react-adaptivecards/assets/sample.json | 158 +++++++++++- .../react-add-js-css-ref/assets/sample.json | 52 +++- .../assets/sample.json | 52 +++- .../assets/sample.json | 52 +++- samples/react-app-settings/assets/sample.json | 67 ++++- .../assets/sample.json | 92 ++++++- .../assets/sample.json | 64 ++++- samples/react-avatar/assets/sample.json | 59 ++++- samples/react-azfunc-vimeo/assets/sample.json | 53 +++- samples/react-banner/assets/sample.json | 45 +++- samples/react-birthdays/assets/sample.json | 242 +++++++++++++++++- .../assets/sample.json | 58 ++++- .../assets/sample.json | 64 ++++- .../react-bot-framework/assets/sample.json | 95 ++++++- .../react-calendar-feed/assets/sample.json | 69 ++++- samples/react-calendar/assets/sample.json | 208 ++++++++++++++- samples/react-carousel/assets/sample.json | 83 +++++- samples/react-chartcontrol/assets/sample.json | 161 +++++++++++- samples/react-check-flows/assets/sample.json | 53 +++- .../react-check-user-group/assets/sample.json | 53 +++- samples/react-comparer/assets/sample.json | 107 +++++++- .../assets/sample.json | 52 +++- .../assets/sample.json | 139 +++++++++- .../assets/sample.json | 52 +++- samples/react-covid19-info/README.md | 2 +- samples/react-covid19-info/assets/sample.json | 58 ++++- .../assets/sample.json | 62 ++++- samples/react-custom-links/assets/sample.json | 93 ++++++- .../assets/sample.json | 59 ++++- samples/react-datatable/assets/sample.json | 52 ++++ .../react-daterangepicker/assets/sample.json | 53 +++- .../assets/sample.json | 52 +++- samples/react-dev-radar/assets/sample.json | 52 +++- samples/react-directory/assets/sample.json | 154 ++++++++++- .../assets/sample.json | 83 +++++- .../assets/sample.json | 60 ++++- .../react-dynamics-crm-api/assets/sample.json | 66 ++++- .../assets/sample.json | 66 ++++- .../assets/sample.json | 89 ++++++- .../assets/sample.json | 58 ++++- .../assets/sample.json | 60 ++++- .../react-facebook-plugin/assets/sample.json | 53 +++- samples/react-faqapp/assets/sample.json | 58 ++++- .../assets/sample.json | 53 +++- samples/react-feedback/assets/sample.json | 58 ++++- samples/react-file-upload/assets/sample.json | 53 +++- .../react-followedsites/assets/sample.json | 53 +++- .../assets/sample.json | 53 +++- .../assets/sample.json | 62 ++++- .../assets/sample.json | 53 +++- .../assets/sample.json | 53 +++- samples/react-github-badge/assets/sample.json | 53 +++- samples/react-global-news/assets/sample.json | 96 ++++++- samples/react-google-fit/assets/sample.json | 95 ++++++- .../react-graph-calendar/assets/sample.json | 78 +++++- .../assets/sample.json | 59 ++++- .../react-graph-evalurl/assets/sample.json | 65 ++++- .../assets/sample.json | 53 +++- .../assets/sample.json | 53 +++- samples/react-graph-pnpjs/assets/sample.json | 65 ++++- .../react-graph-reports/assets/sample.json | 59 ++++- .../assets/sample.json | 52 +++- .../assets/sample.json | 66 ++++- samples/react-hooks/assets/sample.json | 45 +++- .../react-image-gallery/assets/sample.json | 53 +++- .../react-image-magnifier/assets/sample.json | 53 +++- .../assets/sample.json | 52 +++- .../assets/sample.json | 53 +++- samples/react-ioc-tests/assets/sample.json | 52 +++- samples/react-item-History/assets/sample.json | 52 +++- samples/react-jest-testing/assets/sample.json | 232 ++++++++++++++++- samples/react-kanban-board/assets/sample.json | 76 +++++- samples/react-links/assets/sample.json | 45 +++- samples/react-list-form/assets/sample.json | 86 ++++++- .../react-list-items-menu/assets/sample.json | 93 ++++++- samples/react-list-search/assets/sample.json | 103 ++++++++ .../react-lob-integration/assets/sample.json | 45 +++- .../assets/sample.json | 102 +++++++- .../assets/sample.json | 99 ++++++- .../assets/sample.json | 155 ++++++++++- .../assets/sample.json | 59 ++++- samples/react-material-ui/assets/sample.json | 53 +++- .../assets/sample.json | 52 +++- samples/react-mgtEvents/assets/sample.json | 84 +++++- samples/react-minesweeper/assets/sample.json | 52 +++- .../assets/sample.json | 53 +++- samples/react-mobx/assets/sample.json | 52 +++- .../react-modern-charts/assets/sample.json | 71 ++++- .../assets/sample.json | 77 +++++- samples/react-msal-msgraph/assets/sample.json | 65 ++++- .../assets/sample.json | 65 ++++- .../assets/sample.json | 77 +++++- .../react-multilist-grid/assets/sample.json | 52 +++- .../assets/sample.json | 105 +++++++- samples/react-multipage/assets/sample.json | 53 +++- .../assets/sample.json | 67 ++++- samples/react-my-groups/assets/sample.json | 70 ++++- .../react-my-personal-apps/assets/sample.json | 159 +++++++++++- samples/react-my-sites/assets/sample.json | 93 ++++++- samples/react-my-teams/assets/sample.json | 53 +++- samples/react-mytasks/assets/sample.json | 165 +++++++++++- samples/react-officegraph/assets/sample.json | 71 ++++- .../react-offline-first/assets/sample.json | 58 ++++- .../assets/sample.json | 58 ++++- .../assets/sample.json | 67 ++++- .../assets/sample.json | 62 ++++- .../react-page-navigator/assets/sample.json | 53 +++- .../assets/sample.json | 62 ++++- .../react-pagecontributors/assets/sample.json | 59 ++++- .../react-pages-hierarchy/assets/sample.json | 62 ++++- .../react-people-directory/assets/sample.json | 45 +++- samples/react-peoplepicker/assets/sample.json | 53 +++- .../assets/sample.json | 45 +++- .../assets/sample.json | 45 +++- .../react-personal-email/assets/sample.json | 45 +++- .../assets/sample.json | 52 +++- .../react-personal-tasks/assets/sample.json | 45 +++- samples/react-photo-sync/assets/sample.json | 68 ++++- .../assets/sample.json | 59 ++++- .../assets/sample.json | 53 +++- .../react-pnpjsexplorer/assets/sample.json | 77 +++++- .../react-project-online/assets/sample.json | 53 +++- .../assets/sample.json | 52 +++- .../react-provision-assets/assets/sample.json | 59 ++++- .../assets/sample.json | 71 ++++- samples/react-quick-poll/assets/sample.json | 53 +++- samples/react-quotes/assets/sample.json | 52 +++- samples/react-real-time/assets/sample.json | 94 ++++++- .../assets/sample.json | 53 +++- samples/react-recaptcha/assets/sample.json | 52 +++- .../react-recent-contacts/assets/sample.json | 45 +++- .../assets/sample.json | 45 +++- .../assets/sample.json | 45 +++- .../assets/sample.json | 52 +++- samples/react-redux/assets/sample.json | 52 +++- samples/react-reduxform/assets/sample.json | 58 ++++- .../react-restaurant-menu/assets/sample.json | 93 ++++++- samples/react-rss-reader/assets/sample.json | 66 ++++- .../assets/sample.json | 52 +++- .../react-save-attachments/assets/sample.json | 74 +++++- .../assets/sample.json | 62 ++++- .../react-script-editor/assets/sample.json | 77 +++++- samples/react-search/assets/sample.json | 65 ++++- samples/react-securitygrid/assets/sample.json | 52 +++- samples/react-side-panel/assets/sample.json | 53 +++- .../react-site-information/assets/sample.json | 45 +++- .../assets/sample.json | 71 ++++- .../assets/sample.json | 58 ++++- .../assets/sample.json | 70 +++++ samples/react-skype-status/assets/sample.json | 53 +++- samples/react-slide-swiper/assets/sample.json | 52 +++- .../assets/sample.json | 53 +++- .../assets/sample.json | 65 ++++- .../assets/sample.json | 53 +++- .../assets/sample.json | 52 +++- .../assets/sample.json | 65 ++++- .../assets/sample.json | 62 ++++- .../react-staffdirectory/assets/sample.json | 86 +++++++ .../assets/sample.json | 45 +++- samples/react-tailwindcss/assets/sample.json | 62 ++++- .../react-target-audience/assets/sample.json | 53 +++- .../assets/sample.json | 58 ++++- .../react-taxonomypicker/assets/sample.json | 52 +++- samples/react-team-creator/assets/sample.json | 53 +++- .../assets/sample.json | 53 +++- .../assets/sample.json | 57 +++++ .../react-teams-message/assets/sample.json | 58 ++++- .../assets/sample.json | 62 ++++- .../assets/sample.json | 61 ++++- .../assets/sample.json | 53 +++- .../assets/sample.json | 52 +++- .../react-teams-tabs-pnpjs/assets/sample.json | 58 ++++- .../react-teams-tagging/assets/sample.json | 61 ++++- .../assets/sample.json | 84 +++++- samples/react-themes/assets/sample.json | 68 ++++- samples/react-tiles/assets/sample.json | 45 +++- samples/react-timeline/assets/sample.json | 95 ++++++- samples/react-tinymce/assets/sample.json | 52 +++- samples/react-todo-basic/assets/sample.json | 77 +++++- samples/react-tour-pnpjs/assets/sample.json | 64 ++++- .../react-tree-orgchart/assets/sample.json | 78 +++++- samples/react-twitter/assets/sample.json | 53 +++- samples/react-upgrade-me/assets/sample.json | 53 +++- .../react-versiondisplay/assets/sample.json | 53 +++- samples/react-videolibrary/assets/sample.json | 52 +++- samples/react-visio/assets/sample.json | 62 ++++- .../assets/sample.json | 45 +++- samples/react-webcam/assets/sample.json | 52 +++- .../assets/sample.json | 59 ++++- .../react-webpartdetails/assets/sample.json | 53 +++- samples/react-word-game/assets/sample.json | 64 ++++- samples/react-world-clocks/assets/sample.json | 65 ++++- samples/react-world-time/assets/sample.json | 45 +++- samples/react-yammer-api/assets/sample.json | 58 ++++- .../react-yammer-praise/assets/sample.json | 72 +++++- samples/react-youtube/assets/sample.json | 59 ++++- samples/react-zpl-viewer/assets/sample.json | 52 +++- samples/riot-list/assets/sample.json | 53 +++- .../section-backgrounds/assets/sample.json | 74 +++++- samples/sharepoint-crud/assets/sample.json | 53 +++- samples/vue-js-org-chart/assets/sample.json | 52 +++- .../assets/sample.json | 53 +++- 250 files changed, 16190 insertions(+), 288 deletions(-) create mode 100644 samples/react-datatable/assets/sample.json create mode 100644 samples/react-list-search/assets/sample.json create mode 100644 samples/react-sites-selected-admin/assets/sample.json create mode 100644 samples/react-staffdirectory/assets/sample.json create mode 100644 samples/react-teams-message-user/assets/sample.json diff --git a/samples/aad-api-spo-cookie/assets/sample.json b/samples/aad-api-spo-cookie/assets/sample.json index 142ccaac6..c4bb90607 100644 --- a/samples/aad-api-spo-cookie/assets/sample.json +++ b/samples/aad-api-spo-cookie/assets/sample.json @@ -1 +1,88 @@ -{"name":"pnp-sp-dev-spfx-web-parts-aad-api-spo-cookie","version":null,"source":"pnp","title":"Call custom APIs secured with Azure Active Directory without ADAL JS","shortDescription":"Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS.","longDescription":["Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/aad-api-spo-cookie/assets/preview-orders.png","alt":"Call custom APIs secured with Azure Active Directory without ADAL JS","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-aad-api-spo-cookie", + "source": "pnp", + "title": "Call custom APIs secured with Azure Active Directory without ADAL JS", + "shortDescription": "Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/aad-api-spo-cookie", + "longDescription": [ + "Sample SharePoint Framework client-side web part showing how to access a custom API secured with Azure Active Directory (AAD) without using ADAL JS." + ], + "created": "2017-05-05", + "modified": "2017-05-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/aad-api-spo-cookie/assets/preview-orders.png", + "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-api-configure-authentication-dialog.png?raw=true", + "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-api-configure-authentication.png?raw=true", + "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-api-restore-packages.png?raw=true", + "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-fetch-error.png?raw=true", + "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-ie-error.png?raw=true", + "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/aad-api-spo-cookie/assets/orders-ie-zones-settings.png?raw=true", + "alt": "Call custom APIs secured with Azure Active Directory without ADAL JS" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-aad-webapi/assets/sample.json b/samples/angular-aad-webapi/assets/sample.json index 108ef2e29..db79a2fa2 100644 --- a/samples/angular-aad-webapi/assets/sample.json +++ b/samples/angular-aad-webapi/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular-aad-webapi","version":null,"source":"pnp","title":"Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x","shortDescription":"Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x","longDescription":["Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-aad-webapi/assets/preview.jpg","alt":"Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x","slides":null}],"authors":[{"gitHubAccount":"davidhartman","company":"","pictureUrl":"https://github.com/davidhartman.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-aad-webapi", + "source": "pnp", + "title": "Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x", + "shortDescription": "Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-aad-webapi", + "longDescription": [ + "Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azue Active Directory using Angular v1.x" + ], + "created": "2017-03-21", + "modified": "2017-03-21", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-aad-webapi/assets/preview.jpg", + "alt": "Call custom Web API secured with AAD from SharePoint Framework client-side web part using Angular v1.x" + } + ], + "authors": [ + { + "gitHubAccount": "davidhartman", + "company": "Slalom", + "pictureUrl": "https://avatars.githubusercontent.com/u/11304394?s=460\u0026v=4", + "name": "David Hartman" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-greeting/assets/sample.json b/samples/angular-greeting/assets/sample.json index f08497d05..de17719d3 100644 --- a/samples/angular-greeting/assets/sample.json +++ b/samples/angular-greeting/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular-greeting","version":null,"source":"pnp","title":"Greeting client-side web part","shortDescription":"This is Greeting web part which shows greeting to the current logged in user.","longDescription":["This is Greeting web part which shows greeting to the current logged in user."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-greeting/assets/captured.gif","alt":"Greeting client-side web part","slides":null}],"authors":[{"gitHubAccount":"gauravgoyal5","company":"","pictureUrl":"https://github.com/gauravgoyal5.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-greeting", + "source": "pnp", + "title": "Greeting client-side web part", + "shortDescription": "This is Greeting web part which shows greeting to the current logged in user.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-greeting", + "longDescription": [ + "This is Greeting web part which shows greeting to the current logged in user." + ], + "created": "2020-02-15", + "modified": "2020-02-15", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-greeting/assets/captured.gif", + "alt": "Greeting client-side web part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-greeting/assets/preview.PNG?raw=true", + "alt": "Greeting client-side web part" + } + ], + "authors": [ + { + "gitHubAccount": "gauravgoyal5", + "company": "BizPortals Solutions", + "pictureUrl": "https://github.com/gauravgoyal5.png", + "name": "Gaurav Goyal" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-migration/assets/sample.json b/samples/angular-migration/assets/sample.json index 710b753eb..5270c3bd0 100644 --- a/samples/angular-migration/assets/sample.json +++ b/samples/angular-migration/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular-migration","version":null,"source":"pnp","title":"Migrating existing Angular applications to SharePoint Framework sample","shortDescription":"This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part.","longDescription":["This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-migration/assets/angular-todo-spfx-preview.png","alt":"Migrating existing Angular applications to SharePoint Framework sample","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-migration", + "source": "pnp", + "title": "Migrating existing Angular applications to SharePoint Framework sample", + "shortDescription": "This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-migration", + "longDescription": [ + "This is a sample Angular application before and after it has been migrated to a SharePoint Framework client-side web part." + ], + "created": "2016-10-21", + "modified": "2016-10-21", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-migration/assets/angular-todo-spfx-preview.png", + "alt": "Migrating existing Angular applications to SharePoint Framework sample" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-migration/assets/angular-todo-preview.png?raw=true", + "alt": "Migrating existing Angular applications to SharePoint Framework sample" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-msgraph/assets/sample.json b/samples/angular-msgraph/assets/sample.json index acc947208..188d4539a 100644 --- a/samples/angular-msgraph/assets/sample.json +++ b/samples/angular-msgraph/assets/sample.json @@ -1,44 +1,75 @@ -{ - "name": "pnp-sp-dev-spfx-web-parts-angular-msgraph", - "version": null, - "source": "pnp", - "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.", - "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." - ], - "products": [ - "SharePoint", - "Office" - ], - "categories": [ - "" - ], - "metadata": [ - { - "key": "CLIENT-SIDE-DEV", - "value": "Angular" - }, - { - "key": "SPFX-VERSION", - "value": "GA" - } - ], - "thumbnails": [ - { - "type": "image", - "order": 100, - "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-msgraph/assets/Connect.png", - "alt": "Angular MS Graph Web Part Built with Angular v1.x", - "slides": null - } - ], - "authors": [ - { - "gitHubAccount": "davidhartman", - "company": "", - "pictureUrl": "https://github.com/davidhartman.png" - } - ], - "references": [] -} +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-msgraph", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-msgraph", + "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." + ], + "created": "2017-04-19", + "modified": "2017-04-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-msgraph/assets/Connect.png", + "alt": "Angular MS Graph Web Part Built with Angular v1.x" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Connected.png?raw=true", + "alt": "Angular MS Graph Web Part Built with Angular v1.x" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Items.png?raw=true", + "alt": "Angular MS Graph Web Part Built with Angular v1.x" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Lists.png?raw=true", + "alt": "Angular MS Graph Web Part Built with Angular v1.x" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-msgraph/assets/Root.png?raw=true", + "alt": "Angular MS Graph Web Part Built with Angular v1.x" + } + ], + "authors": [ + { + "gitHubAccount": "davidhartman", + "company": "Slalom", + "pictureUrl": "https://avatars.githubusercontent.com/u/11304394?s=460\u0026v=4", + "name": "David Hartman" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-multipage/assets/sample.json b/samples/angular-multipage/assets/sample.json index d68a6a546..2eca56cd6 100644 --- a/samples/angular-multipage/assets/sample.json +++ b/samples/angular-multipage/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular-multipage","version":null,"source":"pnp","title":"Angular multi-page client-side web part","shortDescription":"This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts.","longDescription":["This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"drop5"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-multipage/assets/poll-preview.gif","alt":"Angular multi-page client-side web part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-multipage", + "source": "pnp", + "title": "Angular multi-page client-side web part", + "shortDescription": "This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-multipage", + "longDescription": [ + "This is a sample SharePoint Framework client-side web part built using Angular, illustrating building multi-page web parts." + ], + "created": "2016-11-01", + "modified": "2016-11-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "drop5" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-multipage/assets/poll-preview.gif", + "alt": "Angular multi-page client-side web part" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-ngofficeuifabric-file-upload/assets/sample.json b/samples/angular-ngofficeuifabric-file-upload/assets/sample.json index ccb65d68d..c5d7f8453 100644 --- a/samples/angular-ngofficeuifabric-file-upload/assets/sample.json +++ b/samples/angular-ngofficeuifabric-file-upload/assets/sample.json @@ -1 +1,65 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular-ngofficeuifabric-file-upload","version":null,"source":"pnp","title":"File Upload using AngularJs","shortDescription":"File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework.","longDescription":["File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://camo.githubusercontent.com/674cb6e830d597e1ab9bb89992b6fe7f0359b80f/687474703a2f2f692e696d6775722e636f6d2f553571673449492e706e67","alt":"File Upload using AngularJs","slides":null}],"authors":[{"gitHubAccount":"dipongkor","company":"","pictureUrl":"https://github.com/dipongkor.png"},{"gitHubAccount":"gautamdsheth","company":"","pictureUrl":"https://github.com/gautamdsheth.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-ngofficeuifabric-file-upload", + "source": "pnp", + "title": "File Upload using AngularJs", + "shortDescription": "File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-ngofficeuifabric-file-upload", + "longDescription": [ + "File Update/Delete web part using AngularJs and ngOfficeUIFabric with the SharePoint Framework." + ], + "created": "2017-07-17", + "modified": "2017-07-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://camo.githubusercontent.com/674cb6e830d597e1ab9bb89992b6fe7f0359b80f/687474703a2f2f692e696d6775722e636f6d2f553571673449492e706e67", + "alt": "File Upload using AngularJs" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/angular-ngofficeuifabric-file-upload/assets/NG File Upload.png?raw=true", + "alt": "File Upload using AngularJs" + } + ], + "authors": [ + { + "gitHubAccount": "dipongkor", + "company": "Jashore University of Science and Technology", + "pictureUrl": "https://avatars.githubusercontent.com/u/4987425?s=460\u0026u=998935621b0e998dc9bcd0fc26267623a8e5512c\u0026v=4", + "name": "Atish Kumar Dipongkor", + "twitter": "atish_iit" + }, + { + "gitHubAccount": "gautamdsheth", + "company": "Valo Intranet", + "pictureUrl": "https://github.com/gautamdsheth.png", + "name": "Gautam Sheth", + "twitter": "gautamdsheth" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-ngofficeuifabric-todo/assets/sample.json b/samples/angular-ngofficeuifabric-todo/assets/sample.json index f8efb00b2..b03e3dea4 100644 --- a/samples/angular-ngofficeuifabric-todo/assets/sample.json +++ b/samples/angular-ngofficeuifabric-todo/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular-ngofficeuifabric-todo","version":null,"source":"pnp","title":"Angular \u0026 ngOfficeUIFabric Client-Side Web Part","shortDescription":"","longDescription":[""],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"drop2"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars2.githubusercontent.com/u/11164679?s=460\u0026v=4","alt":"Angular \u0026 ngOfficeUIFabric Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-ngofficeuifabric-todo", + "source": "pnp", + "title": "Angular \u0026 ngOfficeUIFabric Client-Side Web Part", + "shortDescription": "", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-ngofficeuifabric-todo", + "longDescription": [ + "" + ], + "created": "2016-09-09", + "modified": "2016-09-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "drop2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://avatars2.githubusercontent.com/u/11164679?s=460\u0026v=4", + "alt": "Angular \u0026 ngOfficeUIFabric Client-Side Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-search/assets/sample.json b/samples/angular-search/assets/sample.json index cb3b10019..6f928e8ec 100644 --- a/samples/angular-search/assets/sample.json +++ b/samples/angular-search/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular-search","version":null,"source":"pnp","title":"Search Client-Side Web Part Built with Angular v1.x","shortDescription":"This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework","longDescription":["This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"rc0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-search/assets/angularSearch.png","alt":"Search Client-Side Web Part Built with Angular v1.x","slides":null}],"authors":[{"gitHubAccount":"davidhartman","company":"","pictureUrl":"https://github.com/davidhartman.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-search", + "source": "pnp", + "title": "Search Client-Side Web Part Built with Angular v1.x", + "shortDescription": "This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-search", + "longDescription": [ + "This is a sample search web part that illustrates how you can use Angular within the new SharePoint Framework" + ], + "created": "2017-02-04", + "modified": "2017-02-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "rc0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-search/assets/angularSearch.png", + "alt": "Search Client-Side Web Part Built with Angular v1.x" + } + ], + "authors": [ + { + "gitHubAccount": "davidhartman", + "company": "Slalom", + "pictureUrl": "https://avatars.githubusercontent.com/u/11304394?s=460\u0026v=4", + "name": "David Hartman" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular-todo/assets/sample.json b/samples/angular-todo/assets/sample.json index e192df7be..9fd03393d 100644 --- a/samples/angular-todo/assets/sample.json +++ b/samples/angular-todo/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular-todo","version":null,"source":"pnp","title":"Angular client-side web part","shortDescription":"Sample Web Part illustrating using Angular with the SharePoint Framework.","longDescription":["Sample Web Part illustrating using Angular with the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-todo/assets/preview.png","alt":"Angular client-side web part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular-todo", + "source": "pnp", + "title": "Angular client-side web part", + "shortDescription": "Sample Web Part illustrating using Angular with the SharePoint Framework.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular-todo", + "longDescription": [ + "Sample Web Part illustrating using Angular with the SharePoint Framework." + ], + "created": "2017-03-10", + "modified": "2017-03-10", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular-todo/assets/preview.png", + "alt": "Angular client-side web part" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angular2-prototype/assets/sample.json b/samples/angular2-prototype/assets/sample.json index 367ca0992..54c0f5c0b 100644 --- a/samples/angular2-prototype/assets/sample.json +++ b/samples/angular2-prototype/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angular2-prototype","version":null,"source":"pnp","title":"Angular2 Web Part Prototype","shortDescription":"Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework.","longDescription":["Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"rc0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular2-prototype/assets/preview.png","alt":"Angular2 Web Part Prototype","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"dgaeta","company":"","pictureUrl":"https://github.com/dgaeta.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angular2-prototype", + "source": "pnp", + "title": "Angular2 Web Part Prototype", + "shortDescription": "Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angular2-prototype", + "longDescription": [ + "Sample To Do Web Part built with Angular2. This sample illustrates how you can use Angular2 with the SharePoint Framework." + ], + "created": "2017-01-20", + "modified": "2017-01-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "rc0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/angular2-prototype/assets/preview.png", + "alt": "Angular2 Web Part Prototype" + } + ], + "authors": [ + { + "gitHubAccount": "dgaeta", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/1770329?s=460\u0026v=4", + "name": "Daniel Gaeta" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angularelements-helloworld/assets/sample.json b/samples/angularelements-helloworld/assets/sample.json index 1d75d68d8..c7815df42 100644 --- a/samples/angularelements-helloworld/assets/sample.json +++ b/samples/angularelements-helloworld/assets/sample.json @@ -1 +1,59 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angularelements-helloworld","version":null,"source":"pnp","title":"Angular Elements in SharePoint Framework","shortDescription":"Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework.","longDescription":["Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png","alt":"Angular Elements in SharePoint Framework","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"},{"gitHubAccount":"sebastienlevert","company":"","pictureUrl":"https://github.com/sebastienlevert.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angularelements-helloworld", + "source": "pnp", + "title": "Angular Elements in SharePoint Framework", + "shortDescription": "Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angularelements-helloworld", + "longDescription": [ + "Set of sample web parts illustrating how to use Angular Elements in the SharePoint Framework." + ], + "created": "2018-06-01", + "modified": "2018-06-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png", + "alt": "Angular Elements in SharePoint Framework" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + }, + { + "gitHubAccount": "sebastienlevert", + "company": "Microsoft", + "pictureUrl": "https://github.com/sebastienlevert.png", + "name": "S\u00E9bastien Levert", + "twitter": "sebastienlevert" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/angularelements-html-templatefile/assets/sample.json b/samples/angularelements-html-templatefile/assets/sample.json index 63d654a9a..2bd3cf3b9 100644 --- a/samples/angularelements-html-templatefile/assets/sample.json +++ b/samples/angularelements-html-templatefile/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-angularelements-html-templatefile","version":null,"source":"pnp","title":"Angular Elements with HTML Template File in SharePoint Framework","shortDescription":"A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File.","longDescription":["A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Angular"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png","alt":"Angular Elements with HTML Template File in SharePoint Framework","slides":null}],"authors":[{"gitHubAccount":"JayakumarB","company":"","pictureUrl":"https://github.com/JayakumarB.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-angularelements-html-templatefile", + "source": "pnp", + "title": "Angular Elements with HTML Template File in SharePoint Framework", + "shortDescription": "A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/angularelements-html-templatefile", + "longDescription": [ + "A sample web part illustrating how to use Angular Elements in the SharePoint Framework with the help of separate template HTML File." + ], + "created": "2019-01-08", + "modified": "2019-01-08", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Angular" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png", + "alt": "Angular Elements with HTML Template File in SharePoint Framework" + } + ], + "authors": [ + { + "gitHubAccount": "JayakumarB", + "company": "Hubfly", + "pictureUrl": "https://github.com/JayakumarB.png", + "name": "Jayakumar Balasubramaniam", + "twitter": "jayakumrb" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/bootstrap-slider/assets/sample.json b/samples/bootstrap-slider/assets/sample.json index 4cc547f80..8017ab124 100644 --- a/samples/bootstrap-slider/assets/sample.json +++ b/samples/bootstrap-slider/assets/sample.json @@ -1 +1,63 @@ -{"name":"pnp-sp-dev-spfx-web-parts-bootstrap-slider","version":null,"source":"pnp","title":"Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x","shortDescription":"Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site.","longDescription":["Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Other"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/bootstrap-slider/assets/slider_image_1.png","alt":"Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x","slides":null}],"authors":[{"gitHubAccount":"davidhartman","company":"","pictureUrl":"https://github.com/davidhartman.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-bootstrap-slider", + "source": "pnp", + "title": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x", + "shortDescription": "Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/bootstrap-slider", + "longDescription": [ + "Sample bootstrap slider which pulls the slides from a list inside the SharePoint site. The list is automatically deployed once the app is installed in the SharePoint site." + ], + "created": "2017-04-25", + "modified": "2017-04-25", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Other" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/bootstrap-slider/assets/slider_image_1.png", + "alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/bootstrap-slider/assets/List.png?raw=true", + "alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/bootstrap-slider/assets/slider_image_2.png?raw=true", + "alt": "Bootstrap Slider Built with jQuery v1.x and Boostrap v3.x" + } + ], + "authors": [ + { + "gitHubAccount": "davidhartman", + "company": "Slalom", + "pictureUrl": "https://avatars.githubusercontent.com/u/11304394?s=460\u0026v=4", + "name": "David Hartman" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/handlebarsjs-webpack-loader/assets/sample.json b/samples/handlebarsjs-webpack-loader/assets/sample.json index 0497ac19d..cc4acbfef 100644 --- a/samples/handlebarsjs-webpack-loader/assets/sample.json +++ b/samples/handlebarsjs-webpack-loader/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-handlebarsjs-webpack-loader","version":null,"source":"pnp","title":"Sample with Handlebars.js","shortDescription":"This sample demonstrate how to set up SPFX to use Handlebars through webpack loader.","longDescription":["This sample demonstrate how to set up SPFX to use Handlebars through webpack loader."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Handlebars"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars2.githubusercontent.com/u/5503835?s=460\u0026v=4","alt":"Sample with Handlebars.js","slides":null}],"authors":[{"gitHubAccount":"StfBauer","company":"","pictureUrl":"https://github.com/StfBauer.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-handlebarsjs-webpack-loader", + "source": "pnp", + "title": "Sample with Handlebars.js", + "shortDescription": "This sample demonstrate how to set up SPFX to use Handlebars through webpack loader.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/handlebarsjs-webpack-loader", + "longDescription": [ + "This sample demonstrate how to set up SPFX to use Handlebars through webpack loader." + ], + "created": "2018-03-21", + "modified": "2018-03-21", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Handlebars" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://avatars2.githubusercontent.com/u/5503835?s=460\u0026v=4", + "alt": "Sample with Handlebars.js" + } + ], + "authors": [ + { + "gitHubAccount": "StfBauer", + "company": "N8D", + "pictureUrl": "https://github.com/StfBauer.png", + "name": "Stefan Bauer", + "twitter": "stfbauer" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/jquery-cdn/assets/sample.json b/samples/jquery-cdn/assets/sample.json index 81b526dea..45be77199 100644 --- a/samples/jquery-cdn/assets/sample.json +++ b/samples/jquery-cdn/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-jquery-cdn","version":null,"source":"pnp","title":"Using jQuery loaded from CDN","shortDescription":"This is a sample web Part that illustrates the use of jQuery and its plugins loaded from CDN for building SharePoint Framework client-side web parts.","longDescription":["This is a sample web Part that illustrates the use of jQuery and its plugins loaded from CDN for building SharePoint Framework client-side web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"jQuery"},{"key":"SPFX-VERSION","value":"drop2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-cdn/assets/preview_weather.png","alt":"Using jQuery loaded from CDN","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-jquery-cdn", + "source": "pnp", + "title": "Using jQuery loaded from CDN", + "shortDescription": "This is a sample web Part that illustrates the use of jQuery and its plugins loaded from CDN for building SharePoint Framework client-side web parts.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/jquery-cdn", + "longDescription": [ + "This is a sample web Part that illustrates the use of jQuery and its plugins loaded from CDN for building SharePoint Framework client-side web parts." + ], + "created": "2016-09-16", + "modified": "2016-09-16", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "jQuery" + }, + { + "key": "SPFX-VERSION", + "value": "drop2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-cdn/assets/preview_weather.png", + "alt": "Using jQuery loaded from CDN" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/jquery-photopile/assets/sample.json b/samples/jquery-photopile/assets/sample.json index 51baa921a..af957b995 100644 --- a/samples/jquery-photopile/assets/sample.json +++ b/samples/jquery-photopile/assets/sample.json @@ -1 +1,75 @@ -{"name":"pnp-sp-dev-spfx-web-parts-jquery-photopile","version":null,"source":"pnp","title":"JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part","shortDescription":"This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework.","longDescription":["This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"jQuery"},{"key":"SPFX-VERSION","value":"drop1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-photopile/assets/photopileoverview.gif","alt":"JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"OlivierCC","company":"","pictureUrl":"https://github.com/OlivierCC.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-jquery-photopile", + "source": "pnp", + "title": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part", + "shortDescription": "This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/jquery-photopile", + "longDescription": [ + "This is a sample web part that illustrated the use of JQuery and Photopile.Js with the SharePoint Framework." + ], + "created": "2016-09-09", + "modified": "2016-09-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "jQuery" + }, + { + "key": "SPFX-VERSION", + "value": "drop1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/jquery-photopile/assets/photopileoverview.gif", + "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-01.png?raw=true", + "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-02.png?raw=true", + "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-03.png?raw=true", + "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/jquery-photopile/assets/tutorial-add-spapp-05.png?raw=true", + "alt": "JQuery, Photopile.JS \u0026 Office UI Fabric Client-Side Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "OlivierCC", + "company": "Microsoft", + "pictureUrl": "https://github.com/OlivierCC.png", + "name": "Olivier Carpentier" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-advanced-commenting/assets/sample.json b/samples/js-advanced-commenting/assets/sample.json index b848653b1..c59b63394 100644 --- a/samples/js-advanced-commenting/assets/sample.json +++ b/samples/js-advanced-commenting/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-advanced-commenting","version":null,"source":"pnp","title":"Advanced Comments Box","shortDescription":"This component is developed for the advanced usage of commenting the page or article etc. Page Comments lists will be created to store the comments.","longDescription":["This component is developed for the advanced usage of commenting the page or article etc. Page Comments lists will be created to store the comments."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"jQuery"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-advanced-commenting/assets/Advanced-Comments-Box.gif","alt":"Advanced Comments Box","slides":null}],"authors":[{"gitHubAccount":"sudharsank","company":"","pictureUrl":"https://github.com/sudharsank.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-advanced-commenting", + "source": "pnp", + "title": "Advanced Comments Box", + "shortDescription": "This component is developed for the advanced usage of commenting the page or article etc. Page Comments lists will be created to store the comments.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-advanced-commenting", + "longDescription": [ + "This component is developed for the advanced usage of commenting the page or article etc. Page Comments lists will be created to store the comments." + ], + "created": "2020-02-05", + "modified": "2020-02-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "jQuery" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-advanced-commenting/assets/Advanced-Comments-Box.gif", + "alt": "Advanced Comments Box" + } + ], + "authors": [ + { + "gitHubAccount": "sudharsank", + "company": "NTT Digital Business Solutions", + "pictureUrl": "https://github.com/sudharsank.png", + "name": "Sudharsan Kesavanarayanan", + "twitter": "sudharsank" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-display-list/assets/sample.json b/samples/js-display-list/assets/sample.json index cd4e21e16..0f1d15997 100644 --- a/samples/js-display-list/assets/sample.json +++ b/samples/js-display-list/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-display-list","version":null,"source":"pnp","title":"Display List JavaScript Client-Side Web Part","shortDescription":"This simplistic sample Web Part demonstrates the use of JavaScript in a SharePoint Framework web part. The properties pane for this web part display a drop down list of lists in the current web. Once the user selects one of the lists, the web part display the contents of the list.","longDescription":["This simplistic sample Web Part demonstrates the use of JavaScript in a SharePoint Framework web part. The properties pane for this web part display a drop down list of lists in the current web. Once the user selects one of the lists, the web part display the contents of the list."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-display-list/assets/display-list-preview.png","alt":"Display List JavaScript Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"},{"gitHubAccount":"sharepointknight","company":"","pictureUrl":"https://github.com/sharepointknight.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-display-list", + "source": "pnp", + "title": "Display List JavaScript Client-Side Web Part", + "shortDescription": "This simplistic sample Web Part demonstrates the use of JavaScript in a SharePoint Framework web part. The properties pane for this web part display a drop down list of lists in the current web. Once the user selects one of the lists, the web part display the contents of the list.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-display-list", + "longDescription": [ + "This simplistic sample Web Part demonstrates the use of JavaScript in a SharePoint Framework web part. The properties pane for this web part display a drop down list of lists in the current web. Once the user selects one of the lists, the web part display the contents of the list." + ], + "created": "2020-08-29", + "modified": "2020-08-29", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-display-list/assets/display-list-preview.png", + "alt": "Display List JavaScript Client-Side Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + }, + { + "gitHubAccount": "sharepointknight", + "company": "", + "pictureUrl": "https://github.com/sharepointknight.png", + "name": "Ryan Schouten" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-dynamic-bundling-libraries/assets/sample.json b/samples/js-dynamic-bundling-libraries/assets/sample.json index 3f493bf79..8ae174013 100644 --- a/samples/js-dynamic-bundling-libraries/assets/sample.json +++ b/samples/js-dynamic-bundling-libraries/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-dynamic-bundling-libraries","version":null,"source":"pnp","title":"Dynamic Bundling \u0026 Loading of SPFx Packages","shortDescription":"This sample illustrates how SPFx functionality and packages can be bundled in multiple \u0027.js\u0027 files then be dynamically \u0026 asynchronously loaded into the page at execution time, such as with a button click.","longDescription":["This sample illustrates how SPFx functionality and packages can be bundled in multiple \u0027.js\u0027 files then be dynamically \u0026 asynchronously loaded into the page at execution time, such as with a button click."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PostjQueryClick.jpg","alt":"Dynamic Bundling \u0026 Loading of SPFx Packages","slides":null}],"authors":[{"gitHubAccount":"PopWarner","company":"","pictureUrl":"https://github.com/PopWarner.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-dynamic-bundling-libraries", + "source": "pnp", + "title": "Dynamic Bundling \u0026 Loading of SPFx Packages", + "shortDescription": "This sample illustrates how SPFx functionality and packages can be bundled in multiple \u0027.js\u0027 files then be dynamically \u0026 asynchronously loaded into the page at execution time, such as with a button click.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-dynamic-bundling-libraries", + "longDescription": [ + "This sample illustrates how SPFx functionality and packages can be bundled in multiple \u0027.js\u0027 files then be dynamically \u0026 asynchronously loaded into the page at execution time, such as with a button click." + ], + "created": "2018-12-03", + "modified": "2018-12-03", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PostjQueryClick.jpg", + "alt": "Dynamic Bundling \u0026 Loading of SPFx Packages" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-dynamic-bundling-libraries/assets/WebPart-Preview-PreClick.jpg?raw=true", + "alt": "Dynamic Bundling \u0026 Loading of SPFx Packages" + } + ], + "authors": [ + { + "gitHubAccount": "PopWarner", + "company": "Catapult Systems", + "pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460\u0026u=9e4e74223c4ffb430fb77c97892a84b286df1921\u0026v=4", + "name": "David Warner II", + "twitter": "PopWarner" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-employee-spotlight/assets/sample.json b/samples/js-employee-spotlight/assets/sample.json index ffb9cd522..dc16f56c6 100644 --- a/samples/js-employee-spotlight/assets/sample.json +++ b/samples/js-employee-spotlight/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-employee-spotlight","version":null,"source":"pnp","title":"Display Employee Spotlight JavaScript Client-Side Web Part","shortDescription":"Simple Web Part that demonstrates the use of SharePoint Framework for showcasing Employee Spotlight. The web part pulls data from a configured list and User Profile service. The properties pane for this web part has 5 cascading dropdowns.","longDescription":["Simple Web Part that demonstrates the use of SharePoint Framework for showcasing Employee Spotlight. The web part pulls data from a configured list and User Profile service. The properties pane for this web part has 5 cascading dropdowns."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-employee-spotlight/assets/Employee-spotlight-priview.png","alt":"Display Employee Spotlight JavaScript Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"brk114","company":"","pictureUrl":"https://github.com/brk114.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-employee-spotlight", + "source": "pnp", + "title": "Display Employee Spotlight JavaScript Client-Side Web Part", + "shortDescription": "Simple Web Part that demonstrates the use of SharePoint Framework for showcasing Employee Spotlight. The web part pulls data from a configured list and User Profile service. The properties pane for this web part has 5 cascading dropdowns.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-employee-spotlight", + "longDescription": [ + "Simple Web Part that demonstrates the use of SharePoint Framework for showcasing Employee Spotlight. The web part pulls data from a configured list and User Profile service. The properties pane for this web part has 5 cascading dropdowns." + ], + "created": "2017-06-12", + "modified": "2017-06-12", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-employee-spotlight/assets/Employee-spotlight-priview.png", + "alt": "Display Employee Spotlight JavaScript Client-Side Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-employee-spotlight/assets/Employee-spotlight-options.png?raw=true", + "alt": "Display Employee Spotlight JavaScript Client-Side Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "brk114", + "company": "TechDimension IT Solutions", + "pictureUrl": "https://github.com/brk114.png", + "name": "Ravi Kumar Bomma" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-extend-gulp/assets/sample.json b/samples/js-extend-gulp/assets/sample.json index 92c29bdaf..51d7ebe81 100644 --- a/samples/js-extend-gulp/assets/sample.json +++ b/samples/js-extend-gulp/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-extend-gulp","version":null,"source":"pnp","title":"Integrating custom gulp tasks to SharePoint Framwork toolchain","shortDescription":"SharePoint client-side development tools use gulp as the build process task runner to...","longDescription":["SharePoint client-side development tools use gulp as the build process task runner to..."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"rc0"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars3.githubusercontent.com/u/7882052?s=460\u0026v=4","alt":"Integrating custom gulp tasks to SharePoint Framwork toolchain","slides":null}],"authors":[{"gitHubAccount":"chakkaradeep","company":"","pictureUrl":"https://github.com/chakkaradeep.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-extend-gulp", + "source": "pnp", + "title": "Integrating custom gulp tasks to SharePoint Framwork toolchain", + "shortDescription": "SharePoint client-side development tools use gulp as the build process task runner to...", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-extend-gulp", + "longDescription": [ + "SharePoint client-side development tools use gulp as the build process task runner to..." + ], + "created": "2017-01-25", + "modified": "2017-01-25", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "rc0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://avatars3.githubusercontent.com/u/7882052?s=460\u0026v=4", + "alt": "Integrating custom gulp tasks to SharePoint Framwork toolchain" + } + ], + "authors": [ + { + "gitHubAccount": "chakkaradeep", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/7882052?s=460\u0026u=92d546edfe1e1b374c69f0fd9315186eea700b8f\u0026v=4", + "name": "Chakkaradeep Chandran", + "twitter": "chakkaradeep" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-extend-webpack/assets/sample.json b/samples/js-extend-webpack/assets/sample.json index 4edc153c5..374675102 100644 --- a/samples/js-extend-webpack/assets/sample.json +++ b/samples/js-extend-webpack/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-extend-webpack","version":null,"source":"pnp","title":"Extending webpack in the SharePoint Framework toolchain","shortDescription":"This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string.","longDescription":["This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png","alt":"Extending webpack in the SharePoint Framework toolchain","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"},{"gitHubAccount":"chakkaradeep","company":"","pictureUrl":"https://github.com/chakkaradeep.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-extend-webpack", + "source": "pnp", + "title": "Extending webpack in the SharePoint Framework toolchain", + "shortDescription": "This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-extend-webpack", + "longDescription": [ + "This sample shows how to use the webpack markdown-loader to preprocess markdown files to HTML string." + ], + "created": "2017-01-25", + "modified": "2017-01-25", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png", + "alt": "Extending webpack in the SharePoint Framework toolchain" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + }, + { + "gitHubAccount": "chakkaradeep", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/7882052?s=460\u0026u=92d546edfe1e1b374c69f0fd9315186eea700b8f\u0026v=4", + "name": "Chakkaradeep Chandran", + "twitter": "chakkaradeep" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-gitHubBadge/assets/sample.json b/samples/js-gitHubBadge/assets/sample.json index 043f96e42..e831d28b8 100644 --- a/samples/js-gitHubBadge/assets/sample.json +++ b/samples/js-gitHubBadge/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-gitHubBadge","version":null,"source":"pnp","title":"GitHub Badge","shortDescription":"","longDescription":[""],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-gitHubBadge/assets/1.png","alt":"GitHub Badge","slides":null}],"authors":[{"gitHubAccount":"skaggej","company":"","pictureUrl":"https://github.com/skaggej.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-gitHubBadge", + "source": "pnp", + "title": "GitHub Badge", + "shortDescription": "", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-gitHubBadge", + "longDescription": [ + "" + ], + "created": "2019-04-18", + "modified": "2019-04-18", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-gitHubBadge/assets/1.png", + "alt": "GitHub Badge" + } + ], + "authors": [ + { + "gitHubAccount": "skaggej", + "company": "", + "pictureUrl": "https://github.com/skaggej.png", + "name": "Eric Skaggs", + "twitter": "skaggej" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-modern-calendar/assets/sample.json b/samples/js-modern-calendar/assets/sample.json index ab408232b..02a8bb872 100644 --- a/samples/js-modern-calendar/assets/sample.json +++ b/samples/js-modern-calendar/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-modern-calendar","version":null,"source":"pnp","title":"Modern Calendar","shortDescription":"This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it.","longDescription":["This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.6.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://cloud.githubusercontent.com/assets/13068139/23584808/14c3ec26-0121-11e7-8be8-65fbcca32b62.png","alt":"Modern Calendar","slides":null}],"authors":[{"gitHubAccount":"jcoleman-pcprofessional","company":"","pictureUrl":"https://github.com/jcoleman-pcprofessional.png"},{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-modern-calendar", + "source": "pnp", + "title": "Modern Calendar", + "shortDescription": "This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-modern-calendar", + "longDescription": [ + "This is a modern web part built on the GA version of the SharePoint Framework demonstrating how to build a custom web part with a calendar capabilities in it." + ], + "created": "2020-06-05", + "modified": "2020-06-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.6.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://cloud.githubusercontent.com/assets/13068139/23584808/14c3ec26-0121-11e7-8be8-65fbcca32b62.png", + "alt": "Modern Calendar" + } + ], + "authors": [ + { + "gitHubAccount": "jcoleman-pcprofessional", + "company": "PC Professional Inc.", + "pictureUrl": "https://github.com/jcoleman-pcprofessional.png", + "name": "Jeremy Coleman" + }, + { + "gitHubAccount": "nanddeepn", + "company": "", + "pictureUrl": "https://github.com/nanddeepn.png", + "name": "Nanddeep Nachan", + "twitter": "NanddeepNachan" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-msgraph-thumbnail/assets/sample.json b/samples/js-msgraph-thumbnail/assets/sample.json index 3e743750d..19303afe6 100644 --- a/samples/js-msgraph-thumbnail/assets/sample.json +++ b/samples/js-msgraph-thumbnail/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-msgraph-thumbnail","version":null,"source":"pnp","title":"Thumbnail/preview of pages and files","shortDescription":"A web part showcasing how to call the Microsoft Graph Thumbnails API to generate a preview image for files and pages in SharePoint. The sample illustrates how to craft the preview URL both from a search result as well as from a SharePoint item object.","longDescription":["A web part showcasing how to call the Microsoft Graph Thumbnails API to generate a preview image for files and pages in SharePoint. The sample illustrates how to craft the preview URL both from a search result as well as from a SharePoint item object."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-msgraph-thumbnail/preview.gif","alt":"Thumbnail/preview of pages and files","slides":null}],"authors":[{"gitHubAccount":"wobba","company":"","pictureUrl":"https://github.com/wobba.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-msgraph-thumbnail", + "source": "pnp", + "title": "Thumbnail/preview of pages and files", + "shortDescription": "A web part showcasing how to call the Microsoft Graph Thumbnails API to generate a preview image for files and pages in SharePoint. The sample illustrates how to craft the preview URL both from a search result as well as from a SharePoint item object.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-msgraph-thumbnail", + "longDescription": [ + "A web part showcasing how to call the Microsoft Graph Thumbnails API to generate a preview image for files and pages in SharePoint. The sample illustrates how to craft the preview URL both from a search result as well as from a SharePoint item object." + ], + "created": "2020-01-21", + "modified": "2020-01-21", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-msgraph-thumbnail/preview.gif", + "alt": "Thumbnail/preview of pages and files" + } + ], + "authors": [ + { + "gitHubAccount": "wobba", + "company": "Microsoft", + "pictureUrl": "https://github.com/wobba.png", + "name": "Mikael Svenson", + "twitter": "mikaelsvenson" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-myflows/assets/sample.json b/samples/js-myflows/assets/sample.json index 569b6c3cc..342fc8989 100644 --- a/samples/js-myflows/assets/sample.json +++ b/samples/js-myflows/assets/sample.json @@ -1 +1,85 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-myflows","version":null,"source":"pnp","title":"My Flows Web Part","shortDescription":"Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js","longDescription":["Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-myflows/assets/Screenshot4.png","alt":"My Flows Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-myflows", + "source": "pnp", + "title": "My Flows Web Part", + "shortDescription": "Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-myflows", + "longDescription": [ + "Manage current user flows in SharePoint or Teams Tab, this web part use the msflowsdk-1.1.js" + ], + "created": "2019-08-13", + "modified": "2019-08-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-myflows/assets/Screenshot4.png", + "alt": "My Flows Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/MyFlows.gif?raw=true", + "alt": "My Flows Web Part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot1.png?raw=true", + "alt": "My Flows Web Part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot2.png?raw=true", + "alt": "My Flows Web Part" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-myflows/assets/Screenshot3.png?raw=true", + "alt": "My Flows Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-powerbi-embedded/assets/sample.json b/samples/js-powerbi-embedded/assets/sample.json index b632da694..e0268820e 100644 --- a/samples/js-powerbi-embedded/assets/sample.json +++ b/samples/js-powerbi-embedded/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-powerbi-embedded","version":null,"source":"pnp","title":"Embed a PowerBI report in a Client-Side Web Part","shortDescription":"This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code.","longDescription":["This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"drop2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-powerbi-embedded/assets/screenshot_powerbi_embedded_spfx.png","alt":"Embed a PowerBI report in a Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"roldengarm","company":"","pictureUrl":"https://github.com/roldengarm.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-powerbi-embedded", + "source": "pnp", + "title": "Embed a PowerBI report in a Client-Side Web Part", + "shortDescription": "This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-powerbi-embedded", + "longDescription": [ + "This sample SharePoint Framework client-side web part embedding a PowerBI report using PowerBI Embedded without any server-side code." + ], + "created": "2016-09-13", + "modified": "2016-09-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "drop2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-powerbi-embedded/assets/screenshot_powerbi_embedded_spfx.png", + "alt": "Embed a PowerBI report in a Client-Side Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "roldengarm", + "company": "", + "pictureUrl": "https://github.com/roldengarm.png", + "name": "Roland Oldengarm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-propertycontrols-svg/assets/sample.json b/samples/js-propertycontrols-svg/assets/sample.json index 18168e789..c4aef8f8c 100644 --- a/samples/js-propertycontrols-svg/assets/sample.json +++ b/samples/js-propertycontrols-svg/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-propertycontrols-svg","version":null,"source":"pnp","title":"JS Property Controls SVG","shortDescription":"An SPFx web part that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The web part utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties.","longDescription":["An SPFx web part that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The web part utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.3.4"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.gif","alt":"JS Property Controls SVG","slides":null}],"authors":[{"gitHubAccount":"thechriskent","company":"","pictureUrl":"https://github.com/thechriskent.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-propertycontrols-svg", + "source": "pnp", + "title": "JS Property Controls SVG", + "shortDescription": "An SPFx web part that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The web part utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-propertycontrols-svg", + "longDescription": [ + "An SPFx web part that displays a Scalable Vector Graphics (SVG) image using properties to customize how it is rendered. The web part utilizes the PnP SPFx Property Controls package (specifially the SpinButton and ColorPicker) to set these properties." + ], + "created": "2017-11-12", + "modified": "2017-11-12", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.3.4" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.gif", + "alt": "JS Property Controls SVG" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-propertycontrols-svg/assets/js-propertycontrols-svg.PNG?raw=true", + "alt": "JS Property Controls SVG" + } + ], + "authors": [ + { + "gitHubAccount": "thechriskent", + "company": "DMI", + "pictureUrl": "https://avatars.githubusercontent.com/u/8364109?s=460\u0026v=4", + "name": "Chris Kent", + "twitter": "thechriskent" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-public-unjoined-teams/assets/sample.json b/samples/js-public-unjoined-teams/assets/sample.json index 30e6c5f3d..1f0876cb4 100644 --- a/samples/js-public-unjoined-teams/assets/sample.json +++ b/samples/js-public-unjoined-teams/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-public-unjoined-teams","version":null,"source":"pnp","title":"Public teams I\u0027m not a member of","shortDescription":"This web part lists all the public teams the current user is not yet a member of. They can then join any of those teams by clicking the button right next to the team name. This web part can also be added to Teams as a tab (built with the 1.7.1 plusbeta/preview version).","longDescription":["This web part lists all the public teams the current user is not yet a member of. They can then join any of those teams by clicking the button right next to the team name. This web part can also be added to Teams as a tab (built with the 1.7.1 plusbeta/preview version)."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-public-unjoined-teams/assets/js-public-unjoined-teams.gif","alt":"Public teams I\u0027m not a member of","slides":null}],"authors":[{"gitHubAccount":"LauraKokkarinen","company":"","pictureUrl":"https://github.com/LauraKokkarinen.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-public-unjoined-teams", + "source": "pnp", + "title": "Public teams I\u0027m not a member of", + "shortDescription": "This web part lists all the public teams the current user is not yet a member of. They can then join any of those teams by clicking the button right next to the team name. This web part can also be added to Teams as a tab (built with the 1.7.1 plusbeta/preview version).", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-public-unjoined-teams", + "longDescription": [ + "This web part lists all the public teams the current user is not yet a member of. They can then join any of those teams by clicking the button right next to the team name. This web part can also be added to Teams as a tab (built with the 1.7.1 plusbeta/preview version)." + ], + "created": "2019-02-05", + "modified": "2019-02-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-public-unjoined-teams/assets/js-public-unjoined-teams.gif", + "alt": "Public teams I\u0027m not a member of" + } + ], + "authors": [ + { + "gitHubAccount": "LauraKokkarinen", + "company": "Sulava", + "pictureUrl": "https://github.com/LauraKokkarinen.png", + "name": "Laura Kokkarinen", + "twitter": "LauraKokkarinen" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-skype-status/assets/sample.json b/samples/js-skype-status/assets/sample.json index e4b701a52..76ec815ef 100644 --- a/samples/js-skype-status/assets/sample.json +++ b/samples/js-skype-status/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-skype-status","version":null,"source":"pnp","title":"JavaScript Skype Status Web Part","shortDescription":"This sample demonstrates how to use the UCWA JS Sdk for skype in the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation","longDescription":["This sample demonstrates how to use the UCWA JS Sdk for skype in the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-skype-status/images/demo.gif","alt":"JavaScript Skype Status Web Part","slides":null}],"authors":[{"gitHubAccount":"baywet","company":"","pictureUrl":"https://github.com/baywet.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-skype-status", + "source": "pnp", + "title": "JavaScript Skype Status Web Part", + "shortDescription": "This sample demonstrates how to use the UCWA JS Sdk for skype in the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-skype-status", + "longDescription": [ + "This sample demonstrates how to use the UCWA JS Sdk for skype in the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation" + ], + "created": "2019-03-27", + "modified": "2019-03-27", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-skype-status/images/demo.gif", + "alt": "JavaScript Skype Status Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "baywet", + "company": "Microsoft", + "pictureUrl": "https://github.com/baywet.png", + "name": "Vincent Biret", + "twitter": "baywet" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-solution-editions/assets/sample.json b/samples/js-solution-editions/assets/sample.json index 2b286389f..a815e5d5a 100644 --- a/samples/js-solution-editions/assets/sample.json +++ b/samples/js-solution-editions/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-solution-editions","version":null,"source":"pnp","title":"Handling Multiple Editions of SPFx Solution","shortDescription":"This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution.","longDescription":["This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars3.githubusercontent.com/u/17036219?s=460\u0026v=4","alt":"Handling Multiple Editions of SPFx Solution","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-solution-editions", + "source": "pnp", + "title": "Handling Multiple Editions of SPFx Solution", + "shortDescription": "This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-solution-editions", + "longDescription": [ + "This sample shows possible approach of handling multiple editions (e.g. trial, lite, full) of SharePoint Framework solution." + ], + "created": "2017-08-23", + "modified": "2017-08-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://avatars3.githubusercontent.com/u/17036219?s=460\u0026v=4", + "alt": "Handling Multiple Editions of SPFx Solution" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-theme-manager-2019/assets/sample.json b/samples/js-theme-manager-2019/assets/sample.json index 7461bdd5c..f0c270cf7 100644 --- a/samples/js-theme-manager-2019/assets/sample.json +++ b/samples/js-theme-manager-2019/assets/sample.json @@ -1 +1,90 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-theme-manager-2019","version":null,"source":"pnp","title":"Modern Experience Theme Manager 2019","shortDescription":"This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises.","longDescription":["This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager-2019/assets/apply-a-theme.png","alt":"Modern Experience Theme Manager 2019","slides":null}],"authors":[{"gitHubAccount":"PopWarner","company":"","pictureUrl":"https://github.com/PopWarner.png"},{"gitHubAccount":"bcameron1231","company":"","pictureUrl":"https://github.com/bcameron1231.png"},{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"skaggej","company":"","pictureUrl":"https://github.com/skaggej.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-theme-manager-2019", + "source": "pnp", + "title": "Modern Experience Theme Manager 2019", + "shortDescription": "This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-theme-manager-2019", + "longDescription": [ + "This sample web part provides a user interface for applying a Modern Experience theme in SharePoint 2019 on-premises." + ], + "created": "2019-06-17", + "modified": "2019-06-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager-2019/assets/apply-a-theme.png", + "alt": "Modern Experience Theme Manager 2019" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/create-a-theme.png?raw=true", + "alt": "Modern Experience Theme Manager 2019" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/delete-a-theme.png?raw=true", + "alt": "Modern Experience Theme Manager 2019" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/theme-manager.png?raw=true", + "alt": "Modern Experience Theme Manager 2019" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager-2019/assets/update-a-theme.png?raw=true", + "alt": "Modern Experience Theme Manager 2019" + } + ], + "authors": [ + { + "gitHubAccount": "PopWarner", + "company": "Catapult Systems", + "pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460\u0026u=9e4e74223c4ffb430fb77c97892a84b286df1921\u0026v=4", + "name": "David Warner II", + "twitter": "PopWarner" + }, + { + "gitHubAccount": "bcameron1231", + "company": "DMI", + "pictureUrl": "https://avatars.githubusercontent.com/u/7944457?s=460\u0026u=cbea276e0125f71a183f8ad94475dbd1984c6afa\u0026v=4", + "name": "Beau Cameron", + "twitter": "Beau__Cameron" + }, + { + "gitHubAccount": "skaggej", + "company": "", + "pictureUrl": "https://github.com/skaggej.png", + "name": "Eric Skaggs", + "twitter": "skaggej" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-theme-manager/assets/sample.json b/samples/js-theme-manager/assets/sample.json index a86a168b8..413d8191d 100644 --- a/samples/js-theme-manager/assets/sample.json +++ b/samples/js-theme-manager/assets/sample.json @@ -1 +1,90 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-theme-manager","version":null,"source":"pnp","title":"Modern Experience Theme Manager","shortDescription":"This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online.","longDescription":["This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager/assets/create-a-theme.png","alt":"Modern Experience Theme Manager","slides":null}],"authors":[{"gitHubAccount":"PopWarner","company":"","pictureUrl":"https://github.com/PopWarner.png"},{"gitHubAccount":"bcameron1231","company":"","pictureUrl":"https://github.com/bcameron1231.png"},{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-theme-manager", + "source": "pnp", + "title": "Modern Experience Theme Manager", + "shortDescription": "This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-theme-manager", + "longDescription": [ + "This sample web part provides a user interface for creating, updating, deleting and applying a Modern Experience SharePoint theme in SharePoint Online." + ], + "created": "2020-06-01", + "modified": "2020-06-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-theme-manager/assets/create-a-theme.png", + "alt": "Modern Experience Theme Manager" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/apply-a-theme.png?raw=true", + "alt": "Modern Experience Theme Manager" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/delete-a-theme.png?raw=true", + "alt": "Modern Experience Theme Manager" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/theme-manager.png?raw=true", + "alt": "Modern Experience Theme Manager" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/js-theme-manager/assets/update-a-theme.png?raw=true", + "alt": "Modern Experience Theme Manager" + } + ], + "authors": [ + { + "gitHubAccount": "PopWarner", + "company": "Catapult Systems", + "pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460\u0026u=9e4e74223c4ffb430fb77c97892a84b286df1921\u0026v=4", + "name": "David Warner II", + "twitter": "PopWarner" + }, + { + "gitHubAccount": "bcameron1231", + "company": "DMI", + "pictureUrl": "https://avatars.githubusercontent.com/u/7944457?s=460\u0026u=cbea276e0125f71a183f8ad94475dbd1984c6afa\u0026v=4", + "name": "Beau Cameron", + "twitter": "Beau__Cameron" + }, + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/js-workbench-customizer/assets/sample.json b/samples/js-workbench-customizer/assets/sample.json index 0452d608a..a0fd2e897 100644 --- a/samples/js-workbench-customizer/assets/sample.json +++ b/samples/js-workbench-customizer/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-js-workbench-customizer","version":null,"source":"pnp","title":"Workbench customizer","shortDescription":"This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page.","longDescription":["This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Javascript"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-workbench-customizer/assets/Preview.png","alt":"Workbench customizer","slides":null}],"authors":[{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-js-workbench-customizer", + "source": "pnp", + "title": "Workbench customizer", + "shortDescription": "This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/js-workbench-customizer", + "longDescription": [ + "This sample shows how the Workbench page can be customized to display in a way that better mimics a modern SharePoint page." + ], + "created": "2020-11-02", + "modified": "2020-11-02", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Javascript" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/js-workbench-customizer/assets/Preview.png", + "alt": "Workbench customizer" + } + ], + "authors": [ + { + "gitHubAccount": "joelfmrodrigues", + "company": "Storm Technology", + "pictureUrl": "https://github.com/joelfmrodrigues.png", + "name": "Joel Rodrigues", + "twitter": "joelfmrodrigues" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/knockout-dependent-properties/assets/sample.json b/samples/knockout-dependent-properties/assets/sample.json index d538590b0..9c01c8b43 100644 --- a/samples/knockout-dependent-properties/assets/sample.json +++ b/samples/knockout-dependent-properties/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-knockout-dependent-properties","version":null,"source":"pnp","title":"Knockout Dependent Properties","shortDescription":"Sample Web Part illustrating...","longDescription":["Sample Web Part illustrating..."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Knockout"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-dependent-properties/assets/dep-props.png","alt":"Knockout Dependent Properties","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-knockout-dependent-properties", + "source": "pnp", + "title": "Knockout Dependent Properties", + "shortDescription": "Sample Web Part illustrating...", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/knockout-dependent-properties", + "longDescription": [ + "Sample Web Part illustrating..." + ], + "created": "2017-05-20", + "modified": "2017-05-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Knockout" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-dependent-properties/assets/dep-props.png", + "alt": "Knockout Dependent Properties" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/knockout-sp-pnp-js/assets/sample.json b/samples/knockout-sp-pnp-js/assets/sample.json index e54210052..06bd0adc3 100644 --- a/samples/knockout-sp-pnp-js/assets/sample.json +++ b/samples/knockout-sp-pnp-js/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-knockout-sp-pnp-js","version":null,"source":"pnp","title":"Sample showing the use of @pnp/sp library with Knockoutjs","shortDescription":"This web part demonstrates how to integrate the @pnp/sp library into the SharePoint Framework as well as including mock data and simple list I/O.","longDescription":["This web part demonstrates how to integrate the @pnp/sp library into the SharePoint Framework as well as including mock data and simple list I/O."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Knockout"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-sp-pnp-js/assets/screenshot.png","alt":"Sample showing the use of @pnp/sp library with Knockoutjs","slides":null}],"authors":[{"gitHubAccount":"patrick-rodgers","company":"","pictureUrl":"https://github.com/patrick-rodgers.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-knockout-sp-pnp-js", + "source": "pnp", + "title": "Sample showing the use of @pnp/sp library with Knockoutjs", + "shortDescription": "This web part demonstrates how to integrate the @pnp/sp library into the SharePoint Framework as well as including mock data and simple list I/O.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/knockout-sp-pnp-js", + "longDescription": [ + "This web part demonstrates how to integrate the @pnp/sp library into the SharePoint Framework as well as including mock data and simple list I/O." + ], + "created": "2018-11-14", + "modified": "2018-11-14", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Knockout" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-sp-pnp-js/assets/screenshot.png", + "alt": "Sample showing the use of @pnp/sp library with Knockoutjs" + } + ], + "authors": [ + { + "gitHubAccount": "patrick-rodgers", + "company": "Microsoft", + "pictureUrl": "https://github.com/patrick-rodgers.png", + "name": "Patrick Rodgers", + "twitter": "mediocrebowler" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/knockout-taxonomy/assets/sample.json b/samples/knockout-taxonomy/assets/sample.json index e26182651..38d49ae55 100644 --- a/samples/knockout-taxonomy/assets/sample.json +++ b/samples/knockout-taxonomy/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-knockout-taxonomy","version":null,"source":"pnp","title":"Taxonomy Web Part","shortDescription":"Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components","longDescription":["Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Knockout"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-taxonomy/assets/Taxonomy.png","alt":"Taxonomy Web Part","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-knockout-taxonomy", + "source": "pnp", + "title": "Taxonomy Web Part", + "shortDescription": "Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/knockout-taxonomy", + "longDescription": [ + "Sample Web Part illustrating Reading taxonomy term stores\u0027 hierarchy from SharePoint, Loading JavaScript Object Model scripts, creating Knockout components" + ], + "created": "2017-05-05", + "modified": "2017-05-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Knockout" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/knockout-taxonomy/assets/Taxonomy.png", + "alt": "Taxonomy Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/pnp-controls/assets/sample.json b/samples/pnp-controls/assets/sample.json index ca7c91a2d..431499e46 100644 --- a/samples/pnp-controls/assets/sample.json +++ b/samples/pnp-controls/assets/sample.json @@ -1 +1,65 @@ -{"name":"pnp-sp-dev-spfx-web-parts-pnp-controls","version":null,"source":"pnp","title":"SharePoint Framework PnP Controls Sample","shortDescription":"This is a sample project that contains a web part which makes use of the PnP SPFx Controls","longDescription":["This is a sample project that contains a web part which makes use of the PnP SPFx Controls"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/pnp-controls/assets/webpart-outcome.gif","alt":"SharePoint Framework PnP Controls Sample","slides":null}],"authors":[{"gitHubAccount":"estruyf","company":"","pictureUrl":"https://github.com/estruyf.png"},{"gitHubAccount":"Swaminathan-Sriram","company":"","pictureUrl":"https://github.com/Swaminathan-Sriram.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-pnp-controls", + "source": "pnp", + "title": "SharePoint Framework PnP Controls Sample", + "shortDescription": "This is a sample project that contains a web part which makes use of the PnP SPFx Controls", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/pnp-controls", + "longDescription": [ + "This is a sample project that contains a web part which makes use of the PnP SPFx Controls" + ], + "created": "2020-12-16", + "modified": "2020-12-16", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/pnp-controls/assets/webpart-outcome.gif", + "alt": "SharePoint Framework PnP Controls Sample" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/pnp-controls/assets/documents.png?raw=true", + "alt": "SharePoint Framework PnP Controls Sample" + } + ], + "authors": [ + { + "gitHubAccount": "estruyf", + "company": "Struyf Consulting", + "pictureUrl": "https://github.com/estruyf.png", + "name": "Elio Struyf", + "twitter": "eliostruyf" + }, + { + "gitHubAccount": "Swaminathan-Sriram", + "company": "", + "pictureUrl": "https://github.com/Swaminathan-Sriram.png", + "name": "Swaminathan Sriram", + "twitter": "SwaminathanSri3" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-3rd-party-api/assets/sample.json b/samples/react-3rd-party-api/assets/sample.json index de519b945..9ba235f56 100644 --- a/samples/react-3rd-party-api/assets/sample.json +++ b/samples/react-3rd-party-api/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-3rd-party-api","version":null,"source":"pnp","title":"Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework","shortDescription":"This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework.","longDescription":["This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-3rd-party-api/images/react-3rd-party-api-ui-sample.gif","alt":"Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework","slides":null}],"authors":[{"gitHubAccount":"PaoloPia","company":"","pictureUrl":"https://github.com/PaoloPia.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-3rd-party-api", + "source": "pnp", + "title": "Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework", + "shortDescription": "This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-3rd-party-api", + "longDescription": [ + "This sub folders contains a client-side project that shows how to consume a 3rd party API within SharePoint Framework." + ], + "created": "2018-02-19", + "modified": "2018-02-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-3rd-party-api/images/react-3rd-party-api-ui-sample.gif", + "alt": "Consuming Third Party APIs secured with Azure Active Directory within SharePoint Framework" + } + ], + "authors": [ + { + "gitHubAccount": "PaoloPia", + "company": "PiaSys.com", + "pictureUrl": "https://github.com/PaoloPia.png", + "name": "Paolo Pialorsi", + "twitter": "PaoloPia" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-Edit-ApplicationCustomizer/assets/sample.json b/samples/react-Edit-ApplicationCustomizer/assets/sample.json index 27c8e9668..b7f421abc 100644 --- a/samples/react-Edit-ApplicationCustomizer/assets/sample.json +++ b/samples/react-Edit-ApplicationCustomizer/assets/sample.json @@ -1 +1,63 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-edit-applicationcustomizer","version":null,"source":"pnp","title":"Edit Application Customizers","shortDescription":"This web part will allow users to view/update application customizers properties across any web where the current user has access to.","longDescription":["This web part will allow users to view/update application customizers properties across any web where the current user has access to."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-Edit-ApplicationCustomizer/assets/react-all-applicationcustomizers.gif?raw=true","alt":"Edit Application Customizers","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"siddharth-vaghasia","company":"","pictureUrl":"https://github.com/siddharth-vaghasia.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-edit-applicationcustomizer", + "source": "pnp", + "title": "Edit Application Customizers", + "shortDescription": "This web part will allow users to view/update application customizers properties across any web where the current user has access to.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-edit-applicationcustomizer", + "longDescription": [ + "This web part will allow users to view/update application customizers properties across any web where the current user has access to." + ], + "created": "2020-11-07", + "modified": "2020-11-07", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-Edit-ApplicationCustomizer/assets/react-all-applicationcustomizers.gif?raw=true", + "alt": "Edit Application Customizers" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-edit-applicationcustomizer/assets/react-all-applicationcustomizers.gif?raw=true", + "alt": "Edit Application Customizers" + } + ], + "authors": [ + { + "gitHubAccount": "kunj-sangani", + "company": "", + "pictureUrl": "https://github.com/kunj-sangani.png", + "name": "Kunj Sangani" + }, + { + "gitHubAccount": "siddharth-vaghasia", + "company": "", + "pictureUrl": "https://github.com/siddharth-vaghasia.png", + "name": "Siddharth Vaghasia" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-aad-implicitflow/assets/sample.json b/samples/react-aad-implicitflow/assets/sample.json index d272b4a06..ae2eb7f84 100644 --- a/samples/react-aad-implicitflow/assets/sample.json +++ b/samples/react-aad-implicitflow/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-aad-implicitflow","version":null,"source":"pnp","title":"Azure Active Directory implicit flow authentication samples","shortDescription":"Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory.","longDescription":["Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-implicitflow/assets/upcoming-meetings-preview.png","alt":"Azure Active Directory implicit flow authentication samples","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-aad-implicitflow", + "source": "pnp", + "title": "Azure Active Directory implicit flow authentication samples", + "shortDescription": "Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-aad-implicitflow", + "longDescription": [ + "Sample SharePoint Framework web parts built using React illustrating different scenarios using implicit OAuth flow with Azure Active Directory." + ], + "created": "2017-03-17", + "modified": "2017-03-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-implicitflow/assets/upcoming-meetings-preview.png", + "alt": "Azure Active Directory implicit flow authentication samples" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-aad-webapi/assets/sample.json b/samples/react-aad-webapi/assets/sample.json index 908a6dfa6..2276c0d18 100644 --- a/samples/react-aad-webapi/assets/sample.json +++ b/samples/react-aad-webapi/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-aad-webapi","version":null,"source":"pnp","title":"Call custom Web API secured with AAD from SharePoint Framework client-side web part","shortDescription":"Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory.","longDescription":["Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"drop4"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-webapi/assets/preview.png","alt":"Call custom Web API secured with AAD from SharePoint Framework client-side web part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-aad-webapi", + "source": "pnp", + "title": "Call custom Web API secured with AAD from SharePoint Framework client-side web part", + "shortDescription": "Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-aad-webapi", + "longDescription": [ + "Sample SharePoint Framework client-side web part illustrating communication with a custom Web API secured with Azure Active Directory." + ], + "created": "2016-10-10", + "modified": "2016-10-10", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "drop4" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aad-webapi/assets/preview.png", + "alt": "Call custom Web API secured with AAD from SharePoint Framework client-side web part" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-accordion-dynamic-section/assets/sample.json b/samples/react-accordion-dynamic-section/assets/sample.json index f84b6913a..aa60e6e91 100644 --- a/samples/react-accordion-dynamic-section/assets/sample.json +++ b/samples/react-accordion-dynamic-section/assets/sample.json @@ -1 +1,91 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-accordion-dynamic-section","version":null,"source":"pnp","title":"Dynamic Accordion - FAQ Builder web part","shortDescription":"This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection.","longDescription":["This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/react-accordion-section.gif","alt":"Dynamic Accordion - FAQ Builder web part","slides":null}],"authors":[{"gitHubAccount":"jerryyasir","company":"","pictureUrl":"https://github.com/jerryyasir.png"},{"gitHubAccount":"jack-vinitsky","company":"","pictureUrl":"https://github.com/jack-vinitsky.png"},{"gitHubAccount":"Ravikadri","company":"","pictureUrl":"https://github.com/Ravikadri.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-accordion-dynamic-section", + "source": "pnp", + "title": "Dynamic Accordion - FAQ Builder web part", + "shortDescription": "This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-accordion-dynamic-section", + "longDescription": [ + "This sample is based on Erik Benke and Mike Zimmerman Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection." + ], + "created": "2021-01-05", + "modified": "2021-01-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/react-accordion-section.gif", + "alt": "Dynamic Accordion - FAQ Builder web part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/AccordionSettings1.png?raw=true", + "alt": "Dynamic Accordion - FAQ Builder web part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/AccordionSettings2.png?raw=true", + "alt": "Dynamic Accordion - FAQ Builder web part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-dynamic-section/assets/FAQsList.png?raw=true", + "alt": "Dynamic Accordion - FAQ Builder web part" + } + ], + "authors": [ + { + "gitHubAccount": "jerryyasir", + "company": "DXC Technology", + "pictureUrl": "https://github.com/jerryyasir.png", + "name": "Jerry Yasir", + "twitter": "jerryyasir" + }, + { + "gitHubAccount": "jack-vinitsky", + "company": "", + "pictureUrl": "https://github.com/jack-vinitsky.png", + "name": "Jack Vinitsky" + }, + { + "gitHubAccount": "Ravikadri", + "company": "Netwoven", + "pictureUrl": "https://github.com/Ravikadri.png", + "name": "Ravi Chandra" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-accordion-section/assets/sample.json b/samples/react-accordion-section/assets/sample.json index f276e5e81..a70dc1614 100644 --- a/samples/react-accordion-section/assets/sample.json +++ b/samples/react-accordion-section/assets/sample.json @@ -1 +1,79 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-accordion-section","version":null,"source":"pnp","title":"Accordion Section FAQ Builder","shortDescription":"Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs.","longDescription":["Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-section/assets/react-accordion-section.gif","alt":"Accordion Section FAQ Builder","slides":null}],"authors":[{"gitHubAccount":"ejbenke","company":"","pictureUrl":"https://github.com/ejbenke.png"},{"gitHubAccount":"mikezimm","company":"","pictureUrl":"https://github.com/mikezimm.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-accordion-section", + "source": "pnp", + "title": "Accordion Section FAQ Builder", + "shortDescription": "Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-accordion-section", + "longDescription": [ + "Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab. Ideal for creating FAQs." + ], + "created": "2020-09-02", + "modified": "2020-09-02", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-section/assets/react-accordion-section.gif", + "alt": "Accordion Section FAQ Builder" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-section/assets/AccordionSettings.png?raw=true", + "alt": "Accordion Section FAQ Builder" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion-section/assets/ListForAccordion.png?raw=true", + "alt": "Accordion Section FAQ Builder" + } + ], + "authors": [ + { + "gitHubAccount": "ejbenke", + "company": "", + "pictureUrl": "https://github.com/ejbenke.png", + "name": "Erik Benke", + "twitter": "erikjbenke" + }, + { + "gitHubAccount": "mikezimm", + "company": "", + "pictureUrl": "https://github.com/mikezimm.png", + "name": "Mike Zimmerman" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-accordion/assets/sample.json b/samples/react-accordion/assets/sample.json index 660be89ff..fe614a3a7 100644 --- a/samples/react-accordion/assets/sample.json +++ b/samples/react-accordion/assets/sample.json @@ -1 +1,65 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-accordion","version":null,"source":"pnp","title":"Accordion Web Part","shortDescription":"This is a sample web Part that illustrates the use of React Accessible Accordion plugin for building SharePoint Framework client-side web parts to show SharePoint list data in Accordion format.","longDescription":["This is a sample web Part that illustrates the use of React Accessible Accordion plugin for building SharePoint Framework client-side web parts to show SharePoint list data in Accordion format."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion/assets/previewAccordion.PNG","alt":"Accordion Web Part","slides":null}],"authors":[{"gitHubAccount":"gautamdsheth","company":"","pictureUrl":"https://github.com/gautamdsheth.png"},{"gitHubAccount":"AbhishekGarg","company":"","pictureUrl":"https://github.com/AbhishekGarg.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-accordion", + "source": "pnp", + "title": "Accordion Web Part", + "shortDescription": "This is a sample web Part that illustrates the use of React Accessible Accordion plugin for building SharePoint Framework client-side web parts to show SharePoint list data in Accordion format.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-accordion", + "longDescription": [ + "This is a sample web Part that illustrates the use of React Accessible Accordion plugin for building SharePoint Framework client-side web parts to show SharePoint list data in Accordion format." + ], + "created": "2020-06-22", + "modified": "2020-06-22", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion/assets/previewAccordion.PNG", + "alt": "Accordion Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-accordion/assets/AccordionPreview.png?raw=true", + "alt": "Accordion Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "gautamdsheth", + "company": "Valo Intranet", + "pictureUrl": "https://github.com/gautamdsheth.png", + "name": "Gautam Sheth", + "twitter": "gautamdsheth" + }, + { + "gitHubAccount": "AbhishekGarg", + "company": "Atos", + "pictureUrl": "https://avatars.githubusercontent.com/u/5449154?s=400\u0026v=4", + "name": "Abhishek Garg", + "twitter": "abhig89" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-adaptive-cards-image-gallery/assets/sample.json b/samples/react-adaptive-cards-image-gallery/assets/sample.json index e696f041f..5fd003b58 100644 --- a/samples/react-adaptive-cards-image-gallery/assets/sample.json +++ b/samples/react-adaptive-cards-image-gallery/assets/sample.json @@ -1 +1,76 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-adaptive-cards-image-gallery","version":null,"source":"pnp","title":"Image Gallery Web Part Built with Adaptive Cards","shortDescription":"This sample demonstrates the capability of using Adaptive Cards with SharePoint Framework. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list.","longDescription":["This sample demonstrates the capability of using Adaptive Cards with SharePoint Framework. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptive-cards-image-gallery/assets/sharepoint-run.gif","alt":"Image Gallery Web Part Built with Adaptive Cards","slides":null}],"authors":[{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"},{"gitHubAccount":"ravi16a87","company":"","pictureUrl":"https://github.com/ravi16a87.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-adaptive-cards-image-gallery", + "source": "pnp", + "title": "Image Gallery Web Part Built with Adaptive Cards", + "shortDescription": "This sample demonstrates the capability of using Adaptive Cards with SharePoint Framework. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-adaptive-cards-image-gallery", + "longDescription": [ + "This sample demonstrates the capability of using Adaptive Cards with SharePoint Framework. Adaptive cards are great fit for Bot, however they can be effectively used with SPFx to render the content. This web part helps to display the image gallery from SharePoint list." + ], + "created": "2020-06-15", + "modified": "2020-06-15", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptive-cards-image-gallery/assets/sharepoint-run.gif", + "alt": "Image Gallery Web Part Built with Adaptive Cards" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptive-cards-image-gallery/assets/list-sample-data.png?raw=true", + "alt": "Image Gallery Web Part Built with Adaptive Cards" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptive-cards-image-gallery/assets/list-schema.png?raw=true", + "alt": "Image Gallery Web Part Built with Adaptive Cards" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptive-cards-image-gallery/assets/webpart-preview.png?raw=true", + "alt": "Image Gallery Web Part Built with Adaptive Cards" + } + ], + "authors": [ + { + "gitHubAccount": "nanddeepn", + "company": "", + "pictureUrl": "https://github.com/nanddeepn.png", + "name": "Nanddeep Nachan", + "twitter": "NanddeepNachan" + }, + { + "gitHubAccount": "ravi16a87", + "company": "Cognizant", + "pictureUrl": "https://github.com/ravi16a87.png", + "name": "Ravi Kulkarni" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-adaptivecards-hooks/assets/sample.json b/samples/react-adaptivecards-hooks/assets/sample.json index 6c325365a..d1334c606 100644 --- a/samples/react-adaptivecards-hooks/assets/sample.json +++ b/samples/react-adaptivecards-hooks/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-adaptivecards-hooks","version":null,"source":"pnp","title":"Adaptive Cards Viewer using Hooks","shortDescription":"A version of react-adaptivecards using React Hooks.","longDescription":["A version of react-adaptivecards using React Hooks."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards-hooks/assets/preview.png","alt":"Adaptive Cards Viewer using Hooks","slides":null}],"authors":[{"gitHubAccount":"pschaeflein","company":"","pictureUrl":"https://github.com/pschaeflein.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-adaptivecards-hooks", + "source": "pnp", + "title": "Adaptive Cards Viewer using Hooks", + "shortDescription": "A version of react-adaptivecards using React Hooks.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-adaptivecards-hooks", + "longDescription": [ + "A version of react-adaptivecards using React Hooks." + ], + "created": "2020-08-25", + "modified": "2020-08-25", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards-hooks/assets/preview.png", + "alt": "Adaptive Cards Viewer using Hooks" + } + ], + "authors": [ + { + "gitHubAccount": "pschaeflein", + "company": "AddIn365", + "pictureUrl": "https://github.com/pschaeflein.png", + "name": "Paul Schaeflein" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-adaptivecards/assets/sample.json b/samples/react-adaptivecards/assets/sample.json index 8bba59676..1539d50ee 100644 --- a/samples/react-adaptivecards/assets/sample.json +++ b/samples/react-adaptivecards/assets/sample.json @@ -1 +1,157 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-adaptivecards","version":null,"source":"pnp","title":"Adaptive Cards Host","shortDescription":"This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications.","longDescription":["This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards/assets/AdaptiveCardsHostAllSamples.gif","alt":"Adaptive Cards Host","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-adaptivecards", + "source": "pnp", + "title": "Adaptive Cards Host", + "shortDescription": "This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-adaptivecards", + "longDescription": [ + "This sample creates an Adaptive Cards Host web part that you can use to display Adaptive Cards in your SharePoint applications." + ], + "created": "2021-02-23", + "modified": "2021-02-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-adaptivecards/assets/AdaptiveCardsHostAllSamples.gif", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/AdaptiveCardHostRendering.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/AdaptiveCardsHost.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/BackgroundColors.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DataContext.png?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DependentControls.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/DevTools.png?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/EnableTemplating.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/ErrorHandling.png?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SampleDataEditor.png?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SelectLibrary.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/SharePointHost.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/Templating.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 113, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/TemplatingDetection.png?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 114, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/TemplatingSamples.gif?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 115, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/UIFabric.png?raw=true", + "alt": "Adaptive Cards Host" + }, + { + "type": "image", + "order": 116, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-adaptivecards/assets/YouNeedData.png?raw=true", + "alt": "Adaptive Cards Host" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-add-js-css-ref/assets/sample.json b/samples/react-add-js-css-ref/assets/sample.json index 6c5ed8675..def2bbada 100644 --- a/samples/react-add-js-css-ref/assets/sample.json +++ b/samples/react-add-js-css-ref/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-add-js-css-ref","version":null,"source":"pnp","title":"Add JS and CSS reference on Modern Pages","shortDescription":"React-based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site.","longDescription":["React-based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-add-js-css-ref/assets/webpartinaction.gif","alt":"Add JS and CSS reference on Modern Pages","slides":null}],"authors":[{"gitHubAccount":"siddharth-vaghasia","company":"","pictureUrl":"https://github.com/siddharth-vaghasia.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-add-js-css-ref", + "source": "pnp", + "title": "Add JS and CSS reference on Modern Pages", + "shortDescription": "React-based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-add-js-css-ref", + "longDescription": [ + "React-based SPFx web part and extension that allows users to add/modify/delete custom js and css file references using SPFx application customizer extension all modern pages within SP online site." + ], + "created": "2020-06-11", + "modified": "2020-06-11", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-add-js-css-ref/assets/webpartinaction.gif", + "alt": "Add JS and CSS reference on Modern Pages" + } + ], + "authors": [ + { + "gitHubAccount": "siddharth-vaghasia", + "company": "", + "pictureUrl": "https://github.com/siddharth-vaghasia.png", + "name": "Siddharth Vaghasia" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-admin-sc-catalog-pnpjs/assets/sample.json b/samples/react-admin-sc-catalog-pnpjs/assets/sample.json index c76b662ec..2be8a22f7 100644 --- a/samples/react-admin-sc-catalog-pnpjs/assets/sample.json +++ b/samples/react-admin-sc-catalog-pnpjs/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-admin-sc-catalog-pnpjs","version":null,"source":"pnp","title":"Site Collection App Catalogs","shortDescription":"A SPFx Web Part using @pnp/sp/appcatalog and @pnp/spfx-controls-react. It allows to see in a single view all the SiteCollection catalogs and the Apps installed with some useful metadata. It needs Globlal Administrator or SharePoint Online Administrator permissions in order to access Site collection App Catalogs hidden list and each Site Collection App Catalog.","longDescription":["A SPFx Web Part using @pnp/sp/appcatalog and @pnp/spfx-controls-react. It allows to see in a single view all the SiteCollection catalogs and the Apps installed with some useful metadata. It needs Globlal Administrator or SharePoint Online Administrator permissions in order to access Site collection App Catalogs hidden list and each Site Collection App Catalog."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-admin-sc-catalog-pnpjs/assets/react-admin-sc-catalog-pnpjs-webpart-animated.gif","alt":"Site Collection App Catalogs","slides":null}],"authors":[{"gitHubAccount":"fredupstair","company":"","pictureUrl":"https://github.com/fredupstair.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-admin-sc-catalog-pnpjs", + "source": "pnp", + "title": "Site Collection App Catalogs", + "shortDescription": "A SPFx Web Part using @pnp/sp/appcatalog and @pnp/spfx-controls-react. It allows to see in a single view all the SiteCollection catalogs and the Apps installed with some useful metadata. It needs Globlal Administrator or SharePoint Online Administrator permissions in order to access Site collection App Catalogs hidden list and each Site Collection App Catalog.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-admin-sc-catalog-pnpjs", + "longDescription": [ + "A SPFx Web Part using @pnp/sp/appcatalog and @pnp/spfx-controls-react. It allows to see in a single view all the SiteCollection catalogs and the Apps installed with some useful metadata. It needs Globlal Administrator or SharePoint Online Administrator permissions in order to access Site collection App Catalogs hidden list and each Site Collection App Catalog." + ], + "created": "2019-11-07", + "modified": "2019-11-07", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-admin-sc-catalog-pnpjs/assets/react-admin-sc-catalog-pnpjs-webpart-animated.gif", + "alt": "Site Collection App Catalogs" + } + ], + "authors": [ + { + "gitHubAccount": "fredupstair", + "company": "Avanade Italy", + "pictureUrl": "https://github.com/fredupstair.png", + "name": "Federico Porceddu" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-aggregated-calendar/assets/sample.json b/samples/react-aggregated-calendar/assets/sample.json index d682b198b..bfdd84878 100644 --- a/samples/react-aggregated-calendar/assets/sample.json +++ b/samples/react-aggregated-calendar/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-aggregated-calendar","version":null,"source":"pnp","title":"Aggregated Calendar Web part","shortDescription":"This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io","longDescription":["This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aggregated-calendar/assets/react-aggregated-calendar.gif","alt":"Aggregated Calendar Web part","slides":null}],"authors":[{"gitHubAccount":"dhavalshah01","company":"","pictureUrl":"https://github.com/dhavalshah01.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-aggregated-calendar", + "source": "pnp", + "title": "Aggregated Calendar Web part", + "shortDescription": "This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-aggregated-calendar", + "longDescription": [ + "This is a sample web part developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io" + ], + "created": "2018-07-16", + "modified": "2018-07-16", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-aggregated-calendar/assets/react-aggregated-calendar.gif", + "alt": "Aggregated Calendar Web part" + } + ], + "authors": [ + { + "gitHubAccount": "dhavalshah01", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/13947393?s=460\u0026u=38d18e840d22f5567d508027515c728025bae8cb\u0026v=4", + "name": "Dhaval Shah" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-app-settings/assets/sample.json b/samples/react-app-settings/assets/sample.json index fd024e9aa..31b413472 100644 --- a/samples/react-app-settings/assets/sample.json +++ b/samples/react-app-settings/assets/sample.json @@ -1 +1,66 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-app-settings","version":null,"source":"pnp","title":"App settings web part","shortDescription":"This sample shows how AppSettings.ts file can be added and used within SharePoint Framewrok webparts similar to the Web.config / App.config key value app settings in .NET Framework projects. That allows better DevOps and continuous integration (CI/CD) automation. The AppSettings.ts is transpiled/compiled with your SPFx solution which differs from the way the web.config. With .Net web.config file we would be able to update independently without the need of compiling DLLs. If that behavior is required, you can store your app settings in a SharePoint list and change them from there. However, that will have performance degradation over if the setting was part of the SPFx code where the logic can get a setting value in milliseconds.","longDescription":["This sample shows how AppSettings.ts file can be added and used within SharePoint Framewrok webparts similar to the Web.config / App.config key value app settings in .NET Framework projects. That allows better DevOps and continuous integration (CI/CD) automation. The AppSettings.ts is transpiled/compiled with your SPFx solution which differs from the way the web.config. With .Net web.config file we would be able to update independently without the need of compiling DLLs. If that behavior is required, you can store your app settings in a SharePoint list and change them from there. However, that will have performance degradation over if the setting was part of the SPFx code where the logic can get a setting value in milliseconds."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-app-settings/assets/app-settings-class.PNG","alt":"App settings web part","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-app-settings", + "source": "pnp", + "title": "App settings web part", + "shortDescription": "This sample shows how AppSettings.ts file can be added and used within SharePoint Framewrok webparts similar to the Web.config / App.config key value app settings in .NET Framework projects. That allows better DevOps and continuous integration (CI/CD) automation. The AppSettings.ts is transpiled/compiled with your SPFx solution which differs from the way the web.config. With .Net web.config file we would be able to update independently without the need of compiling DLLs. If that behavior is required, you can store your app settings in a SharePoint list and change them from there. However, that will have performance degradation over if the setting was part of the SPFx code where the logic can get a setting value in milliseconds.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-app-settings", + "longDescription": [ + "This sample shows how AppSettings.ts file can be added and used within SharePoint Framewrok webparts similar to the Web.config / App.config key value app settings in .NET Framework projects. That allows better DevOps and continuous integration (CI/CD) automation. The AppSettings.ts is transpiled/compiled with your SPFx solution which differs from the way the web.config. With .Net web.config file we would be able to update independently without the need of compiling DLLs. If that behavior is required, you can store your app settings in a SharePoint list and change them from there. However, that will have performance degradation over if the setting was part of the SPFx code where the logic can get a setting value in milliseconds." + ], + "created": "2019-03-03", + "modified": "2019-03-03", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.1" + }, + { + "key": "SPFX-FULLPAGEAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-app-settings/assets/app-settings-class.PNG", + "alt": "App settings web part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-app-settings/assets/spfx-appSettings-json.PNG?raw=true", + "alt": "App settings web part" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Using single part app pages in SharePoint Online", + "description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-appinsights-dashboard/assets/sample.json b/samples/react-appinsights-dashboard/assets/sample.json index d87683c94..b3bd7176c 100644 --- a/samples/react-appinsights-dashboard/assets/sample.json +++ b/samples/react-appinsights-dashboard/assets/sample.json @@ -1 +1,91 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-appinsights-dashboard","version":null,"source":"pnp","title":"React AppInsights Dashboard","shortDescription":"This web part displays different statistics data captured in the Azure Application Insights in a graphical representation.","longDescription":["This web part displays different statistics data captured in the Azure Application Insights in a graphical representation."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-appinsights-dashboard/assets/AppInsights_Dashboard.gif","alt":"React AppInsights Dashboard","slides":null}],"authors":[{"gitHubAccount":"sudharsank","company":"","pictureUrl":"https://github.com/sudharsank.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-appinsights-dashboard", + "source": "pnp", + "title": "React AppInsights Dashboard", + "shortDescription": "This web part displays different statistics data captured in the Azure Application Insights in a graphical representation.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-appinsights-dashboard", + "longDescription": [ + "This web part displays different statistics data captured in the Azure Application Insights in a graphical representation." + ], + "created": "2020-06-17", + "modified": "2020-06-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-FULLPAGEAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-appinsights-dashboard/assets/AppInsights_Dashboard.gif", + "alt": "React AppInsights Dashboard" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/AppInsights_APIAccess.png?raw=true", + "alt": "React AppInsights Dashboard" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/AppInsights_APIKey.png?raw=true", + "alt": "React AppInsights Dashboard" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/PageStatistics.png?raw=true", + "alt": "React AppInsights Dashboard" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/PerformanceStatistics.png?raw=true", + "alt": "React AppInsights Dashboard" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-appinsights-dashboard/assets/UserStatistics.png?raw=true", + "alt": "React AppInsights Dashboard" + } + ], + "authors": [ + { + "gitHubAccount": "sudharsank", + "company": "NTT Digital Business Solutions", + "pictureUrl": "https://github.com/sudharsank.png", + "name": "Sudharsan Kesavanarayanan", + "twitter": "sudharsank" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Using single part app pages in SharePoint Online", + "description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-async-await-sp-pnp-js/assets/sample.json b/samples/react-async-await-sp-pnp-js/assets/sample.json index 58d3297e3..6e4584317 100644 --- a/samples/react-async-await-sp-pnp-js/assets/sample.json +++ b/samples/react-async-await-sp-pnp-js/assets/sample.json @@ -1 +1,63 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-async-await-sp-pnp-js","version":null,"source":"pnp","title":"Using @pnp/js with Async / Await","shortDescription":"This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes.","longDescription":["This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-async-await-sp-pnp-js/assets/async-await-sp-pnp-js.png","alt":"Using @pnp/js with Async / Await","slides":null}],"authors":[{"gitHubAccount":"jquinzamora","company":"","pictureUrl":"https://github.com/jquinzamora.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-async-await-sp-pnp-js", + "source": "pnp", + "title": "Using @pnp/js with Async / Await", + "shortDescription": "This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-async-await-sp-pnp-js", + "longDescription": [ + "This web part demonstrates how to use PnPJS with Async functions into the SharePoint Framework as well as integrating PnP JS and SPFx Logging systems. Real example querying SharePoint library to show document sizes." + ], + "created": "2018-07-20", + "modified": "2018-07-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-async-await-sp-pnp-js/assets/async-await-sp-pnp-js.png", + "alt": "Using @pnp/js with Async / Await" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-async-await-sp-pnp-js/assets/async-await-sp-pnp-js-2.png?raw=true", + "alt": "Using @pnp/js with Async / Await" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-async-await-sp-pnp-js/assets/pnp-js-logging-spfx.png?raw=true", + "alt": "Using @pnp/js with Async / Await" + } + ], + "authors": [ + { + "gitHubAccount": "jquinzamora", + "company": "", + "pictureUrl": "https://github.com/jquinzamora.png", + "name": "Jose Quinto" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-avatar/assets/sample.json b/samples/react-avatar/assets/sample.json index cdea4718e..1e9b7849b 100644 --- a/samples/react-avatar/assets/sample.json +++ b/samples/react-avatar/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-avatar","version":null,"source":"pnp","title":"SPFx Avatar","shortDescription":"This is a sample web part that helps user create their avatar and save as profile picture. User can even download their avatar as PNG file. This web part can be useful in Intranet to help user create their avatar and save it as profile picture.","longDescription":["This is a sample web part that helps user create their avatar and save as profile picture. User can even download their avatar as PNG file. This web part can be useful in Intranet to help user create their avatar and save it as profile picture."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-avatar/assets/reactAvatarOutcome.gif","alt":"SPFx Avatar","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-avatar", + "source": "pnp", + "title": "SPFx Avatar", + "shortDescription": "This is a sample web part that helps user create their avatar and save as profile picture. User can even download their avatar as PNG file. This web part can be useful in Intranet to help user create their avatar and save it as profile picture.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-avatar", + "longDescription": [ + "This is a sample web part that helps user create their avatar and save as profile picture. User can even download their avatar as PNG file. This web part can be useful in Intranet to help user create their avatar and save it as profile picture." + ], + "created": "2020-08-01", + "modified": "2020-08-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-avatar/assets/reactAvatarOutcome.gif", + "alt": "SPFx Avatar" + } + ], + "authors": [ + { + "gitHubAccount": "kunj-sangani", + "company": "", + "pictureUrl": "https://github.com/kunj-sangani.png", + "name": "Kunj Sangani" + }, + { + "gitHubAccount": "joelfmrodrigues", + "company": "Storm Technology", + "pictureUrl": "https://github.com/joelfmrodrigues.png", + "name": "Joel Rodrigues", + "twitter": "joelfmrodrigues" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-azfunc-vimeo/assets/sample.json b/samples/react-azfunc-vimeo/assets/sample.json index b4ff1bea3..bdc311131 100644 --- a/samples/react-azfunc-vimeo/assets/sample.json +++ b/samples/react-azfunc-vimeo/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-azfunc-vimeo","version":null,"source":"pnp","title":"Local Azure Function and SPFx Web Part Development to consume third party APIs","shortDescription":"This sample shows how to consume third-party APIs through an Azure Functions by a Web Part.","longDescription":["This sample shows how to consume third-party APIs through an Azure Functions by a Web Part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars2.githubusercontent.com/u/5503835?s=460\u0026v=4","alt":"Local Azure Function and SPFx Web Part Development to consume third party APIs","slides":null}],"authors":[{"gitHubAccount":"StfBauer","company":"","pictureUrl":"https://github.com/StfBauer.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-azfunc-vimeo", + "source": "pnp", + "title": "Local Azure Function and SPFx Web Part Development to consume third party APIs", + "shortDescription": "This sample shows how to consume third-party APIs through an Azure Functions by a Web Part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-azfunc-vimeo", + "longDescription": [ + "This sample shows how to consume third-party APIs through an Azure Functions by a Web Part." + ], + "created": "2018-07-24", + "modified": "2018-07-24", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://avatars2.githubusercontent.com/u/5503835?s=460\u0026v=4", + "alt": "Local Azure Function and SPFx Web Part Development to consume third party APIs" + } + ], + "authors": [ + { + "gitHubAccount": "StfBauer", + "company": "N8D", + "pictureUrl": "https://github.com/StfBauer.png", + "name": "Stefan Bauer", + "twitter": "stfbauer" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-banner/assets/sample.json b/samples/react-banner/assets/sample.json index 14d3bb727..1fccd9d2f 100644 --- a/samples/react-banner/assets/sample.json +++ b/samples/react-banner/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-banner","version":null,"source":"pnp","title":"Banner Web Part","shortDescription":"This web part provides you the ability to add a variable height image banner with a linkable title.","longDescription":["This web part provides you the ability to add a variable height image banner with a linkable title."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-banner.gif","alt":"Banner Web Part","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-banner", + "source": "pnp", + "title": "Banner Web Part", + "shortDescription": "This web part provides you the ability to add a variable height image banner with a linkable title.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-banner", + "longDescription": [ + "This web part provides you the ability to add a variable height image banner with a linkable title." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-banner.gif", + "alt": "Banner Web Part" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-birthdays/assets/sample.json b/samples/react-birthdays/assets/sample.json index b26df57cd..98f18753a 100644 --- a/samples/react-birthdays/assets/sample.json +++ b/samples/react-birthdays/assets/sample.json @@ -1 +1,241 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-birthdays","version":null,"source":"pnp","title":"Birthdays Web Part","shortDescription":"The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022","longDescription":["The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-birthdays/assets/birthdays.gif","alt":"Birthdays Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-birthdays", + "source": "pnp", + "title": "Birthdays Web Part", + "shortDescription": "The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-birthdays", + "longDescription": [ + "The Web Part Birthdays shows the upcoming birthdays in the company, the web part reads birthdays from a list located on the tenant\u0027s root site with title \u0022Birthdays.\u0022" + ], + "created": "2019-07-23", + "modified": "2019-07-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-birthdays/assets/birthdays.gif", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/ballonsBackgroud.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/baloons.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/birthdays.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/birthdays2.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof1.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof10.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof11.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof12.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof14.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof14_1.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof17.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 113, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof18.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 114, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof181.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 115, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof19.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 116, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof2.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 117, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof20.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 118, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof21.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 119, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof22.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 120, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof24.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 121, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof28.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 122, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof29.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 123, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof3.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 124, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof30.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 125, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof4.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 126, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof5.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 127, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof6.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 128, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof7.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 129, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof8.png?raw=true", + "alt": "Birthdays Web Part" + }, + { + "type": "image", + "order": 130, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-birthdays/assets/cof9.png?raw=true", + "alt": "Birthdays Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-bot-framework-secure/assets/sample.json b/samples/react-bot-framework-secure/assets/sample.json index 1256b3f5f..33be310d6 100644 --- a/samples/react-bot-framework-secure/assets/sample.json +++ b/samples/react-bot-framework-secure/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-bot-framework-secure","version":null,"source":"pnp","title":"Secure Bot Framework","shortDescription":"This sample shows how to secure your conversation including the use of a Direct Line token instead of secret, for user id, generate it inside client side and detect if the client has changed the user ID and reject the change.","longDescription":["This sample shows how to secure your conversation including the use of a Direct Line token instead of secret, for user id, generate it inside client side and detect if the client has changed the user ID and reject the change."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif","alt":"Secure Bot Framework","slides":null}],"authors":[{"gitHubAccount":"DingmaomaoBJTU","company":"","pictureUrl":"https://github.com/DingmaomaoBJTU.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-bot-framework-secure", + "source": "pnp", + "title": "Secure Bot Framework", + "shortDescription": "This sample shows how to secure your conversation including the use of a Direct Line token instead of secret, for user id, generate it inside client side and detect if the client has changed the user ID and reject the change.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-bot-framework-secure", + "longDescription": [ + "This sample shows how to secure your conversation including the use of a Direct Line token instead of secret, for user id, generate it inside client side and detect if the client has changed the user ID and reject the change." + ], + "created": "2020-11-06", + "modified": "2020-11-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif", + "alt": "Secure Bot Framework" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework-secure/assets/EnhancedAuth.png?raw=true", + "alt": "Secure Bot Framework" + } + ], + "authors": [ + { + "gitHubAccount": "DingmaomaoBJTU", + "company": "Microsoft", + "pictureUrl": "https://github.com/DingmaomaoBJTU.png", + "name": "Qiong Wu" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-bot-framework-sso/assets/sample.json b/samples/react-bot-framework-sso/assets/sample.json index d5405c67b..0cfa3a432 100644 --- a/samples/react-bot-framework-sso/assets/sample.json +++ b/samples/react-bot-framework-sso/assets/sample.json @@ -1 +1,63 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-bot-framework-sso","version":null,"source":"pnp","title":"Single-Sign On Bot Framework","shortDescription":"The web parts embeds the login bot by using a webchat. As the user has already login in the SharePoint website, we could use SSO to authorize the bot.","longDescription":["The web parts embeds the login bot by using a webchat. As the user has already login in the SharePoint website, we could use SSO to authorize the bot."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif","alt":"Single-Sign On Bot Framework","slides":null}],"authors":[{"gitHubAccount":"DingmaomaoBJTU","company":"","pictureUrl":"https://github.com/DingmaomaoBJTU.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-bot-framework-sso", + "source": "pnp", + "title": "Single-Sign On Bot Framework", + "shortDescription": "The web parts embeds the login bot by using a webchat. As the user has already login in the SharePoint website, we could use SSO to authorize the bot.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-bot-framework-sso", + "longDescription": [ + "The web parts embeds the login bot by using a webchat. As the user has already login in the SharePoint website, we could use SSO to authorize the bot." + ], + "created": "2020-11-06", + "modified": "2020-11-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework-secure/assets/sp-wp-secure.gif", + "alt": "Single-Sign On Bot Framework" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework-sso/assets/EnhancedAuth.png?raw=true", + "alt": "Single-Sign On Bot Framework" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework-sso/assets/sp-wp-sso.gif?raw=true", + "alt": "Single-Sign On Bot Framework" + } + ], + "authors": [ + { + "gitHubAccount": "DingmaomaoBJTU", + "company": "Microsoft", + "pictureUrl": "https://github.com/DingmaomaoBJTU.png", + "name": "Qiong Wu" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-bot-framework/assets/sample.json b/samples/react-bot-framework/assets/sample.json index 13dd71658..5ff321bae 100644 --- a/samples/react-bot-framework/assets/sample.json +++ b/samples/react-bot-framework/assets/sample.json @@ -1 +1,94 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-bot-framework","version":null,"source":"pnp","title":"Microsoft Bot Framework Web Chat","shortDescription":"A web part that uses the botframework-webchat module to create implement a React component to render the Bot Framework v4 webchat component. This web part is able to render Text and richt attachments (Images, Cards, Adaptive Cards, ...) and has settings for branding purposes.","longDescription":["A web part that uses the botframework-webchat module to create implement a React component to render the Bot Framework v4 webchat component. This web part is able to render Text and richt attachments (Images, Cards, Adaptive Cards, ...) and has settings for branding purposes."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework/assets/bot-frameworkv4-webpart-preview.png","alt":"Microsoft Bot Framework Web Chat","slides":null}],"authors":[{"gitHubAccount":"garypretty","company":"","pictureUrl":"https://github.com/garypretty.png"},{"gitHubAccount":"stephanbisser","company":"","pictureUrl":"https://github.com/stephanbisser.png"},{"gitHubAccount":"Harshagracy","company":"","pictureUrl":"https://github.com/Harshagracy.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-bot-framework", + "source": "pnp", + "title": "Microsoft Bot Framework Web Chat", + "shortDescription": "A web part that uses the botframework-webchat module to create implement a React component to render the Bot Framework v4 webchat component. This web part is able to render Text and richt attachments (Images, Cards, Adaptive Cards, ...) and has settings for branding purposes.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-bot-framework", + "longDescription": [ + "A web part that uses the botframework-webchat module to create implement a React component to render the Bot Framework v4 webchat component. This web part is able to render Text and richt attachments (Images, Cards, Adaptive Cards, ...) and has settings for branding purposes." + ], + "created": "2020-04-15", + "modified": "2020-04-15", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-bot-framework/assets/bot-frameworkv4-webpart-preview.png", + "alt": "Microsoft Bot Framework Web Chat" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/add-another-channel.png?raw=true", + "alt": "Microsoft Bot Framework Web Chat" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/bf-add-directline-channel.png?raw=true", + "alt": "Microsoft Bot Framework Web Chat" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/bf-configure-directline-secret.png?raw=true", + "alt": "Microsoft Bot Framework Web Chat" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/bot-framework-configure-direct-line-secret.png?raw=true", + "alt": "Microsoft Bot Framework Web Chat" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-bot-framework/assets/bot-framework-webpart-preview.png?raw=true", + "alt": "Microsoft Bot Framework Web Chat" + } + ], + "authors": [ + { + "gitHubAccount": "garypretty", + "company": "Microsoft", + "pictureUrl": "https://github.com/garypretty.png", + "name": "Gary Pretty" + }, + { + "gitHubAccount": "stephanbisser", + "company": "", + "pictureUrl": "https://github.com/stephanbisser.png", + "name": "Stephan Bisser" + }, + { + "gitHubAccount": "Harshagracy", + "company": "", + "pictureUrl": "https://github.com/Harshagracy.png", + "name": "Harsha Vardhini", + "twitter": "harshagracy" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-calendar-feed/assets/sample.json b/samples/react-calendar-feed/assets/sample.json index e95f7eaad..0fd4e9559 100644 --- a/samples/react-calendar-feed/assets/sample.json +++ b/samples/react-calendar-feed/assets/sample.json @@ -1 +1,68 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-calendar-feed","version":null,"source":"pnp","title":"Calendar Feed Web Part","shortDescription":"This web part uses event feeds from various sources and renders events using a look and feel that is consistent with the SharePoint out-of-the-box Group calendar/events web part.","longDescription":["This web part uses event feeds from various sources and renders events using a look and feel that is consistent with the SharePoint out-of-the-box Group calendar/events web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar-feed/assets/react-calendar-feed-demo.gif","alt":"Calendar Feed Web Part","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"},{"gitHubAccount":"petkir","company":"","pictureUrl":"https://github.com/petkir.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-calendar-feed", + "source": "pnp", + "title": "Calendar Feed Web Part", + "shortDescription": "This web part uses event feeds from various sources and renders events using a look and feel that is consistent with the SharePoint out-of-the-box Group calendar/events web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-calendar-feed", + "longDescription": [ + "This web part uses event feeds from various sources and renders events using a look and feel that is consistent with the SharePoint out-of-the-box Group calendar/events web part." + ], + "created": "2020-07-16", + "modified": "2020-07-16", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar-feed/assets/react-calendar-feed-demo.gif", + "alt": "Calendar Feed Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + }, + { + "gitHubAccount": "petkir", + "company": "Cubido Business Solutions GmbH", + "pictureUrl": "https://github.com/petkir.png", + "name": "Peter Paul Kirschner", + "twitter": "petkir_at" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-calendar/assets/sample.json b/samples/react-calendar/assets/sample.json index 432e7e244..850161972 100644 --- a/samples/react-calendar/assets/sample.json +++ b/samples/react-calendar/assets/sample.json @@ -1 +1,207 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-calendar","version":null,"source":"pnp","title":"Calendar","shortDescription":"This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part.","longDescription":["This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar/assets/animatevideo.gif","alt":"Calendar","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"derhallim","company":"","pictureUrl":"https://github.com/derhallim.png"},{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"},{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"},{"gitHubAccount":"Abderahman88","company":"","pictureUrl":"https://github.com/Abderahman88.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-calendar", + "source": "pnp", + "title": "Calendar", + "shortDescription": "This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-calendar", + "longDescription": [ + "This Web Part allows you to manage events in a calendar. Uses a list of existing calendars on any website. The location and name of the list and the dates of the events to be displayed are defined in the properties of the web part." + ], + "created": "2020-12-04", + "modified": "2020-12-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-calendar/assets/animatevideo.gif", + "alt": "Calendar" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/calendar_teams.jpg?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/calendar_teams2.jpg?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/modercalendar_monthly.gif?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/moderncalendar_yearly.gif?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.0.jpg?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.0.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.1.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.2.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.3.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.4.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen1.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen2.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 113, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen3.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 114, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen4.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 115, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen5.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 116, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen6.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 117, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen7.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 118, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen8.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 119, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/screen9.png?raw=true", + "alt": "Calendar" + }, + { + "type": "image", + "order": 120, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-calendar/assets/weekly_moderncalendar.gif?raw=true", + "alt": "Calendar" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + }, + { + "gitHubAccount": "derhallim", + "company": "", + "pictureUrl": "https://github.com/derhallim.png", + "name": "Mohamed Derhalli" + }, + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + }, + { + "gitHubAccount": "nanddeepn", + "company": "", + "pictureUrl": "https://github.com/nanddeepn.png", + "name": "Nanddeep Nachan", + "twitter": "NanddeepNachan" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-carousel/assets/sample.json b/samples/react-carousel/assets/sample.json index ecce19cf4..71b847202 100644 --- a/samples/react-carousel/assets/sample.json +++ b/samples/react-carousel/assets/sample.json @@ -1 +1,82 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-carousel","version":null,"source":"pnp","title":"Carousel Web Part","shortDescription":"This web part show images and videos in carousel","longDescription":["This web part show images and videos in carousel"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-carousel/assets/carousel.gif","alt":"Carousel Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"rahulsuryawanshi","company":"","pictureUrl":"https://github.com/rahulsuryawanshi.png"},{"gitHubAccount":"Harshagracy","company":"","pictureUrl":"https://github.com/Harshagracy.png"},{"gitHubAccount":"DonKirkham","company":"","pictureUrl":"https://github.com/DonKirkham.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-carousel", + "source": "pnp", + "title": "Carousel Web Part", + "shortDescription": "This web part show images and videos in carousel", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-carousel", + "longDescription": [ + "This web part show images and videos in carousel" + ], + "created": "2020-10-31", + "modified": "2020-10-31", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-carousel/assets/carousel.gif", + "alt": "Carousel Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + }, + { + "gitHubAccount": "rahulsuryawanshi", + "company": "", + "pictureUrl": "https://github.com/rahulsuryawanshi.png", + "name": "Rahul Suryawanshi", + "twitter": "rahulsuryawansh" + }, + { + "gitHubAccount": "Harshagracy", + "company": "", + "pictureUrl": "https://github.com/Harshagracy.png", + "name": "Harsha Vardhini", + "twitter": "harshagracy" + }, + { + "gitHubAccount": "DonKirkham", + "company": "Probitas Data Solutions", + "pictureUrl": "https://avatars.githubusercontent.com/u/8630351?s=460\u0026u=669abb2aac55f383a318d3ca6b1cb13467cada59\u0026v=4", + "name": "Don Kirkham", + "twitter": "DonKirkham" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-chartcontrol/assets/sample.json b/samples/react-chartcontrol/assets/sample.json index a26e33864..04fb98e66 100644 --- a/samples/react-chartcontrol/assets/sample.json +++ b/samples/react-chartcontrol/assets/sample.json @@ -1 +1,160 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-chartcontrol","version":null,"source":"pnp","title":"Chart Control Samples","shortDescription":"This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react.","longDescription":["This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-chartcontrol/assets/WebPartList.png","alt":"Chart Control Samples","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-chartcontrol", + "source": "pnp", + "title": "Chart Control Samples", + "shortDescription": "This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-chartcontrol", + "longDescription": [ + "This sample contains several web parts that demonstrate how to use the ChartControl from @pnp/spfx-controls-react." + ], + "created": "2020-12-13", + "modified": "2020-12-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-chartcontrol/assets/WebPartList.png", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/AccessibleChart.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/AreaChart.gif?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BarChart.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BarChartStatic.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/BubbleChart.gif?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/Chartinator.gif?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/ComboBar.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/CustomPlugin.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DoughnutPatterns.gif?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DynamicDataCallable.gif?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/DynamicDataConsumer.gif?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/HorizontalBarChart.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 113, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/LineChart.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 114, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/PieChart.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 115, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/PolarChart.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 116, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/RadarChart.png?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 117, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/RealTime.gif?raw=true", + "alt": "Chart Control Samples" + }, + { + "type": "image", + "order": 118, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-chartcontrol/assets/ScatterChart.png?raw=true", + "alt": "Chart Control Samples" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-check-flows/assets/sample.json b/samples/react-check-flows/assets/sample.json index 4b38b6c17..a67f71649 100644 --- a/samples/react-check-flows/assets/sample.json +++ b/samples/react-check-flows/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-check-flows","version":null,"source":"pnp","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.","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."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-check-flows/assets/CheckFlows.gif","alt":"Check Flows","slides":null}],"authors":[{"gitHubAccount":"aakashbhardwaj619","company":"","pictureUrl":"https://github.com/aakashbhardwaj619.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-check-flows", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-check-flows", + "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." + ], + "created": "2019-09-17", + "modified": "2019-09-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-check-flows/assets/CheckFlows.gif", + "alt": "Check Flows" + } + ], + "authors": [ + { + "gitHubAccount": "aakashbhardwaj619", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/33526902?s=460\u0026u=e780f4ef1da922c84f2c5c66c59cecbff2300581\u0026v=4", + "name": "Aakash Bhardwaj", + "twitter": "aakash_316" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-check-user-group/assets/sample.json b/samples/react-check-user-group/assets/sample.json index dcde21a2e..f474f3080 100644 --- a/samples/react-check-user-group/assets/sample.json +++ b/samples/react-check-user-group/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-check-user-group","version":null,"source":"pnp","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.","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."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-check-user-group/assets/CheckUserGroup.gif","alt":"Check User Group","slides":null}],"authors":[{"gitHubAccount":"aakashbhardwaj619","company":"","pictureUrl":"https://github.com/aakashbhardwaj619.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-check-user-group", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-check-user-group", + "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." + ], + "created": "2020-03-09", + "modified": "2020-03-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-check-user-group/assets/CheckUserGroup.gif", + "alt": "Check User Group" + } + ], + "authors": [ + { + "gitHubAccount": "aakashbhardwaj619", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/33526902?s=460\u0026u=e780f4ef1da922c84f2c5c66c59cecbff2300581\u0026v=4", + "name": "Aakash Bhardwaj", + "twitter": "aakash_316" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-comparer/assets/sample.json b/samples/react-comparer/assets/sample.json index f43ce0191..70887b7b9 100644 --- a/samples/react-comparer/assets/sample.json +++ b/samples/react-comparer/assets/sample.json @@ -1 +1,106 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-comparer","version":null,"source":"pnp","title":"Comparer with File Picker","shortDescription":"Allows users to compare Before and After pictures, with a draggable slider. Implements a custom file picker.","longDescription":["Allows users to compare Before and After pictures, with a draggable slider. Implements a custom file picker."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-comparer/assets/ComparerWebPart.gif","alt":"Comparer with File Picker","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-comparer", + "source": "pnp", + "title": "Comparer with 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", + "longDescription": [ + "Allows users to compare Before and After pictures, with a draggable slider. Implements a custom file picker." + ], + "created": "2019-01-27", + "modified": "2019-01-27", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-comparer/assets/ComparerWebPart.gif", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/FluentSlider.gif?raw=true", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/FromLinkTab.gif?raw=true", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/OneDriveTab.gif?raw=true", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/RecentTab.gif?raw=true", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/SitesTab.gif?raw=true", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/UploadTab.gif?raw=true", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/WebSearch.gif?raw=true", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/WebSearchNoAPI.png?raw=true", + "alt": "Comparer with File Picker" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-comparer/assets/WebSearchTab.gif?raw=true", + "alt": "Comparer with File Picker" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-components-dynamicloading/assets/sample.json b/samples/react-components-dynamicloading/assets/sample.json index 3c55288c4..7033c37fd 100644 --- a/samples/react-components-dynamicloading/assets/sample.json +++ b/samples/react-components-dynamicloading/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-components-dynamicloading","version":null,"source":"pnp","title":"Code Splitting in SharePoint Framework","shortDescription":"Load React components and third party packages on demand in SPFx","longDescription":["Load React components and third party packages on demand in SPFx"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.6.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-components-dynamicloading/assets/cs3.gif","alt":"Code Splitting in SharePoint Framework","slides":null}],"authors":[{"gitHubAccount":"vman","company":"","pictureUrl":"https://github.com/vman.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-components-dynamicloading", + "source": "pnp", + "title": "Code Splitting in SharePoint Framework", + "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", + "longDescription": [ + "Load React components and third party packages on demand in SPFx" + ], + "created": "2018-10-09", + "modified": "2018-10-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.6.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-components-dynamicloading/assets/cs3.gif", + "alt": "Code Splitting in SharePoint Framework" + } + ], + "authors": [ + { + "gitHubAccount": "vman", + "company": "", + "pictureUrl": "https://github.com/vman.png", + "name": "Vardhaman Deshpande" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-content-query-online/assets/sample.json b/samples/react-content-query-online/assets/sample.json index b50a8657f..f57ec584e 100644 --- a/samples/react-content-query-online/assets/sample.json +++ b/samples/react-content-query-online/assets/sample.json @@ -1 +1,138 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-content-query-online","version":null,"source":"pnp","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.","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."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-content-query-online/assets/toolpart.gif","alt":"Content Query Web Part (SharePoint Online)","slides":null}],"authors":[{"gitHubAccount":"PopWarner","company":"","pictureUrl":"https://github.com/PopWarner.png"},{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"},{"gitHubAccount":"PaoloPia","company":"","pictureUrl":"https://github.com/PaoloPia.png"},{"gitHubAccount":"Abderahman88","company":"","pictureUrl":"https://github.com/Abderahman88.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-content-query-online", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-content-query-online", + "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." + ], + "created": "2021-01-07", + "modified": "2021-01-07", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-content-query-online/assets/toolpart.gif", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/allsites.gif?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/allsites_v2.gif?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/clearItemSelector.png?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/configureItemSelector.png?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/connectToSource.png?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/datetime.gif?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/dynamicDataConnection.png?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/externalScripts.png?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/filters.gif?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/itemSelectorTemplate.png?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-content-query-online/assets/itemSelectorTemplateOutput.png?raw=true", + "alt": "Content Query Web Part (SharePoint Online)" + } + ], + "authors": [ + { + "gitHubAccount": "PopWarner", + "company": "Catapult Systems", + "pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460\u0026u=9e4e74223c4ffb430fb77c97892a84b286df1921\u0026v=4", + "name": "David Warner II", + "twitter": "PopWarner" + }, + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + }, + { + "gitHubAccount": "PaoloPia", + "company": "PiaSys.com", + "pictureUrl": "https://github.com/PaoloPia.png", + "name": "Paolo Pialorsi", + "twitter": "PaoloPia" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-content-query-onprem/assets/sample.json b/samples/react-content-query-onprem/assets/sample.json index fa0ab707d..f2d32a7d5 100644 --- a/samples/react-content-query-onprem/assets/sample.json +++ b/samples/react-content-query-onprem/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-content-query-onprem","version":null,"source":"pnp","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.","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."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-content-query-onprem/Misc/toolpart.gif","alt":"Content Query Web Part (On-Premises SharePoint)","slides":null}],"authors":[{"gitHubAccount":"spplante","company":"","pictureUrl":"https://github.com/spplante.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-content-query-onprem", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-content-query-onprem", + "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." + ], + "created": "2018-05-22", + "modified": "2018-05-22", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-content-query-onprem/Misc/toolpart.gif", + "alt": "Content Query Web Part (On-Premises SharePoint)" + } + ], + "authors": [ + { + "gitHubAccount": "spplante", + "company": "SPP Technologies", + "pictureUrl": "https://github.com/spplante.png", + "name": "Simon-Pierre Plante" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-covid19-info/README.md b/samples/react-covid19-info/README.md index 43ccb470a..03eb5b753 100644 --- a/samples/react-covid19-info/README.md +++ b/samples/react-covid19-info/README.md @@ -12,7 +12,7 @@ The following info is displayed: ## Used SharePoint Framework Version -![drop](https://img.shields.io/badge/version-1.10.0-green.svg) +![SPFx 1.10.0](https://img.shields.io/badge/version-1.10.0-green.svg) ## Applies to diff --git a/samples/react-covid19-info/assets/sample.json b/samples/react-covid19-info/assets/sample.json index b29c9c8f5..42b66ce97 100644 --- a/samples/react-covid19-info/assets/sample.json +++ b/samples/react-covid19-info/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-covid19-info","version":null,"source":"pnp","title":"COVID 19 information web part","shortDescription":"This web part displays info about the COVID-19 virus for a given country.","longDescription":["This web part displays info about the COVID-19 virus for a given country."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-covid19-info/assets/covid-counter.gif","alt":"COVID 19 information web part","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-covid19-info", + "source": "pnp", + "title": "COVID 19 information web part", + "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", + "longDescription": [ + "This web part displays info about the COVID-19 virus for a given country." + ], + "created": "2020-03-25", + "modified": "2020-03-25", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-covid19-info/assets/covid-counter.gif", + "alt": "COVID 19 information web part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-covid19-info/assets/Langing-page-screenshot.png?raw=true", + "alt": "COVID 19 information web part" + } + ], + "authors": [ + { + "gitHubAccount": "agtenr", + "company": "", + "pictureUrl": "https://github.com/agtenr.png", + "name": "Robin Agten" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-css-in-js-typestyle/assets/sample.json b/samples/react-css-in-js-typestyle/assets/sample.json index 591185248..d99cb7a2b 100644 --- a/samples/react-css-in-js-typestyle/assets/sample.json +++ b/samples/react-css-in-js-typestyle/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-css-in-js-typestyle","version":null,"source":"pnp","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.","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."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-css-in-js-typestyle/assets/dynamic-styles.gif","alt":"CSS in JS with SharePoint Framework and TypeStyle","slides":null}],"authors":[{"gitHubAccount":"s-KaiNet","company":"","pictureUrl":"https://github.com/s-KaiNet.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-css-in-js-typestyle", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-css-in-js-typestyle", + "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." + ], + "created": "2020-04-24", + "modified": "2020-04-24", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-css-in-js-typestyle/assets/dynamic-styles.gif", + "alt": "CSS in JS with SharePoint Framework and TypeStyle" + } + ], + "authors": [ + { + "gitHubAccount": "s-KaiNet", + "company": "Mastaq", + "pictureUrl": "https://github.com/s-KaiNet.png", + "name": "Sergei Sergeev", + "twitter": "sergeev_srg" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-custom-links/assets/sample.json b/samples/react-custom-links/assets/sample.json index 4ee28e529..12d165030 100644 --- a/samples/react-custom-links/assets/sample.json +++ b/samples/react-custom-links/assets/sample.json @@ -1 +1,92 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-custom-links","version":null,"source":"pnp","title":"Custom Links","shortDescription":"In this web part you can full customize the background and foreground color, font size, width and height of links.","longDescription":["In this web part you can full customize the background and foreground color, font size, width and height of links."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-custom-links/assets/customlinks.gif","alt":"Custom Links","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-custom-links", + "source": "pnp", + "title": "Custom 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", + "longDescription": [ + "In this web part you can full customize the background and foreground color, font size, width and height of links." + ], + "created": "2020-10-05", + "modified": "2020-10-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-custom-links/assets/customlinks.gif", + "alt": "Custom Links" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-custom-links/assets/customLinks01.PNG?raw=true", + "alt": "Custom Links" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-custom-links/assets/customLinks02.PNG?raw=true", + "alt": "Custom Links" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-custom-links/assets/customlinks03.PNG?raw=true", + "alt": "Custom Links" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-custompropertypanecontrols/assets/sample.json b/samples/react-custompropertypanecontrols/assets/sample.json index ea8a07b11..ac3bd4017 100644 --- a/samples/react-custompropertypanecontrols/assets/sample.json +++ b/samples/react-custompropertypanecontrols/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-custompropertypanecontrols","version":null,"source":"pnp","title":"Custom property pane controls","shortDescription":"Sample custom property pane controls built in React for use with SharePoint Framework client-side web parts.","longDescription":["Sample custom property pane controls built in React for use with SharePoint Framework client-side web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"drop4"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-custompropertypanecontrols/assets/async-dropdown-preview.gif","alt":"Custom property pane controls","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-custompropertypanecontrols", + "source": "pnp", + "title": "Custom property pane controls", + "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", + "longDescription": [ + "Sample custom property pane controls built in React for use with SharePoint Framework client-side web parts." + ], + "created": "2017-05-01", + "modified": "2017-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "drop4" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-custompropertypanecontrols/assets/async-dropdown-preview.gif", + "alt": "Custom property pane controls" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-custompropertypanecontrols/assets/cascading-dropdown-preview.gif?raw=true", + "alt": "Custom property pane controls" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-datatable/assets/sample.json b/samples/react-datatable/assets/sample.json new file mode 100644 index 000000000..e261780d7 --- /dev/null +++ b/samples/react-datatable/assets/sample.json @@ -0,0 +1,52 @@ +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-datatable", + "source": "pnp", + "title": "Data Table", + "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", + "longDescription": [ + "This web part provides easy way to render SharePoint custom list in data table view with all the necessary features." + ], + "created": "2021-03-01", + "modified": "2021-03-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-datatable/assets/preview.png", + "alt": "Data Table" + } + ], + "authors": [ + { + "gitHubAccount": "chandaniprajapati", + "company": "", + "pictureUrl": "https://github.com/chandaniprajapati.png", + "name": "Chandani Prajapati", + "twitter": "Chandani_SPD" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-daterangepicker/assets/sample.json b/samples/react-daterangepicker/assets/sample.json index 9875a956b..01d8efc14 100644 --- a/samples/react-daterangepicker/assets/sample.json +++ b/samples/react-daterangepicker/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-daterangepicker","version":null,"source":"pnp","title":"Date range picker in SPFx","shortDescription":"This web part used the date range picker in the SharePoint Framework (SPFx) web part","longDescription":["This web part used the date range picker in the SharePoint Framework (SPFx) web part"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-daterangepicker/assets/daterange1.png","alt":"Date range picker in SPFx","slides":null}],"authors":[{"gitHubAccount":"ravichandran-blog","company":"","pictureUrl":"https://github.com/ravichandran-blog.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-daterangepicker", + "source": "pnp", + "title": "Date range picker in SPFx", + "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", + "longDescription": [ + "This web part used the date range picker in the SharePoint Framework (SPFx) web part" + ], + "created": "2020-07-04", + "modified": "2020-07-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-daterangepicker/assets/daterange1.png", + "alt": "Date range picker in SPFx" + } + ], + "authors": [ + { + "gitHubAccount": "ravichandran-blog", + "company": "Content Formula", + "pictureUrl": "https://github.com/ravichandran-blog.png", + "name": "Ravichandran Krishnasamy", + "twitter": "spfx_blog" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-designpatterns-typescript/assets/sample.json b/samples/react-designpatterns-typescript/assets/sample.json index 6316291f4..08dc8bc74 100644 --- a/samples/react-designpatterns-typescript/assets/sample.json +++ b/samples/react-designpatterns-typescript/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-designpatterns-typescript","version":null,"source":"pnp","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.","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."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://avatars3.githubusercontent.com/u/6962857?s=460\u0026v=4","alt":"Design Patterns applied to Sharepoint Framework","slides":null}],"authors":[{"gitHubAccount":"levalencia","company":"","pictureUrl":"https://github.com/levalencia.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-designpatterns-typescript", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-designpatterns-typescript", + "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." + ], + "created": "2018-05-10", + "modified": "2018-05-10", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://avatars3.githubusercontent.com/u/6962857?s=460\u0026v=4", + "alt": "Design Patterns applied to Sharepoint Framework" + } + ], + "authors": [ + { + "gitHubAccount": "levalencia", + "company": "", + "pictureUrl": "https://github.com/levalencia.png", + "name": "Luis Valencia" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-dev-radar/assets/sample.json b/samples/react-dev-radar/assets/sample.json index 9350f259e..cb66704fb 100644 --- a/samples/react-dev-radar/assets/sample.json +++ b/samples/react-dev-radar/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-dev-radar","version":null,"source":"pnp","title":"Dev-Radar for SharePoint Online","shortDescription":"The web part Use PnPjs library and Axios","longDescription":["The web part Use PnPjs library and Axios"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-dev-radar/dev-radar.png","alt":"Dev-Radar for SharePoint Online","slides":null}],"authors":[{"gitHubAccount":"sauslash","company":"","pictureUrl":"https://github.com/sauslash.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-dev-radar", + "source": "pnp", + "title": "Dev-Radar for SharePoint Online", + "shortDescription": "The web part Use PnPjs library and Axios", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-dev-radar", + "longDescription": [ + "The web part Use PnPjs library and Axios" + ], + "created": "2020-03-01", + "modified": "2020-03-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-dev-radar/dev-radar.png", + "alt": "Dev-Radar for SharePoint Online" + } + ], + "authors": [ + { + "gitHubAccount": "sauslash", + "company": "", + "pictureUrl": "https://github.com/sauslash.png", + "name": "Saulo Oliveira" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-directory/assets/sample.json b/samples/react-directory/assets/sample.json index e7d0ce9c4..b3f6fdf97 100644 --- a/samples/react-directory/assets/sample.json +++ b/samples/react-directory/assets/sample.json @@ -1 +1,153 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-directory","version":null,"source":"pnp","title":"Organization Directory Web Part","shortDescription":"Search People from Organization Directory and show live persona card on hover.","longDescription":["Search People from Organization Directory and show live persona card on hover."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-directory/assets/react-directory7.png","alt":"Organization Directory Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"petkir","company":"","pictureUrl":"https://github.com/petkir.png"},{"gitHubAccount":"sudharsank","company":"","pictureUrl":"https://github.com/sudharsank.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-directory", + "source": "pnp", + "title": "Organization Directory Web Part", + "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", + "longDescription": [ + "Search People from Organization Directory and show live persona card on hover." + ], + "created": "2021-03-04", + "modified": "2021-03-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-directory/assets/react-directory7.png", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory-teams1.jpg?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory-teams2.png?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory-teams3.jpg?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory-withPaging.png?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory.jpg?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory2.jpg?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory21.png?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory3.jpg?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory5.jpg?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory6.png?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory8.png?raw=true", + "alt": "Organization Directory Web Part" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-directory/assets/react-directory9.png?raw=true", + "alt": "Organization Directory Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + }, + { + "gitHubAccount": "petkir", + "company": "Cubido Business Solutions GmbH", + "pictureUrl": "https://github.com/petkir.png", + "name": "Peter Paul Kirschner", + "twitter": "petkir_at" + }, + { + "gitHubAccount": "sudharsank", + "company": "NTT Digital Business Solutions", + "pictureUrl": "https://github.com/sudharsank.png", + "name": "Sudharsan Kesavanarayanan", + "twitter": "sudharsank" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-display-hierarchy/assets/sample.json b/samples/react-display-hierarchy/assets/sample.json index e4c66a912..bd83fff34 100644 --- a/samples/react-display-hierarchy/assets/sample.json +++ b/samples/react-display-hierarchy/assets/sample.json @@ -1 +1,82 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-display-hierarchy","version":null,"source":"pnp","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.","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."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-display-hierarchy/assets/local-sharepoint-workbench-run.png","alt":"Web part displaying hierarchical information from SharePoint list","slides":null}],"authors":[{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"},{"gitHubAccount":"ravi16a87","company":"","pictureUrl":"https://github.com/ravi16a87.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-display-hierarchy", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-display-hierarchy", + "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." + ], + "created": "2020-11-21", + "modified": "2020-11-21", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-display-hierarchy/assets/local-sharepoint-workbench-run.png", + "alt": "Web part displaying hierarchical information from SharePoint list" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-display-hierarchy/assets/list-sample-data.png?raw=true", + "alt": "Web part displaying hierarchical information from SharePoint list" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-display-hierarchy/assets/list-schema.png?raw=true", + "alt": "Web part displaying hierarchical information from SharePoint list" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-display-hierarchy/assets/sharepoint-run.gif?raw=true", + "alt": "Web part displaying hierarchical information from SharePoint list" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-display-hierarchy/assets/webpart-preview.png?raw=true", + "alt": "Web part displaying hierarchical information from SharePoint list" + } + ], + "authors": [ + { + "gitHubAccount": "nanddeepn", + "company": "", + "pictureUrl": "https://github.com/nanddeepn.png", + "name": "Nanddeep Nachan", + "twitter": "NanddeepNachan" + }, + { + "gitHubAccount": "ravi16a87", + "company": "Cognizant", + "pictureUrl": "https://github.com/ravi16a87.png", + "name": "Ravi Kulkarni" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-documents-detailslist/assets/sample.json b/samples/react-documents-detailslist/assets/sample.json index aa1022310..07d86672a 100644 --- a/samples/react-documents-detailslist/assets/sample.json +++ b/samples/react-documents-detailslist/assets/sample.json @@ -1 +1,59 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-documents-detailslist","version":null,"source":"pnp","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.","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."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-documents-detailslist/assets/Preview.gif","alt":"Documents Web Part","slides":null}],"authors":[{"gitHubAccount":"DimchoTsanov","company":"","pictureUrl":"https://github.com/DimchoTsanov.png"},{"gitHubAccount":"Harshagracy","company":"","pictureUrl":"https://github.com/Harshagracy.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-documents-detailslist", + "source": "pnp", + "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.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-documents-detailslist", + "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." + ], + "created": "2020-04-28", + "modified": "2020-04-28", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-documents-detailslist/assets/Preview.gif", + "alt": "Documents Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "DimchoTsanov", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/9058087?s=460\u0026u=43820d97a5aaf5719a4c98be59c673fb460f0001\u0026v=4", + "name": "Dimcho Tsanov", + "twitter": "DimchoTsanov" + }, + { + "gitHubAccount": "Harshagracy", + "company": "", + "pictureUrl": "https://github.com/Harshagracy.png", + "name": "Harsha Vardhini", + "twitter": "harshagracy" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-dynamics-crm-api/assets/sample.json b/samples/react-dynamics-crm-api/assets/sample.json index 9be91dc81..d3b2fb586 100644 --- a/samples/react-dynamics-crm-api/assets/sample.json +++ b/samples/react-dynamics-crm-api/assets/sample.json @@ -1 +1,65 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-dynamics-crm-api","version":null,"source":"pnp","title":"Using Dynamics CRM API","shortDescription":"This sample shows how to consume Dynamics CRM API using AadTokenProvider class.","longDescription":["This sample shows how to consume Dynamics CRM API using AadTokenProvider class."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-dynamics-crm-api/assets/screenshot.gif","alt":"Using Dynamics CRM API","slides":null}],"authors":[{"gitHubAccount":"AhmadiRamin","company":"","pictureUrl":"https://github.com/AhmadiRamin.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-dynamics-crm-api", + "source": "pnp", + "title": "Using Dynamics CRM API", + "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", + "longDescription": [ + "This sample shows how to consume Dynamics CRM API using AadTokenProvider class." + ], + "created": "2020-07-12", + "modified": "2020-07-12", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-dynamics-crm-api/assets/screenshot.gif", + "alt": "Using Dynamics CRM API" + } + ], + "authors": [ + { + "gitHubAccount": "AhmadiRamin", + "company": "Content and Cloud", + "pictureUrl": "https://github.com/AhmadiRamin.png", + "name": "Ramin Ahmadi", + "twitter": "raminahmadi1986" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-enhanced-list-formatting/assets/sample.json b/samples/react-enhanced-list-formatting/assets/sample.json index b018fda23..dc61f7d37 100644 --- a/samples/react-enhanced-list-formatting/assets/sample.json +++ b/samples/react-enhanced-list-formatting/assets/sample.json @@ -1 +1,65 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-enhanced-list-formatting","version":null,"source":"pnp","title":"Enhanced List Formatting","shortDescription":"This web part allows you to add custom CSS on a page to enhance list formatting.","longDescription":["This web part allows you to add custom CSS on a page to enhance list formatting."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-enhanced-list-formatting/assets/EnhancedListFormatting.gif","alt":"Enhanced List Formatting","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"},{"gitHubAccount":"PopWarner","company":"","pictureUrl":"https://github.com/PopWarner.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-enhanced-list-formatting", + "source": "pnp", + "title": "Enhanced 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", + "longDescription": [ + "This web part allows you to add custom CSS on a page to enhance list formatting." + ], + "created": "2020-03-18", + "modified": "2020-03-18", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-enhanced-list-formatting/assets/EnhancedListFormatting.gif", + "alt": "Enhanced List Formatting" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-list-formatting/assets/Viewformatting.png?raw=true", + "alt": "Enhanced List Formatting" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + }, + { + "gitHubAccount": "PopWarner", + "company": "Catapult Systems", + "pictureUrl": "https://avatars.githubusercontent.com/u/10676147?s=460\u0026u=9e4e74223c4ffb430fb77c97892a84b286df1921\u0026v=4", + "name": "David Warner II", + "twitter": "PopWarner" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-enhanced-powerapps/assets/sample.json b/samples/react-enhanced-powerapps/assets/sample.json index 03ddbcc5a..3ce9f2334 100644 --- a/samples/react-enhanced-powerapps/assets/sample.json +++ b/samples/react-enhanced-powerapps/assets/sample.json @@ -1 +1,88 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-enhanced-powerapps","version":null,"source":"pnp","title":"Enhanced Power Apps","shortDescription":"Adds dynamic resizing, theme awareness, and dynamic data to embedded Power Apps","longDescription":["Adds dynamic resizing, theme awareness, and dynamic data to embedded Power Apps"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-enhanced-powerapps/assets/enhanced-power-apps.gif","alt":"Enhanced Power Apps","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-enhanced-powerapps", + "source": "pnp", + "title": "Enhanced 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", + "longDescription": [ + "Adds dynamic resizing, theme awareness, and dynamic data to embedded Power Apps" + ], + "created": "2020-07-26", + "modified": "2020-07-26", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-enhanced-powerapps/assets/enhanced-power-apps.gif", + "alt": "Enhanced Power Apps" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/dpstep1.png?raw=true", + "alt": "Enhanced Power Apps" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/resize.gif?raw=true", + "alt": "Enhanced Power Apps" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/sizeoptions.png?raw=true", + "alt": "Enhanced Power Apps" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/step1-5.png?raw=true", + "alt": "Enhanced Power Apps" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/step1.png?raw=true", + "alt": "Enhanced Power Apps" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-enhanced-powerapps/assets/step2.png?raw=true", + "alt": "Enhanced Power Apps" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-events-aggregator/assets/sample.json b/samples/react-events-aggregator/assets/sample.json index a81635e8f..c8fda5af8 100644 --- a/samples/react-events-aggregator/assets/sample.json +++ b/samples/react-events-aggregator/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-events-aggregator","version":null,"source":"pnp","title":"Event Aggregator Sample (DEPRECATED)","shortDescription":"This sample shows how we can use the SPFx Event Aggregator to communicate between web parts through broadcasting events utilizing the Publish\u2013subscribe pattern. It enables a web part or component to raise event (broadcast message) through the SPFx event aggregator and that event is received by other web parts or components that have been subscribed to receive it.","longDescription":["This sample shows how we can use the SPFx Event Aggregator to communicate between web parts through broadcasting events utilizing the Publish\u2013subscribe pattern. It enables a web part or component to raise event (broadcast message) through the SPFx event aggregator and that event is received by other web parts or components that have been subscribed to receive it."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-events-aggregator/assets/spfx-event-aggregator.gif","alt":"Event Aggregator Sample (DEPRECATED)","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"},{"gitHubAccount":"AustinBreslinDev","company":"","pictureUrl":"https://github.com/AustinBreslinDev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-events-aggregator", + "source": "pnp", + "title": "Event Aggregator Sample (DEPRECATED)", + "shortDescription": "This sample shows how we can use the SPFx Event Aggregator to communicate between web parts through broadcasting events utilizing the Publish\u2013subscribe pattern. It enables a web part or component to raise event (broadcast message) through the SPFx event aggregator and that event is received by other web parts or components that have been subscribed to receive it.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-events-aggregator", + "longDescription": [ + "This sample shows how we can use the SPFx Event Aggregator to communicate between web parts through broadcasting events utilizing the Publish\u2013subscribe pattern. It enables a web part or component to raise event (broadcast message) through the SPFx event aggregator and that event is received by other web parts or components that have been subscribed to receive it." + ], + "created": "2018-11-18", + "modified": "2018-11-18", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-events-aggregator/assets/spfx-event-aggregator.gif", + "alt": "Event Aggregator Sample (DEPRECATED)" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + }, + { + "gitHubAccount": "AustinBreslinDev", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/10480670?s=460\u0026v=4", + "name": "Austin Breslin" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-events-dynamicdata/assets/sample.json b/samples/react-events-dynamicdata/assets/sample.json index f168f68b8..4f910d76b 100644 --- a/samples/react-events-dynamicdata/assets/sample.json +++ b/samples/react-events-dynamicdata/assets/sample.json @@ -1 +1,59 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-events-dynamicdata","version":null,"source":"pnp","title":"Dynamic data","shortDescription":"Sample web parts illustrating using the SharePoint Framework Dynamic data capability.","longDescription":["Sample web parts illustrating using the SharePoint Framework Dynamic data capability."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-events-dynamicdata/assets/dynamic-data-webparts.png","alt":"Dynamic data","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"},{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-events-dynamicdata", + "source": "pnp", + "title": "Dynamic data", + "shortDescription": "Sample web parts illustrating using the SharePoint Framework Dynamic data capability.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-events-dynamicdata", + "longDescription": [ + "Sample web parts illustrating using the SharePoint Framework Dynamic data capability." + ], + "created": "2020-07-08", + "modified": "2020-07-08", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-events-dynamicdata/assets/dynamic-data-webparts.png", + "alt": "Dynamic data" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + }, + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-facebook-plugin/assets/sample.json b/samples/react-facebook-plugin/assets/sample.json index 4f57e08c5..3c144a8f4 100644 --- a/samples/react-facebook-plugin/assets/sample.json +++ b/samples/react-facebook-plugin/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-facebook-plugin","version":null,"source":"pnp","title":"SharePoint Framework Facebook Page Social Plugin web part sample","shortDescription":"This sample shows how to implement iFrame-based web parts with a dynamic responsive behavior on the example of Facebook Page Social Plugin.","longDescription":["This sample shows how to implement iFrame-based web parts with a dynamic responsive behavior on the example of Facebook Page Social Plugin."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.5.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-facebook-plugin/assets/preview.png","alt":"SharePoint Framework Facebook Page Social Plugin web part sample","slides":null}],"authors":[{"gitHubAccount":"koltyakov","company":"","pictureUrl":"https://github.com/koltyakov.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-facebook-plugin", + "source": "pnp", + "title": "SharePoint Framework Facebook Page Social Plugin web part sample", + "shortDescription": "This sample shows how to implement iFrame-based web parts with a dynamic responsive behavior on the example of Facebook Page Social Plugin.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-facebook-plugin", + "longDescription": [ + "This sample shows how to implement iFrame-based web parts with a dynamic responsive behavior on the example of Facebook Page Social Plugin." + ], + "created": "2018-08-26", + "modified": "2018-08-26", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.5.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-facebook-plugin/assets/preview.png", + "alt": "SharePoint Framework Facebook Page Social Plugin web part sample" + } + ], + "authors": [ + { + "gitHubAccount": "koltyakov", + "company": "ARVO Systems", + "pictureUrl": "https://avatars.githubusercontent.com/u/7816483?s=460\u0026u=d77bbdeda1e5fc389b11899f93b62a7d00475835\u0026v=4", + "name": "Andrew Koltyakov", + "twitter": "koltyakov" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-faqapp/assets/sample.json b/samples/react-faqapp/assets/sample.json index cae3dabad..3168e6cde 100644 --- a/samples/react-faqapp/assets/sample.json +++ b/samples/react-faqapp/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-faqapp","version":null,"source":"pnp","title":"Frequently Asked Questions","shortDescription":"Allows users to create Frequently Asked Questions(Faq App) in modern and classic SharePoint pages.","longDescription":["Allows users to create Frequently Asked Questions(Faq App) in modern and classic SharePoint pages."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-faqapp/assets/FAQWebpart.png","alt":"Frequently Asked Questions","slides":null}],"authors":[{"gitHubAccount":"ashokswain7","company":"","pictureUrl":"https://github.com/ashokswain7.png"},{"gitHubAccount":"Abderahman88","company":"","pictureUrl":"https://github.com/Abderahman88.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-faqapp", + "source": "pnp", + "title": "Frequently Asked Questions", + "shortDescription": "Allows users to create Frequently Asked Questions(Faq App) in modern and classic SharePoint pages.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-faqapp", + "longDescription": [ + "Allows users to create Frequently Asked Questions(Faq App) in modern and classic SharePoint pages." + ], + "created": "2020-10-28", + "modified": "2020-10-28", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-faqapp/assets/FAQWebpart.png", + "alt": "Frequently Asked Questions" + } + ], + "authors": [ + { + "gitHubAccount": "ashokswain7", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/26612087?s=460\u0026v=4", + "name": "Ashok Swain" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-feature-framework/assets/sample.json b/samples/react-feature-framework/assets/sample.json index a996bfd8a..46f4ec652 100644 --- a/samples/react-feature-framework/assets/sample.json +++ b/samples/react-feature-framework/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-feature-framework","version":null,"source":"pnp","title":"Deployment of SharePoint assets as part of SPFx package","shortDescription":"Simplistic solution demonstrating how to provision SharePoint assets using Feature Framework elements when SharePoint Framework solution is being deployed to a SharePoint site.","longDescription":["Simplistic solution demonstrating how to provision SharePoint assets using Feature Framework elements when SharePoint Framework solution is being deployed to a SharePoint site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-feature-framework/assets/screenshot.png","alt":"Deployment of SharePoint assets as part of SPFx package","slides":null}],"authors":[{"gitHubAccount":"VesaJuvonen","company":"","pictureUrl":"https://github.com/VesaJuvonen.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-feature-framework", + "source": "pnp", + "title": "Deployment of SharePoint assets as part of SPFx package", + "shortDescription": "Simplistic solution demonstrating how to provision SharePoint assets using Feature Framework elements when SharePoint Framework solution is being deployed to a SharePoint site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-feature-framework", + "longDescription": [ + "Simplistic solution demonstrating how to provision SharePoint assets using Feature Framework elements when SharePoint Framework solution is being deployed to a SharePoint site." + ], + "created": "2017-02-27", + "modified": "2017-02-27", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-feature-framework/assets/screenshot.png", + "alt": "Deployment of SharePoint assets as part of SPFx package" + } + ], + "authors": [ + { + "gitHubAccount": "VesaJuvonen", + "company": "Microsoft", + "pictureUrl": "https://github.com/VesaJuvonen.png", + "name": "Vesa Juvonen", + "twitter": "vesajuvonen" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-feedback/assets/sample.json b/samples/react-feedback/assets/sample.json index 2d4d56e82..59b9e33a2 100644 --- a/samples/react-feedback/assets/sample.json +++ b/samples/react-feedback/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-feedback","version":null,"source":"pnp","title":"Feedback","shortDescription":"This is an application that supports Feedback through a web part that can be used directly on a Modern SharePoint Site page. This web part can be added to any site page or article. This allows users to send categorized feedback via email to users in the \u0022Feedback Owners\u0022 group.","longDescription":["This is an application that supports Feedback through a web part that can be used directly on a Modern SharePoint Site page. This web part can be added to any site page or article. This allows users to send categorized feedback via email to users in the \u0022Feedback Owners\u0022 group."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-feedback/assets/feedbackwebpart.gif","alt":"Feedback","slides":null}],"authors":[{"gitHubAccount":"perr124","company":"","pictureUrl":"https://github.com/perr124.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-feedback", + "source": "pnp", + "title": "Feedback", + "shortDescription": "This is an application that supports Feedback through a web part that can be used directly on a Modern SharePoint Site page. This web part can be added to any site page or article. This allows users to send categorized feedback via email to users in the \u0022Feedback Owners\u0022 group.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-feedback", + "longDescription": [ + "This is an application that supports Feedback through a web part that can be used directly on a Modern SharePoint Site page. This web part can be added to any site page or article. This allows users to send categorized feedback via email to users in the \u0022Feedback Owners\u0022 group." + ], + "created": "2021-03-03", + "modified": "2021-03-03", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-feedback/assets/feedbackwebpart.gif", + "alt": "Feedback" + } + ], + "authors": [ + { + "gitHubAccount": "perr124", + "company": "", + "pictureUrl": "https://github.com/perr124.png", + "name": "Perry Kankam" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-file-upload/assets/sample.json b/samples/react-file-upload/assets/sample.json index 3a4ed497e..1312fc664 100644 --- a/samples/react-file-upload/assets/sample.json +++ b/samples/react-file-upload/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-file-upload","version":null,"source":"pnp","title":"File Upload Web Part","shortDescription":"The file upload web part allowing users to upload multiple files to a document library or as item attachments.","longDescription":["The file upload web part allowing users to upload multiple files to a document library or as item attachments."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-file-upload/assets/SPFileUploadPreview.gif","alt":"File Upload Web Part","slides":null}],"authors":[{"gitHubAccount":"AhmadiRamin","company":"","pictureUrl":"https://github.com/AhmadiRamin.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-file-upload", + "source": "pnp", + "title": "File Upload Web Part", + "shortDescription": "The file upload web part allowing users to upload multiple files to a document library or as item attachments.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-file-upload", + "longDescription": [ + "The file upload web part allowing users to upload multiple files to a document library or as item attachments." + ], + "created": "2018-02-14", + "modified": "2018-02-14", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-file-upload/assets/SPFileUploadPreview.gif", + "alt": "File Upload Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "AhmadiRamin", + "company": "Content and Cloud", + "pictureUrl": "https://github.com/AhmadiRamin.png", + "name": "Ramin Ahmadi", + "twitter": "raminahmadi1986" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-followedsites/assets/sample.json b/samples/react-followedsites/assets/sample.json index d14e08372..32b5bcb83 100644 --- a/samples/react-followedsites/assets/sample.json +++ b/samples/react-followedsites/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-followedsites","version":null,"source":"pnp","title":"Followed Sites","shortDescription":"This web part provides you the ability to display a list of site administrator defined number of sites that a given user is following, with paging as well as inline filtering of sites by keyword or phrase. Currently the list of followed sites includes classic as well as modern communication sites but does not include group enabled (modern) team sites.","longDescription":["This web part provides you the ability to display a list of site administrator defined number of sites that a given user is following, with paging as well as inline filtering of sites by keyword or phrase. Currently the list of followed sites includes classic as well as modern communication sites but does not include group enabled (modern) team sites."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-followed-sites.gif","alt":"Followed Sites","slides":null}],"authors":[{"gitHubAccount":"eoverfield","company":"","pictureUrl":"https://github.com/eoverfield.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-followedsites", + "source": "pnp", + "title": "Followed Sites", + "shortDescription": "This web part provides you the ability to display a list of site administrator defined number of sites that a given user is following, with paging as well as inline filtering of sites by keyword or phrase. Currently the list of followed sites includes classic as well as modern communication sites but does not include group enabled (modern) team sites.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-followedsites", + "longDescription": [ + "This web part provides you the ability to display a list of site administrator defined number of sites that a given user is following, with paging as well as inline filtering of sites by keyword or phrase. Currently the list of followed sites includes classic as well as modern communication sites but does not include group enabled (modern) team sites." + ], + "created": "2020-05-13", + "modified": "2020-05-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-followed-sites.gif", + "alt": "Followed Sites" + } + ], + "authors": [ + { + "gitHubAccount": "eoverfield", + "company": "PixelMill", + "pictureUrl": "https://github.com/eoverfield.png", + "name": "Eric Overfield", + "twitter": "EricOverfield" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-functional-component-with-data-fetch/assets/sample.json b/samples/react-functional-component-with-data-fetch/assets/sample.json index afda18816..8a0532956 100644 --- a/samples/react-functional-component-with-data-fetch/assets/sample.json +++ b/samples/react-functional-component-with-data-fetch/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-functional-component-with-data-fetch","version":null,"source":"pnp","title":"React Functional Component web part with data fetch","shortDescription":"This web part demonstrates building a React functional component that uses data from a remote service, in this case the Microsoft Graph, using the recently introduced React Hooks feature. The example web part renders a list of the user\u0027s Teams and, optionally, the channels in each Team.","longDescription":["This web part demonstrates building a React functional component that uses data from a remote service, in this case the Microsoft Graph, using the recently introduced React Hooks feature. The example web part renders a list of the user\u0027s Teams and, optionally, the channels in each Team."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-functional-component-with-data-fetch/Screenshot.png","alt":"React Functional Component web part with data fetch","slides":null}],"authors":[{"gitHubAccount":"SPDoctor","company":"","pictureUrl":"https://github.com/SPDoctor.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-functional-component-with-data-fetch", + "source": "pnp", + "title": "React Functional Component web part with data fetch", + "shortDescription": "This web part demonstrates building a React functional component that uses data from a remote service, in this case the Microsoft Graph, using the recently introduced React Hooks feature. The example web part renders a list of the user\u0027s Teams and, optionally, the channels in each Team.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-functional-component-with-data-fetch", + "longDescription": [ + "This web part demonstrates building a React functional component that uses data from a remote service, in this case the Microsoft Graph, using the recently introduced React Hooks feature. The example web part renders a list of the user\u0027s Teams and, optionally, the channels in each Team." + ], + "created": "2019-06-14", + "modified": "2019-06-14", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-functional-component-with-data-fetch/Screenshot.png", + "alt": "React Functional Component web part with data fetch" + } + ], + "authors": [ + { + "gitHubAccount": "SPDoctor", + "company": "Flow Simulation Ltd.", + "pictureUrl": "https://avatars.githubusercontent.com/u/10207194?s=460\u0026v=4", + "name": "Bill Ayers", + "twitter": "SPDoctor" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-functional-component/assets/sample.json b/samples/react-functional-component/assets/sample.json index f0cd7826f..413da1c32 100644 --- a/samples/react-functional-component/assets/sample.json +++ b/samples/react-functional-component/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-functional-component","version":null,"source":"pnp","title":"React Functional Component web part","shortDescription":"This web part is intended to be easier to understand for new developers building their first SPFx web part. It is a refactoring of the HelloWorld web part that is created by the @microsoft/generator-sharepoint Yeoman generator, and introduces React Functional Components.","longDescription":["This web part is intended to be easier to understand for new developers building their first SPFx web part. It is a refactoring of the HelloWorld web part that is created by the @microsoft/generator-sharepoint Yeoman generator, and introduces React Functional Components."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-functional-component/Screenshot.png","alt":"React Functional Component web part","slides":null}],"authors":[{"gitHubAccount":"SPDoctor","company":"","pictureUrl":"https://github.com/SPDoctor.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-functional-component", + "source": "pnp", + "title": "React Functional Component web part", + "shortDescription": "This web part is intended to be easier to understand for new developers building their first SPFx web part. It is a refactoring of the HelloWorld web part that is created by the @microsoft/generator-sharepoint Yeoman generator, and introduces React Functional Components.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-functional-component", + "longDescription": [ + "This web part is intended to be easier to understand for new developers building their first SPFx web part. It is a refactoring of the HelloWorld web part that is created by the @microsoft/generator-sharepoint Yeoman generator, and introduces React Functional Components." + ], + "created": "2019-06-05", + "modified": "2019-06-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-functional-component/Screenshot.png", + "alt": "React Functional Component web part" + } + ], + "authors": [ + { + "gitHubAccount": "SPDoctor", + "company": "Flow Simulation Ltd.", + "pictureUrl": "https://avatars.githubusercontent.com/u/10207194?s=460\u0026v=4", + "name": "Bill Ayers", + "twitter": "SPDoctor" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-functional-servicescope-hooks/assets/sample.json b/samples/react-functional-servicescope-hooks/assets/sample.json index 03d58771e..5d41496ca 100644 --- a/samples/react-functional-servicescope-hooks/assets/sample.json +++ b/samples/react-functional-servicescope-hooks/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-functional-servicescope-hooks","version":null,"source":"pnp","title":"Consuming SPFX Service Scopes using React Hooks","shortDescription":"This web part is designed to help developers understand how to use the Context API and useContext() React Hook to share global data between a hierarchy of nested React components.","longDescription":["This web part is designed to help developers understand how to use the Context API and useContext() React Hook to share global data between a hierarchy of nested React components."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-functional-servicescope-hooks/webpart.png","alt":"Consuming SPFX Service Scopes using React Hooks","slides":null}],"authors":[{"gitHubAccount":"garrytrinder","company":"","pictureUrl":"https://github.com/garrytrinder.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-functional-servicescope-hooks", + "source": "pnp", + "title": "Consuming SPFX Service Scopes using React Hooks", + "shortDescription": "This web part is designed to help developers understand how to use the Context API and useContext() React Hook to share global data between a hierarchy of nested React components.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-functional-servicescope-hooks", + "longDescription": [ + "This web part is designed to help developers understand how to use the Context API and useContext() React Hook to share global data between a hierarchy of nested React components." + ], + "created": "2020-03-25", + "modified": "2020-03-25", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-functional-servicescope-hooks/webpart.png", + "alt": "Consuming SPFX Service Scopes using React Hooks" + } + ], + "authors": [ + { + "gitHubAccount": "garrytrinder", + "company": "CPS Global", + "pictureUrl": "https://github.com/garrytrinder.png", + "name": "Garry Trinder", + "twitter": "garrytrinder" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-functional-stateful-component/assets/sample.json b/samples/react-functional-stateful-component/assets/sample.json index aac0f1b28..a91483b0f 100644 --- a/samples/react-functional-stateful-component/assets/sample.json +++ b/samples/react-functional-stateful-component/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-functional-stateful-component","version":null,"source":"pnp","title":"React Functional Stateful Component web part","shortDescription":"This web part demonstrates building a React functional component that includes state, using the recently introduced React Hooks feature. The example web part renders a number to Roman numerals conversion tool.","longDescription":["This web part demonstrates building a React functional component that includes state, using the recently introduced React Hooks feature. The example web part renders a number to Roman numerals conversion tool."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-functional-stateful-component/Screenshot.png","alt":"React Functional Stateful Component web part","slides":null}],"authors":[{"gitHubAccount":"SPDoctor","company":"","pictureUrl":"https://github.com/SPDoctor.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-functional-stateful-component", + "source": "pnp", + "title": "React Functional Stateful Component web part", + "shortDescription": "This web part demonstrates building a React functional component that includes state, using the recently introduced React Hooks feature. The example web part renders a number to Roman numerals conversion tool.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-functional-stateful-component", + "longDescription": [ + "This web part demonstrates building a React functional component that includes state, using the recently introduced React Hooks feature. The example web part renders a number to Roman numerals conversion tool." + ], + "created": "2019-06-05", + "modified": "2019-06-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-functional-stateful-component/Screenshot.png", + "alt": "React Functional Stateful Component web part" + } + ], + "authors": [ + { + "gitHubAccount": "SPDoctor", + "company": "Flow Simulation Ltd.", + "pictureUrl": "https://avatars.githubusercontent.com/u/10207194?s=460\u0026v=4", + "name": "Bill Ayers", + "twitter": "SPDoctor" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-github-badge/assets/sample.json b/samples/react-github-badge/assets/sample.json index fffe48180..af4848de8 100644 --- a/samples/react-github-badge/assets/sample.json +++ b/samples/react-github-badge/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-github-badge","version":null,"source":"pnp","title":"GitHub Badge (React)","shortDescription":"Displays information about a GitHub user.","longDescription":["Displays information about a GitHub user."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-github-badge/assets/githubbadge.png","alt":"GitHub Badge (React)","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-github-badge", + "source": "pnp", + "title": "GitHub Badge (React)", + "shortDescription": "Displays information about a GitHub user.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-github-badge", + "longDescription": [ + "Displays information about a GitHub user." + ], + "created": "2019-06-06", + "modified": "2019-06-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-github-badge/assets/githubbadge.png", + "alt": "GitHub Badge (React)" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-global-news/assets/sample.json b/samples/react-global-news/assets/sample.json index b6c3a19b4..f1c60d387 100644 --- a/samples/react-global-news/assets/sample.json +++ b/samples/react-global-news/assets/sample.json @@ -1 +1,95 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-global-news","version":null,"source":"pnp","title":"Global News","shortDescription":"This web part show a world news from various sources, it uses the API available on https://newsapi.org this collect information from news and blog sites around the world.","longDescription":["This web part show a world news from various sources, it uses the API available on https://newsapi.org this collect information from news and blog sites around the world."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-global-news/assets/GlobalNews.png","alt":"Global News","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-global-news", + "source": "pnp", + "title": "Global News", + "shortDescription": "This web part show a world news from various sources, it uses the API available on https://newsapi.org this collect information from news and blog sites around the world.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-global-news", + "longDescription": [ + "This web part show a world news from various sources, it uses the API available on https://newsapi.org this collect information from news and blog sites around the world." + ], + "created": "2020-04-14", + "modified": "2020-04-14", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-FULLPAGEAPP", + "value": "true" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-global-news/assets/GlobalNews.png", + "alt": "Global News" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-global-news/assets/globalNews.gif?raw=true", + "alt": "Global News" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-global-news/assets/news.jpg?raw=true", + "alt": "Global News" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Using single part app pages in SharePoint Online", + "description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-google-fit/assets/sample.json b/samples/react-google-fit/assets/sample.json index 048d42585..42e5a02d1 100644 --- a/samples/react-google-fit/assets/sample.json +++ b/samples/react-google-fit/assets/sample.json @@ -1 +1,94 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-google-fit","version":null,"source":"pnp","title":"Web part displaying Google Fit information","shortDescription":"This sample demonstrates integration of Google Fit information with SharePoint Framework. The Google Fitness REST APIs allows developers to extend it further and create their own dashboards. Google Fitness REST APIs are useful if you have fitness app and you want to integrate your data with google fit or if you just want to collect Fitness data and display some information to the users. This web part helps to display the key fitness information (activity time spent, distance travelled, calories burned, step count) from the Google fit data source.","longDescription":["This sample demonstrates integration of Google Fit information with SharePoint Framework. The Google Fitness REST APIs allows developers to extend it further and create their own dashboards. Google Fitness REST APIs are useful if you have fitness app and you want to integrate your data with google fit or if you just want to collect Fitness data and display some information to the users. This web part helps to display the key fitness information (activity time spent, distance travelled, calories burned, step count) from the Google fit data source."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-google-fit/assets/webpart-preview.png","alt":"Web part displaying Google Fit information","slides":null}],"authors":[{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-google-fit", + "source": "pnp", + "title": "Web part displaying Google Fit information", + "shortDescription": "This sample demonstrates integration of Google Fit information with SharePoint Framework. The Google Fitness REST APIs allows developers to extend it further and create their own dashboards. Google Fitness REST APIs are useful if you have fitness app and you want to integrate your data with google fit or if you just want to collect Fitness data and display some information to the users. This web part helps to display the key fitness information (activity time spent, distance travelled, calories burned, step count) from the Google fit data source.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-google-fit", + "longDescription": [ + "This sample demonstrates integration of Google Fit information with SharePoint Framework. The Google Fitness REST APIs allows developers to extend it further and create their own dashboards. Google Fitness REST APIs are useful if you have fitness app and you want to integrate your data with google fit or if you just want to collect Fitness data and display some information to the users. This web part helps to display the key fitness information (activity time spent, distance travelled, calories burned, step count) from the Google fit data source." + ], + "created": "2019-01-14", + "modified": "2019-01-14", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-google-fit/assets/webpart-preview.png", + "alt": "Web part displaying Google Fit information" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-google-fit/assets/add-authorized-origins.png?raw=true", + "alt": "Web part displaying Google Fit information" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-google-fit/assets/add-credentials-to-your-project.png?raw=true", + "alt": "Web part displaying Google Fit information" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-google-fit/assets/create-new-project.png?raw=true", + "alt": "Web part displaying Google Fit information" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-google-fit/assets/generate-credentials.png?raw=true", + "alt": "Web part displaying Google Fit information" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-google-fit/assets/oauth-clientid.png?raw=true", + "alt": "Web part displaying Google Fit information" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-google-fit/assets/setup-oauth-consent.png?raw=true", + "alt": "Web part displaying Google Fit information" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-google-fit/assets/sharepoint-run.gif?raw=true", + "alt": "Web part displaying Google Fit information" + } + ], + "authors": [ + { + "gitHubAccount": "nanddeepn", + "company": "", + "pictureUrl": "https://github.com/nanddeepn.png", + "name": "Nanddeep Nachan", + "twitter": "NanddeepNachan" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-calendar/assets/sample.json b/samples/react-graph-calendar/assets/sample.json index bbd2dcf50..820370ba1 100644 --- a/samples/react-graph-calendar/assets/sample.json +++ b/samples/react-graph-calendar/assets/sample.json @@ -1 +1,77 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-calendar","version":null,"source":"pnp","title":"Graph Calendar Web Part","shortDescription":"This is a sample web part developed using React Framework to gather events from the underlying group calendar of a Team site. This sample also demonstrates the utilization of web parts as Teams tabs and Personal tab and offering a visualization context to change behaviors based on the platform used (Getting the proper information from the team vs. SharePoint site, understanding the context of the theme on Teams, etc.).","longDescription":["This is a sample web part developed using React Framework to gather events from the underlying group calendar of a Team site. This sample also demonstrates the utilization of web parts as Teams tabs and Personal tab and offering a visualization context to change behaviors based on the platform used (Getting the proper information from the team vs. SharePoint site, understanding the context of the theme on Teams, etc.)."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-calendar/assets/react-graph-calendar-spo.gif","alt":"Graph Calendar Web Part","slides":null}],"authors":[{"gitHubAccount":"sebastienlevert","company":"","pictureUrl":"https://github.com/sebastienlevert.png"},{"gitHubAccount":"Abderahman88","company":"","pictureUrl":"https://github.com/Abderahman88.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-calendar", + "source": "pnp", + "title": "Graph Calendar Web Part", + "shortDescription": "This is a sample web part developed using React Framework to gather events from the underlying group calendar of a Team site. This sample also demonstrates the utilization of web parts as Teams tabs and Personal tab and offering a visualization context to change behaviors based on the platform used (Getting the proper information from the team vs. SharePoint site, understanding the context of the theme on Teams, etc.).", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-calendar", + "longDescription": [ + "This is a sample web part developed using React Framework to gather events from the underlying group calendar of a Team site. This sample also demonstrates the utilization of web parts as Teams tabs and Personal tab and offering a visualization context to change behaviors based on the platform used (Getting the proper information from the team vs. SharePoint site, understanding the context of the theme on Teams, etc.)." + ], + "created": "2020-11-06", + "modified": "2020-11-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-calendar/assets/react-graph-calendar-spo.gif", + "alt": "Graph Calendar Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-graph-calendar/assets/react-graph-calendar-teams.gif?raw=true", + "alt": "Graph Calendar Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "sebastienlevert", + "company": "Microsoft", + "pictureUrl": "https://github.com/sebastienlevert.png", + "name": "S\u00E9bastien Levert", + "twitter": "sebastienlevert" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-cascading-managed-metadata/assets/sample.json b/samples/react-graph-cascading-managed-metadata/assets/sample.json index 8765188c5..10b9a997a 100644 --- a/samples/react-graph-cascading-managed-metadata/assets/sample.json +++ b/samples/react-graph-cascading-managed-metadata/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-cascading-managed-metadata","version":null,"source":"pnp","title":"Cascading managed metadata using Graph API","shortDescription":"Shows how to use the Microsoft Graph APIs (beta) for Taxonomy to get the data.","longDescription":["Shows how to use the Microsoft Graph APIs (beta) for Taxonomy to get the data."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-cascading-managed-metadata/assets/cmmd.gif","alt":"Cascading managed metadata using Graph API","slides":null}],"authors":[{"gitHubAccount":"anoopt","company":"","pictureUrl":"https://github.com/anoopt.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-cascading-managed-metadata", + "source": "pnp", + "title": "Cascading managed metadata using Graph API", + "shortDescription": "Shows how to use the Microsoft Graph APIs (beta) for Taxonomy to get the data.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-cascading-managed-metadata", + "longDescription": [ + "Shows how to use the Microsoft Graph APIs (beta) for Taxonomy to get the data." + ], + "created": "2020-09-02", + "modified": "2020-09-02", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-cascading-managed-metadata/assets/cmmd.gif", + "alt": "Cascading managed metadata using Graph API" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-graph-cascading-managed-metadata/assets/termstore.png?raw=true", + "alt": "Cascading managed metadata using Graph API" + } + ], + "authors": [ + { + "gitHubAccount": "anoopt", + "company": "Content \u002BCloud", + "pictureUrl": "https://avatars.githubusercontent.com/u/9694225?s=460\u0026u=fbb4b27ed944935800d5f6dbc91e71911ce0d4ec\u0026v=4", + "name": "Anoop Tatti", + "twitter": "anooptells" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-evalurl/assets/sample.json b/samples/react-graph-evalurl/assets/sample.json index 0d3f43ea3..0a2d4d365 100644 --- a/samples/react-graph-evalurl/assets/sample.json +++ b/samples/react-graph-evalurl/assets/sample.json @@ -1 +1,64 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-evalurl","version":null,"source":"pnp","title":"Web part showing Url validation for SharePoint using Office Graph","shortDescription":"This sample contains a class that evaluates the url input of a text field against the Microsoft Graph.","longDescription":["This sample contains a class that evaluates the url input of a text field against the Microsoft Graph."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-evalurl/assets/url-graph-eval.gif","alt":"Web part showing Url validation for SharePoint using Office Graph","slides":null}],"authors":[{"gitHubAccount":"StfBauer","company":"","pictureUrl":"https://github.com/StfBauer.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-evalurl", + "source": "pnp", + "title": "Web part showing Url validation for SharePoint using Office Graph", + "shortDescription": "This sample contains a class that evaluates the url input of a text field against the Microsoft Graph.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-evalurl", + "longDescription": [ + "This sample contains a class that evaluates the url input of a text field against the Microsoft Graph." + ], + "created": "2018-04-15", + "modified": "2018-04-15", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-evalurl/assets/url-graph-eval.gif", + "alt": "Web part showing Url validation for SharePoint using Office Graph" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-graph-evalurl/assets/eval-web-after-site-collection.png?raw=true", + "alt": "Web part showing Url validation for SharePoint using Office Graph" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-graph-evalurl/assets/evaluation-client-searching-for-site-collection.png?raw=true", + "alt": "Web part showing Url validation for SharePoint using Office Graph" + } + ], + "authors": [ + { + "gitHubAccount": "StfBauer", + "company": "N8D", + "pictureUrl": "https://github.com/StfBauer.png", + "name": "Stefan Bauer", + "twitter": "stfbauer" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-feedback-form/assets/sample.json b/samples/react-graph-feedback-form/assets/sample.json index 1da3174f8..71ff5c762 100644 --- a/samples/react-graph-feedback-form/assets/sample.json +++ b/samples/react-graph-feedback-form/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-feedback-form","version":null,"source":"pnp","title":"Feedback Form","shortDescription":"Sample SPFx React web part which allows sending emails using Microsoft Graph.","longDescription":["Sample SPFx React web part which allows sending emails using Microsoft Graph."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-feedback-form/assets/preview.gif","alt":"Feedback Form","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-feedback-form", + "source": "pnp", + "title": "Feedback Form", + "shortDescription": "Sample SPFx React web part which allows sending emails using Microsoft Graph.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-feedback-form", + "longDescription": [ + "Sample SPFx React web part which allows sending emails using Microsoft Graph." + ], + "created": "2020-05-15", + "modified": "2020-05-15", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-feedback-form/assets/preview.gif", + "alt": "Feedback Form" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-personalemail/assets/sample.json b/samples/react-graph-personalemail/assets/sample.json index fa589641b..6bc1afdd0 100644 --- a/samples/react-graph-personalemail/assets/sample.json +++ b/samples/react-graph-personalemail/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-personalemail","version":null,"source":"pnp","title":"Personal e-mail","shortDescription":"Sample React web part showing how to retrieve and display personal e-mail retrieved using the Microsoft Graph.","longDescription":["Sample React web part showing how to retrieve and display personal e-mail retrieved using the Microsoft Graph."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.6.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-personalemail/assets/preview.png","alt":"Personal e-mail","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-personalemail", + "source": "pnp", + "title": "Personal e-mail", + "shortDescription": "Sample React web part showing how to retrieve and display personal e-mail retrieved using the Microsoft Graph.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-personalemail", + "longDescription": [ + "Sample React web part showing how to retrieve and display personal e-mail retrieved using the Microsoft Graph." + ], + "created": "2018-10-03", + "modified": "2018-10-03", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.6.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-personalemail/assets/preview.png", + "alt": "Personal e-mail" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-pnpjs/assets/sample.json b/samples/react-graph-pnpjs/assets/sample.json index ad4f950bb..adf5c5fa8 100644 --- a/samples/react-graph-pnpjs/assets/sample.json +++ b/samples/react-graph-pnpjs/assets/sample.json @@ -1 +1,64 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-pnpjs","version":null,"source":"pnp","title":"Using PnPJS with MS Graph","shortDescription":"This web part demonstrates how to use PnPJS with SharePoint Framework and how to query Microsoft Graph with PnPJS. It requests a list of Azure AD groups at your tenant and shows them using Office UI Fabric React list.","longDescription":["This web part demonstrates how to use PnPJS with SharePoint Framework and how to query Microsoft Graph with PnPJS. It requests a list of Azure AD groups at your tenant and shows them using Office UI Fabric React list."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-pnpjs/assets/summary.png","alt":"Using PnPJS with MS Graph","slides":null}],"authors":[{"gitHubAccount":"s-KaiNet","company":"","pictureUrl":"https://github.com/s-KaiNet.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-pnpjs", + "source": "pnp", + "title": "Using PnPJS with MS Graph", + "shortDescription": "This web part demonstrates how to use PnPJS with SharePoint Framework and how to query Microsoft Graph with PnPJS. It requests a list of Azure AD groups at your tenant and shows them using Office UI Fabric React list.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-pnpjs", + "longDescription": [ + "This web part demonstrates how to use PnPJS with SharePoint Framework and how to query Microsoft Graph with PnPJS. It requests a list of Azure AD groups at your tenant and shows them using Office UI Fabric React list." + ], + "created": "2019-01-09", + "modified": "2019-01-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-pnpjs/assets/summary.png", + "alt": "Using PnPJS with MS Graph" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-graph-pnpjs/assets/approve-request.png?raw=true", + "alt": "Using PnPJS with MS Graph" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-graph-pnpjs/assets/approve.png?raw=true", + "alt": "Using PnPJS with MS Graph" + } + ], + "authors": [ + { + "gitHubAccount": "s-KaiNet", + "company": "Mastaq", + "pictureUrl": "https://github.com/s-KaiNet.png", + "name": "Sergei Sergeev", + "twitter": "sergeev_srg" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-reports/assets/sample.json b/samples/react-graph-reports/assets/sample.json index a9e708885..d8d9b7acf 100644 --- a/samples/react-graph-reports/assets/sample.json +++ b/samples/react-graph-reports/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-reports","version":null,"source":"pnp","title":"Graph Usage Reports","shortDescription":"This sample describe a SPFX application which retrieves an office 365 usage reports using Microsoft Graph API. This application also use chartjs library to generate graph.","longDescription":["This sample describe a SPFX application which retrieves an office 365 usage reports using Microsoft Graph API. This application also use chartjs library to generate graph."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-reports/assets/react-graph-reports.gif","alt":"Graph Usage Reports","slides":null}],"authors":[{"gitHubAccount":"ejazhussain","company":"","pictureUrl":"https://github.com/ejazhussain.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-reports", + "source": "pnp", + "title": "Graph Usage Reports", + "shortDescription": "This sample describe a SPFX application which retrieves an office 365 usage reports using Microsoft Graph API. This application also use chartjs library to generate graph.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-reports", + "longDescription": [ + "This sample describe a SPFX application which retrieves an office 365 usage reports using Microsoft Graph API. This application also use chartjs library to generate graph." + ], + "created": "2019-04-09", + "modified": "2019-04-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-reports/assets/react-graph-reports.gif", + "alt": "Graph Usage Reports" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-graph-reports/assets/graph-api-permissions-usage-reports.png?raw=true", + "alt": "Graph Usage Reports" + } + ], + "authors": [ + { + "gitHubAccount": "ejazhussain", + "company": "Content and Code", + "pictureUrl": "https://github.com/ejazhussain.png", + "name": "Ejaz Hussain", + "twitter": "EjazHussain_" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-schema-extensions/assets/sample.json b/samples/react-graph-schema-extensions/assets/sample.json index 50037f2d1..6bb592d3d 100644 --- a/samples/react-graph-schema-extensions/assets/sample.json +++ b/samples/react-graph-schema-extensions/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-schema-extensions","version":null,"source":"pnp","title":"Read / update MS Graph Custom Schema Extensions","shortDescription":"This sample shows how read and update a custom Schema extension in MS Graph. It shows how to create a custom Schema extension in Graph to store custom data related to an Office 365 Group, and how we can read and update that data using an spfx web part.","longDescription":["This sample shows how read and update a custom Schema extension in MS Graph. It shows how to create a custom Schema extension in Graph to store custom data related to an Office 365 Group, and how we can read and update that data using an spfx web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.5.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-schema-extensions/assets/webpart.png","alt":"Read / update MS Graph Custom Schema Extensions","slides":null}],"authors":[{"gitHubAccount":"luismanez","company":"","pictureUrl":"https://github.com/luismanez.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-schema-extensions", + "source": "pnp", + "title": "Read / update MS Graph Custom Schema Extensions", + "shortDescription": "This sample shows how read and update a custom Schema extension in MS Graph. It shows how to create a custom Schema extension in Graph to store custom data related to an Office 365 Group, and how we can read and update that data using an spfx web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-schema-extensions", + "longDescription": [ + "This sample shows how read and update a custom Schema extension in MS Graph. It shows how to create a custom Schema extension in Graph to store custom data related to an Office 365 Group, and how we can read and update that data using an spfx web part." + ], + "created": "2018-07-03", + "modified": "2018-07-03", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.5.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-schema-extensions/assets/webpart.png", + "alt": "Read / update MS Graph Custom Schema Extensions" + } + ], + "authors": [ + { + "gitHubAccount": "luismanez", + "company": "ClearPeople", + "pictureUrl": "https://github.com/luismanez.png", + "name": "Luis Ma\u00F1ez" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-graph-telephonedirectory/assets/sample.json b/samples/react-graph-telephonedirectory/assets/sample.json index df1656e43..e4d488f80 100644 --- a/samples/react-graph-telephonedirectory/assets/sample.json +++ b/samples/react-graph-telephonedirectory/assets/sample.json @@ -1 +1,65 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-graph-telephonedirectory","version":null,"source":"pnp","title":"Telephone Directory using React, Ms Graph and SPFx","shortDescription":"This is sample web part using SPFx and MSGraph to fetch the users information based on First Name, Last Name and Email Address. web part will fetch data from directory using Graph API and display in details list.","longDescription":["This is sample web part using SPFx and MSGraph to fetch the users information based on First Name, Last Name and Email Address. web part will fetch data from directory using Graph API and display in details list."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-telephonedirectory/assets/Preview.gif","alt":"Telephone Directory using React, Ms Graph and SPFx","slides":null}],"authors":[{"gitHubAccount":"dips365","company":"","pictureUrl":"https://github.com/dips365.png"},{"gitHubAccount":"a1mery","company":"","pictureUrl":"https://github.com/a1mery.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-graph-telephonedirectory", + "source": "pnp", + "title": "Telephone Directory using React, Ms Graph and SPFx", + "shortDescription": "This is sample web part using SPFx and MSGraph to fetch the users information based on First Name, Last Name and Email Address. web part will fetch data from directory using Graph API and display in details list.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-graph-telephonedirectory", + "longDescription": [ + "This is sample web part using SPFx and MSGraph to fetch the users information based on First Name, Last Name and Email Address. web part will fetch data from directory using Graph API and display in details list." + ], + "created": "2020-11-07", + "modified": "2020-11-07", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-graph-telephonedirectory/assets/Preview.gif", + "alt": "Telephone Directory using React, Ms Graph and SPFx" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-graph-telephonedirectory/assets/Capture.PNG?raw=true", + "alt": "Telephone Directory using React, Ms Graph and SPFx" + } + ], + "authors": [ + { + "gitHubAccount": "dips365", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/40450958?s=460\u0026u=77f108fb56adbed4f87304f15ce71033df667aaf\u0026v=4", + "name": "Dipen Shah", + "twitter": "Dips_365" + }, + { + "gitHubAccount": "a1mery", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/7100077?s=460\u0026v=4", + "name": "Aimery Thomas", + "twitter": "aimery_thomas" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-hooks/assets/sample.json b/samples/react-hooks/assets/sample.json index 5a7f67980..74b52eff4 100644 --- a/samples/react-hooks/assets/sample.json +++ b/samples/react-hooks/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-hooks","version":null,"source":"pnp","title":"React Hooks Form Web Part","shortDescription":"The React Hooks web part is an example of how to implement Hooks in Spfx. Hooks is a new feature included in React version 16.8, with the new version of SharePoint Framework (SPFx) version 1.9.1 we can use them in our developments. In this example we are going to see the different types of hooks that are available and with the comparison of how this implementation can be done without the Hooks to be able to observe the benefits of using it.","longDescription":["The React Hooks web part is an example of how to implement Hooks in Spfx. Hooks is a new feature included in React version 16.8, with the new version of SharePoint Framework (SPFx) version 1.9.1 we can use them in our developments. In this example we are going to see the different types of hooks that are available and with the comparison of how this implementation can be done without the Hooks to be able to observe the benefits of using it."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-hooks/assets/webpart.PNG","alt":"React Hooks Form Web Part","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-hooks", + "source": "pnp", + "title": "React Hooks Form Web Part", + "shortDescription": "The React Hooks web part is an example of how to implement Hooks in Spfx. Hooks is a new feature included in React version 16.8, with the new version of SharePoint Framework (SPFx) version 1.9.1 we can use them in our developments. In this example we are going to see the different types of hooks that are available and with the comparison of how this implementation can be done without the Hooks to be able to observe the benefits of using it.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-hooks", + "longDescription": [ + "The React Hooks web part is an example of how to implement Hooks in Spfx. Hooks is a new feature included in React version 16.8, with the new version of SharePoint Framework (SPFx) version 1.9.1 we can use them in our developments. In this example we are going to see the different types of hooks that are available and with the comparison of how this implementation can be done without the Hooks to be able to observe the benefits of using it." + ], + "created": "2019-08-19", + "modified": "2019-08-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-hooks/assets/webpart.PNG", + "alt": "React Hooks Form Web Part" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-image-gallery/assets/sample.json b/samples/react-image-gallery/assets/sample.json index 45a4b95be..9de2bed1f 100644 --- a/samples/react-image-gallery/assets/sample.json +++ b/samples/react-image-gallery/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-image-gallery","version":null,"source":"pnp","title":"Filterable Image Gallery Web Part","shortDescription":"This sample describe a SPFX application which implement an image gallery with taxonomy base filtering and typed search. This application also implement pagination.","longDescription":["This sample describe a SPFX application which implement an image gallery with taxonomy base filtering and typed search. This application also implement pagination."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.6.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-image-gallery/assets/image-gallery.gif","alt":"Filterable Image Gallery Web Part","slides":null}],"authors":[{"gitHubAccount":"ejazhussain","company":"","pictureUrl":"https://github.com/ejazhussain.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-image-gallery", + "source": "pnp", + "title": "Filterable Image Gallery Web Part", + "shortDescription": "This sample describe a SPFX application which implement an image gallery with taxonomy base filtering and typed search. This application also implement pagination.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-image-gallery", + "longDescription": [ + "This sample describe a SPFX application which implement an image gallery with taxonomy base filtering and typed search. This application also implement pagination." + ], + "created": "2019-03-01", + "modified": "2019-03-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.6.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-image-gallery/assets/image-gallery.gif", + "alt": "Filterable Image Gallery Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "ejazhussain", + "company": "Content and Code", + "pictureUrl": "https://github.com/ejazhussain.png", + "name": "Ejaz Hussain", + "twitter": "EjazHussain_" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-image-magnifier/assets/sample.json b/samples/react-image-magnifier/assets/sample.json index 49819215b..d10efdc41 100644 --- a/samples/react-image-magnifier/assets/sample.json +++ b/samples/react-image-magnifier/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-image-magnifier","version":null,"source":"pnp","title":"Image Magnifier","shortDescription":"This web part allow to magnify an image, displaying a resolution more detailed through a lens.","longDescription":["This web part allow to magnify an image, displaying a resolution more detailed through a lens."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-image-magnifier/assets/spfx-react-image-magnifier.gif","alt":"Image Magnifier","slides":null}],"authors":[{"gitHubAccount":"giuleon","company":"","pictureUrl":"https://github.com/giuleon.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-image-magnifier", + "source": "pnp", + "title": "Image Magnifier", + "shortDescription": "This web part allow to magnify an image, displaying a resolution more detailed through a lens.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-image-magnifier", + "longDescription": [ + "This web part allow to magnify an image, displaying a resolution more detailed through a lens." + ], + "created": "2017-09-17", + "modified": "2017-09-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-image-magnifier/assets/spfx-react-image-magnifier.gif", + "alt": "Image Magnifier" + } + ], + "authors": [ + { + "gitHubAccount": "giuleon", + "company": "", + "pictureUrl": "https://github.com/giuleon.png", + "name": "Giuliano De Luca", + "twitter": "delucagiulian" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-image-slider-list-taxonomy-filter/assets/sample.json b/samples/react-image-slider-list-taxonomy-filter/assets/sample.json index f458dcdb6..3b4c925c2 100644 --- a/samples/react-image-slider-list-taxonomy-filter/assets/sample.json +++ b/samples/react-image-slider-list-taxonomy-filter/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-image-slider-list-taxonomy-filter","version":null,"source":"pnp","title":"Image Slider from Photo Gallery using Taxonomy Filter","shortDescription":"This web part display the image in slider based on the filter of Taxonomy from Property panel. Images are stored in PhotoGallery and tagged with Taxonomy.","longDescription":["This web part display the image in slider based on the filter of Taxonomy from Property panel. Images are stored in PhotoGallery and tagged with Taxonomy."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.6.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-image-slider-list-taxonomy-filter/assets/ImageSlider.gif","alt":"Image Slider from Photo Gallery using Taxonomy Filter","slides":null}],"authors":[{"gitHubAccount":"sudhir007rawat","company":"","pictureUrl":"https://github.com/sudhir007rawat.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-image-slider-list-taxonomy-filter", + "source": "pnp", + "title": "Image Slider from Photo Gallery using Taxonomy Filter", + "shortDescription": "This web part display the image in slider based on the filter of Taxonomy from Property panel. Images are stored in PhotoGallery and tagged with Taxonomy.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-image-slider-list-taxonomy-filter", + "longDescription": [ + "This web part display the image in slider based on the filter of Taxonomy from Property panel. Images are stored in PhotoGallery and tagged with Taxonomy." + ], + "created": "2019-03-01", + "modified": "2019-03-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.6.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-image-slider-list-taxonomy-filter/assets/ImageSlider.gif", + "alt": "Image Slider from Photo Gallery using Taxonomy Filter" + } + ], + "authors": [ + { + "gitHubAccount": "sudhir007rawat", + "company": "HCL America", + "pictureUrl": "https://github.com/sudhir007rawat.png", + "name": "Sudhir Rawat" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-invitation-manager/assets/sample.json b/samples/react-invitation-manager/assets/sample.json index e5841dc05..3ad7b1971 100644 --- a/samples/react-invitation-manager/assets/sample.json +++ b/samples/react-invitation-manager/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-invitation-manager","version":null,"source":"pnp","title":"Azure Active Directory invitation manager Graph API samples","shortDescription":"Sample SharePoint Framework web parts built using React illustrating the possibility to use Graph API to invite external users into the Azure Active Directory.","longDescription":["Sample SharePoint Framework web parts built using React illustrating the possibility to use Graph API to invite external users into the Azure Active Directory."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.3.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-invitation-manager/assets/SPFx-Invitation-Manager.gif","alt":"Azure Active Directory invitation manager Graph API samples","slides":null}],"authors":[{"gitHubAccount":"giuleon","company":"","pictureUrl":"https://github.com/giuleon.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-invitation-manager", + "source": "pnp", + "title": "Azure Active Directory invitation manager Graph API samples", + "shortDescription": "Sample SharePoint Framework web parts built using React illustrating the possibility to use Graph API to invite external users into the Azure Active Directory.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-invitation-manager", + "longDescription": [ + "Sample SharePoint Framework web parts built using React illustrating the possibility to use Graph API to invite external users into the Azure Active Directory." + ], + "created": "2017-10-09", + "modified": "2017-10-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.3.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-invitation-manager/assets/SPFx-Invitation-Manager.gif", + "alt": "Azure Active Directory invitation manager Graph API samples" + } + ], + "authors": [ + { + "gitHubAccount": "giuleon", + "company": "", + "pictureUrl": "https://github.com/giuleon.png", + "name": "Giuliano De Luca", + "twitter": "delucagiulian" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-ioc-tests/assets/sample.json b/samples/react-ioc-tests/assets/sample.json index da44d7f4e..4f64e83cf 100644 --- a/samples/react-ioc-tests/assets/sample.json +++ b/samples/react-ioc-tests/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-ioc-tests","version":null,"source":"pnp","title":"React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme","shortDescription":"This web part is provided as an example of implementing an IoC (Inversion of Control) pattern in the context of a SharePoint Framework web part.","longDescription":["This web part is provided as an example of implementing an IoC (Inversion of Control) pattern in the context of a SharePoint Framework web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-ioc-tests/assets/preview.jpg","alt":"React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme","slides":null}],"authors":[{"gitHubAccount":"paulryan","company":"","pictureUrl":"https://github.com/paulryan.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-ioc-tests", + "source": "pnp", + "title": "React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme", + "shortDescription": "This web part is provided as an example of implementing an IoC (Inversion of Control) pattern in the context of a SharePoint Framework web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-ioc-tests", + "longDescription": [ + "This web part is provided as an example of implementing an IoC (Inversion of Control) pattern in the context of a SharePoint Framework web part." + ], + "created": "2019-03-20", + "modified": "2019-03-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-ioc-tests/assets/preview.jpg", + "alt": "React Inversion Of Control Web Part with Unit Tests using Jest and Enzyme" + } + ], + "authors": [ + { + "gitHubAccount": "paulryan", + "company": "", + "pictureUrl": "https://github.com/paulryan.png", + "name": "Paul Ryan" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-item-History/assets/sample.json b/samples/react-item-History/assets/sample.json index ae3aafc45..970b12c8f 100644 --- a/samples/react-item-History/assets/sample.json +++ b/samples/react-item-History/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-item-History","version":null,"source":"pnp","title":"Item History","shortDescription":"This listview command is used to show the past versions of the selected list item in a grid.","longDescription":["This listview command is used to show the past versions of the selected list item in a grid."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-item-History/Capture.PNG","alt":"Item History","slides":null}],"authors":[{"gitHubAccount":"russgove","company":"","pictureUrl":"https://github.com/russgove.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-item-History", + "source": "pnp", + "title": "Item History", + "shortDescription": "This listview command is used to show the past versions of the selected list item in a grid.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-item-History", + "longDescription": [ + "This listview command is used to show the past versions of the selected list item in a grid." + ], + "created": "2018-06-15", + "modified": "2018-06-15", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-item-History/Capture.PNG", + "alt": "Item History" + } + ], + "authors": [ + { + "gitHubAccount": "russgove", + "company": "", + "pictureUrl": "https://github.com/russgove.png", + "name": "Russell Gove" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-jest-testing/assets/sample.json b/samples/react-jest-testing/assets/sample.json index 387cef421..9c656ddfe 100644 --- a/samples/react-jest-testing/assets/sample.json +++ b/samples/react-jest-testing/assets/sample.json @@ -1 +1,231 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-jest-testing","version":null,"source":"pnp","title":"React Jest Testing sample","shortDescription":"This sample uses the popular Jest Testing Framework with a SPFx client side solution. It is a SPFx-Jest-Enzyme-Sinon starter kit so you can start writing and debugging unit tests in typescript for your SPFx solution. The setup includes unit tests examples, code coverage reports in different formats, visual studio code unit test debug configurations for typescript, setting a coverage threshold (gates) for continuous integration and continuous deployment scenarios.","longDescription":["This sample uses the popular Jest Testing Framework with a SPFx client side solution. It is a SPFx-Jest-Enzyme-Sinon starter kit so you can start writing and debugging unit tests in typescript for your SPFx solution. The setup includes unit tests examples, code coverage reports in different formats, visual studio code unit test debug configurations for typescript, setting a coverage threshold (gates) for continuous integration and continuous deployment scenarios."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-jest-testing/assets/Jest-Typescript-VSCode-debugging.png","alt":"React Jest Testing sample","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-jest-testing", + "source": "pnp", + "title": "React Jest Testing sample", + "shortDescription": "This sample uses the popular Jest Testing Framework with a SPFx client side solution. It is a SPFx-Jest-Enzyme-Sinon starter kit so you can start writing and debugging unit tests in typescript for your SPFx solution. The setup includes unit tests examples, code coverage reports in different formats, visual studio code unit test debug configurations for typescript, setting a coverage threshold (gates) for continuous integration and continuous deployment scenarios.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-jest-testing", + "longDescription": [ + "This sample uses the popular Jest Testing Framework with a SPFx client side solution. It is a SPFx-Jest-Enzyme-Sinon starter kit so you can start writing and debugging unit tests in typescript for your SPFx solution. The setup includes unit tests examples, code coverage reports in different formats, visual studio code unit test debug configurations for typescript, setting a coverage threshold (gates) for continuous integration and continuous deployment scenarios." + ], + "created": "2019-06-23", + "modified": "2019-06-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-jest-testing/assets/Jest-Typescript-VSCode-debugging.png", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-add-artifacts-to-release.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-add-job.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-add-release-task.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-all-build-steps-done.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-appcatalog.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-bash-args.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-bash.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-change-name.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-ci-enabled.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-edit-build.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-edit-continious.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-goto-build.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 113, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-goto-buld.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 114, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-new-project.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 115, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-new-release.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 116, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-node.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 117, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-node8.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 118, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-office365cli-script.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 119, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-overview.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 120, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-repo-config.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 121, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-repos.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 122, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-select-repo.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 123, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-select-template.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 124, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-spfx.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 125, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-success.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 126, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-suggest.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 127, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-ubuntu.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 128, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github-vars.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 129, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/config-Azure-Pipelines-in-Github.PNG?raw=true", + "alt": "React Jest Testing sample" + }, + { + "type": "image", + "order": 130, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-jest-testing/assets/SPFx-jest-coverage.png?raw=true", + "alt": "React Jest Testing sample" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-kanban-board/assets/sample.json b/samples/react-kanban-board/assets/sample.json index 2ce3b429d..60732d60d 100644 --- a/samples/react-kanban-board/assets/sample.json +++ b/samples/react-kanban-board/assets/sample.json @@ -1 +1,75 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-kanban-board","version":null,"source":"pnp","title":"Kanban Board Web part","shortDescription":"This solution contains an SPFx web part which shows a Kanban board using jqxKanban ReactJS component (from JQWidgets). The web part uses the default columns of the SharePoint Tasks list for showing the board\u0027s columns and the tasks.","longDescription":["This solution contains an SPFx web part which shows a Kanban board using jqxKanban ReactJS component (from JQWidgets). The web part uses the default columns of the SharePoint Tasks list for showing the board\u0027s columns and the tasks."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-kanban-board/assets/kanbanofficeUI.gif","alt":"Kanban Board Web part","slides":null}],"authors":[{"gitHubAccount":"RamPrasadMeenavalli","company":"","pictureUrl":"https://github.com/RamPrasadMeenavalli.png"},{"gitHubAccount":"westerdaled","company":"","pictureUrl":"https://github.com/westerdaled.png"},{"gitHubAccount":"petkir","company":"","pictureUrl":"https://github.com/petkir.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-kanban-board", + "source": "pnp", + "title": "Kanban Board Web part", + "shortDescription": "This solution contains an SPFx web part which shows a Kanban board using jqxKanban ReactJS component (from JQWidgets). The web part uses the default columns of the SharePoint Tasks list for showing the board\u0027s columns and the tasks.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-kanban-board", + "longDescription": [ + "This solution contains an SPFx web part which shows a Kanban board using jqxKanban ReactJS component (from JQWidgets). The web part uses the default columns of the SharePoint Tasks list for showing the board\u0027s columns and the tasks." + ], + "created": "2020-07-02", + "modified": "2020-07-02", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-kanban-board/assets/kanbanofficeUI.gif", + "alt": "Kanban Board Web part" + } + ], + "authors": [ + { + "gitHubAccount": "RamPrasadMeenavalli", + "company": "", + "pictureUrl": "https://github.com/RamPrasadMeenavalli.png", + "name": "Ram Prasad Meenavalli", + "twitter": "ram_meenavalli" + }, + { + "gitHubAccount": "westerdaled", + "company": "Westerdale Solutions Ltd", + "pictureUrl": "https://avatars.githubusercontent.com/u/937208?s=460\u0026v=4", + "name": "Daniel Westerdale", + "twitter": "westerdaled" + }, + { + "gitHubAccount": "petkir", + "company": "Cubido Business Solutions GmbH", + "pictureUrl": "https://github.com/petkir.png", + "name": "Peter Paul Kirschner", + "twitter": "petkir_at" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-links/assets/sample.json b/samples/react-links/assets/sample.json index dbb945143..55ed48d13 100644 --- a/samples/react-links/assets/sample.json +++ b/samples/react-links/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-links","version":null,"source":"pnp","title":"Links web part","shortDescription":"This web part provides you the ability to add a per instance listing of links with the ability to group sets of links. Links are stored as a collection of links within the web part\u0027s properties, removing the need for link storage within SharePoint lists, tenant properties, or other external link storage requirements.","longDescription":["This web part provides you the ability to add a per instance listing of links with the ability to group sets of links. Links are stored as a collection of links within the web part\u0027s properties, removing the need for link storage within SharePoint lists, tenant properties, or other external link storage requirements."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-links.gif","alt":"Links web part","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-links", + "source": "pnp", + "title": "Links web part", + "shortDescription": "This web part provides you the ability to add a per instance listing of links with the ability to group sets of links. Links are stored as a collection of links within the web part\u0027s properties, removing the need for link storage within SharePoint lists, tenant properties, or other external link storage requirements.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-links", + "longDescription": [ + "This web part provides you the ability to add a per instance listing of links with the ability to group sets of links. Links are stored as a collection of links within the web part\u0027s properties, removing the need for link storage within SharePoint lists, tenant properties, or other external link storage requirements." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-links.gif", + "alt": "Links web part" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-list-form/assets/sample.json b/samples/react-list-form/assets/sample.json index 0f0cefde3..4b017b1b9 100644 --- a/samples/react-list-form/assets/sample.json +++ b/samples/react-list-form/assets/sample.json @@ -1 +1,85 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-list-form","version":null,"source":"pnp","title":"List Form Web Part","shortDescription":"The React List Form web part is a web part for adding a list form to any page. It provides a working example of implementing generic SharePoint list forms using the SharePoint Framework (SPFx) and the React and Office UI Fabric libraries.","longDescription":["The React List Form web part is a web part for adding a list form to any page. It provides a working example of implementing generic SharePoint list forms using the SharePoint Framework (SPFx) and the React and Office UI Fabric libraries."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-list-form/assets/React-ListForm-Overview.gif","alt":"List Form Web Part","slides":null}],"authors":[{"gitHubAccount":"DanyWyss","company":"","pictureUrl":"https://github.com/DanyWyss.png"},{"gitHubAccount":"Harshagracy","company":"","pictureUrl":"https://github.com/Harshagracy.png"},{"gitHubAccount":"sharepointknight","company":"","pictureUrl":"https://github.com/sharepointknight.png"},{"gitHubAccount":"Abderahman88","company":"","pictureUrl":"https://github.com/Abderahman88.png"},{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-list-form", + "source": "pnp", + "title": "List Form Web Part", + "shortDescription": "The React List Form web part is a web part for adding a list form to any page. It provides a working example of implementing generic SharePoint list forms using the SharePoint Framework (SPFx) and the React and Office UI Fabric libraries.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-list-form", + "longDescription": [ + "The React List Form web part is a web part for adding a list form to any page. It provides a working example of implementing generic SharePoint list forms using the SharePoint Framework (SPFx) and the React and Office UI Fabric libraries." + ], + "created": "2021-02-19", + "modified": "2021-02-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-list-form/assets/React-ListForm-Overview.gif", + "alt": "List Form Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "DanyWyss", + "company": "Ardevia", + "pictureUrl": "https://avatars.githubusercontent.com/u/14975743?s=460\u0026u=0270afb16a406ce4e3f3e471da850141befe9160\u0026v=4", + "name": "Dany Wyss", + "twitter": "DanyWyss" + }, + { + "gitHubAccount": "Harshagracy", + "company": "", + "pictureUrl": "https://github.com/Harshagracy.png", + "name": "Harsha Vardhini", + "twitter": "harshagracy" + }, + { + "gitHubAccount": "sharepointknight", + "company": "", + "pictureUrl": "https://github.com/sharepointknight.png", + "name": "Ryan Schouten" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + }, + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + }, + { + "gitHubAccount": "fthorild", + "company": "Sogeti Sweden", + "pictureUrl": "https://github.com/fthorild.png", + "name": "Fredrik Thorild", + "twitter": "taxonomythorild" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-list-items-menu/assets/sample.json b/samples/react-list-items-menu/assets/sample.json index 14f07d191..9b18df381 100644 --- a/samples/react-list-items-menu/assets/sample.json +++ b/samples/react-list-items-menu/assets/sample.json @@ -1 +1,92 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-list-items-menu","version":null,"source":"pnp","title":"List Items Menu","shortDescription":"Allows user create a navigation menu , grouped by any column of document library. When the user clicks on the header it dynamically load documents.","longDescription":["Allows user create a navigation menu , grouped by any column of document library. When the user clicks on the header it dynamically load documents."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-list-items-menu/assets/ListMenuDocs.gif","alt":"List Items Menu","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-list-items-menu", + "source": "pnp", + "title": "List Items Menu", + "shortDescription": "Allows user create a navigation menu , grouped by any column of document library. When the user clicks on the header it dynamically load documents.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-list-items-menu", + "longDescription": [ + "Allows user create a navigation menu , grouped by any column of document library. When the user clicks on the header it dynamically load documents." + ], + "created": "2021-02-18", + "modified": "2021-02-18", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-list-items-menu/assets/ListMenuDocs.gif", + "alt": "List Items Menu" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-items-menu/assets/reactListItems1.JPG?raw=true", + "alt": "List Items Menu" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-items-menu/assets/reactListItems2.JPG?raw=true", + "alt": "List Items Menu" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-items-menu/assets/reactListItems3.JPG?raw=true", + "alt": "List Items Menu" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-list-search/assets/sample.json b/samples/react-list-search/assets/sample.json new file mode 100644 index 000000000..57463b3a0 --- /dev/null +++ b/samples/react-list-search/assets/sample.json @@ -0,0 +1,103 @@ +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-list-search", + "source": "pnp", + "title": "List Search", + "shortDescription": "This list search web part allows the user to show data from lists or libraries.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-list-search", + "longDescription": [ + "This list search web part allows the user to show data from lists or libraries." + ], + "created": "2020-12-20", + "modified": "2020-12-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-list-search/assets/differentSources.gif", + "alt": "List Search" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-search/assets/docInModal.gif?raw=true", + "alt": "List Search" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-search/assets/docInNewTab.gif?raw=true", + "alt": "List Search" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-search/assets/dynamicData.gif?raw=true", + "alt": "List Search" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-search/assets/itemCurrentData.gif?raw=true", + "alt": "List Search" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-search/assets/itemSelectedData.gif?raw=true", + "alt": "List Search" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-search/assets/redirectToUrl.gif?raw=true", + "alt": "List Search" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-list-search/assets/selectFieldRenderType.gif?raw=true", + "alt": "List Search" + } + ], + "authors": [ + { + "gitHubAccount": "albegut", + "company": "Minsait", + "pictureUrl": "https://github.com/albegut.png", + "name": "Alberto Gutierrez perez", + "twitter": "albertogperez" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-lob-integration/assets/sample.json b/samples/react-lob-integration/assets/sample.json index 77615f561..76993b128 100644 --- a/samples/react-lob-integration/assets/sample.json +++ b/samples/react-lob-integration/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-lob-integration","version":null,"source":"pnp","title":"LOB Integration web part","shortDescription":"This web part allows you to learn how to consume 3rd party APIs, secured with Azure Active Directory, in the context of SharePoint Framework.","longDescription":["This web part allows you to learn how to consume 3rd party APIs, secured with Azure Active Directory, in the context of SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-lob-integration.png","alt":"LOB Integration web part","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-lob-integration", + "source": "pnp", + "title": "LOB Integration web part", + "shortDescription": "This web part allows you to learn how to consume 3rd party APIs, secured with Azure Active Directory, in the context of SharePoint Framework.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-lob-integration", + "longDescription": [ + "This web part allows you to learn how to consume 3rd party APIs, secured with Azure Active Directory, in the context of SharePoint Framework." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-lob-integration.png", + "alt": "LOB Integration web part" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-manage-o365-groups/assets/sample.json b/samples/react-manage-o365-groups/assets/sample.json index ed34cf3ad..98587b597 100644 --- a/samples/react-manage-o365-groups/assets/sample.json +++ b/samples/react-manage-o365-groups/assets/sample.json @@ -1 +1,101 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-manage-o365-groups","version":null,"source":"pnp","title":"Manage Office 365 Groups with SPFx","shortDescription":"Office 365 Groups is the foundational membership service, that drives all teamwork across Microsoft 365. Once in a group, we can get the benefits of the group-connected services like shared Outlook inbox, shared calendar, SharePoint site, Planner, Power BI, Yammer, and Teams.","longDescription":["Office 365 Groups is the foundational membership service, that drives all teamwork across Microsoft 365. Once in a group, we can get the benefits of the group-connected services like shared Outlook inbox, shared calendar, SharePoint site, Planner, Power BI, Yammer, and Teams."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-manage-o365-groups/assets/web-part-preview.gif","alt":"Manage Office 365 Groups with SPFx","slides":null}],"authors":[{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"},{"gitHubAccount":"SmitaNachan","company":"","pictureUrl":"https://github.com/SmitaNachan.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-manage-o365-groups", + "source": "pnp", + "title": "Manage Office 365 Groups with SPFx", + "shortDescription": "Office 365 Groups is the foundational membership service, that drives all teamwork across Microsoft 365. Once in a group, we can get the benefits of the group-connected services like shared Outlook inbox, shared calendar, SharePoint site, Planner, Power BI, Yammer, and Teams.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-manage-o365-groups", + "longDescription": [ + "Office 365 Groups is the foundational membership service, that drives all teamwork across Microsoft 365. Once in a group, we can get the benefits of the group-connected services like shared Outlook inbox, shared calendar, SharePoint site, Planner, Power BI, Yammer, and Teams." + ], + "created": "2020-01-01", + "modified": "2020-01-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-manage-o365-groups/assets/web-part-preview.gif", + "alt": "Manage Office 365 Groups with SPFx" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-o365-groups/assets/approve-request.gif?raw=true", + "alt": "Manage Office 365 Groups with SPFx" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-o365-groups/assets/group-listing-search.gif?raw=true", + "alt": "Manage Office 365 Groups with SPFx" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-o365-groups/assets/join-group.gif?raw=true", + "alt": "Manage Office 365 Groups with SPFx" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-o365-groups/assets/join-private-group.gif?raw=true", + "alt": "Manage Office 365 Groups with SPFx" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-o365-groups/assets/leave-group.gif?raw=true", + "alt": "Manage Office 365 Groups with SPFx" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-o365-groups/assets/new-group.gif?raw=true", + "alt": "Manage Office 365 Groups with SPFx" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-o365-groups/assets/pending-permission-requests.png?raw=true", + "alt": "Manage Office 365 Groups with SPFx" + } + ], + "authors": [ + { + "gitHubAccount": "nanddeepn", + "company": "", + "pictureUrl": "https://github.com/nanddeepn.png", + "name": "Nanddeep Nachan", + "twitter": "NanddeepNachan" + }, + { + "gitHubAccount": "SmitaNachan", + "company": "", + "pictureUrl": "https://github.com/SmitaNachan.png", + "name": "Smita Nachan", + "twitter": "smitanachan" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-manage-profile-card-properties/assets/sample.json b/samples/react-manage-profile-card-properties/assets/sample.json index 92a5374be..af1799e7d 100644 --- a/samples/react-manage-profile-card-properties/assets/sample.json +++ b/samples/react-manage-profile-card-properties/assets/sample.json @@ -1 +1,98 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-manage-profile-card-properties","version":null,"source":"pnp","title":"Manage Profile Card Properties","shortDescription":"This web part allows tenant administrators to manage profile card properties.","longDescription":["This web part allows tenant administrators to manage profile card properties."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-manage-profile-card-properties/assets/Screenshot5.png","alt":"Manage Profile Card Properties","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-manage-profile-card-properties", + "source": "pnp", + "title": "Manage Profile Card Properties", + "shortDescription": "This web part allows tenant administrators to manage profile card properties.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-manage-profile-card-properties", + "longDescription": [ + "This web part allows tenant administrators to manage profile card properties." + ], + "created": "2020-10-05", + "modified": "2020-10-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-manage-profile-card-properties/assets/Screenshot5.png", + "alt": "Manage Profile Card Properties" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-profile-card-properties/assets/Screenshot1.png?raw=true", + "alt": "Manage Profile Card Properties" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-profile-card-properties/assets/Screenshot2.png?raw=true", + "alt": "Manage Profile Card Properties" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-profile-card-properties/assets/Screenshot3.png?raw=true", + "alt": "Manage Profile Card Properties" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-profile-card-properties/assets/Screenshot4.png?raw=true", + "alt": "Manage Profile Card Properties" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-manage-sitedesigns/assets/sample.json b/samples/react-manage-sitedesigns/assets/sample.json index a5ea494f3..e56eba1e1 100644 --- a/samples/react-manage-sitedesigns/assets/sample.json +++ b/samples/react-manage-sitedesigns/assets/sample.json @@ -1 +1,154 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-manage-sitedesigns","version":null,"source":"pnp","title":"Site Designs Manager","shortDescription":"This web part allows tenant administrators to manage site designs through a graphical interface.","longDescription":["This web part allows tenant administrators to manage site designs through a graphical interface."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/joaojmendes/sp-dev-fx-webparts/raw/dev/samples/react-manage-sitedesigns/assets/screen1.jpg","alt":"Site Designs Manager","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-manage-sitedesigns", + "source": "pnp", + "title": "Site Designs Manager", + "shortDescription": "This web part allows tenant administrators to manage site designs through a graphical interface.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-manage-sitedesigns", + "longDescription": [ + "This web part allows tenant administrators to manage site designs through a graphical interface." + ], + "created": "2019-04-08", + "modified": "2019-04-08", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/joaojmendes/sp-dev-fx-webparts/raw/dev/samples/react-manage-sitedesigns/assets/screen1.jpg", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen10.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen11.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen12.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen13.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen14.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen15.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen16.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen17.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen2.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen3.1.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen3.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen4.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 113, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen5.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 114, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen6.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 115, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen7.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 116, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen8.jpg?raw=true", + "alt": "Site Designs Manager" + }, + { + "type": "image", + "order": 117, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-sitedesigns/assets/screen9.jpg?raw=true", + "alt": "Site Designs Manager" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-manage-spfx-solutions-alm/assets/sample.json b/samples/react-manage-spfx-solutions-alm/assets/sample.json index 26e097295..c02ad3230 100644 --- a/samples/react-manage-spfx-solutions-alm/assets/sample.json +++ b/samples/react-manage-spfx-solutions-alm/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-manage-spfx-solutions-alm","version":null,"source":"pnp","title":"Manage SPFx solution using ALM APIs","shortDescription":"This web part acts as a centralized place where admin can manage SPFx solutions present in their tenant using Application lifecycle Management(ALM) APIs and perform activities like Add, Deploy, Install, Retract, Uninstall \u0026 Remove apps.","longDescription":["This web part acts as a centralized place where admin can manage SPFx solutions present in their tenant using Application lifecycle Management(ALM) APIs and perform activities like Add, Deploy, Install, Retract, Uninstall \u0026 Remove apps."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-manage-spfx-solutions-alm/assets/SPFxALM.gif","alt":"Manage SPFx solution using ALM APIs","slides":null}],"authors":[{"gitHubAccount":"Ramakrishnan24689","company":"","pictureUrl":"https://github.com/Ramakrishnan24689.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-manage-spfx-solutions-alm", + "source": "pnp", + "title": "Manage SPFx solution using ALM APIs", + "shortDescription": "This web part acts as a centralized place where admin can manage SPFx solutions present in their tenant using Application lifecycle Management(ALM) APIs and perform activities like Add, Deploy, Install, Retract, Uninstall \u0026 Remove apps.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-manage-spfx-solutions-alm", + "longDescription": [ + "This web part acts as a centralized place where admin can manage SPFx solutions present in their tenant using Application lifecycle Management(ALM) APIs and perform activities like Add, Deploy, Install, Retract, Uninstall \u0026 Remove apps." + ], + "created": "2020-03-09", + "modified": "2020-03-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-manage-spfx-solutions-alm/assets/SPFxALM.gif", + "alt": "Manage SPFx solution using ALM APIs" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-manage-spfx-solutions-alm/assets/SPFxALMSPAppcatalog.gif?raw=true", + "alt": "Manage SPFx solution using ALM APIs" + } + ], + "authors": [ + { + "gitHubAccount": "Ramakrishnan24689", + "company": "Microsoft", + "pictureUrl": "https://github.com/Ramakrishnan24689.png", + "name": "Ramakrishnan Raman", + "twitter": "ramakrishnan2" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-material-ui/assets/sample.json b/samples/react-material-ui/assets/sample.json index 28089c739..03182f582 100644 --- a/samples/react-material-ui/assets/sample.json +++ b/samples/react-material-ui/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-material-ui","version":null,"source":"pnp","title":"Material UI","shortDescription":"This sample shows how you can use Material UI components in your SharePoint Framework solution. In this sample you will find some of the Material UI components like Table, Dialog, Text Field and Icon. This sample also includes RXJS DebounceTime, this feature allows you to wait for a certain amount of time before make requests to the server while user is typing to prevent to make requests for each character.","longDescription":["This sample shows how you can use Material UI components in your SharePoint Framework solution. In this sample you will find some of the Material UI components like Table, Dialog, Text Field and Icon. This sample also includes RXJS DebounceTime, this feature allows you to wait for a certain amount of time before make requests to the server while user is typing to prevent to make requests for each character."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-material-ui/assets/screenshot.gif","alt":"Material UI","slides":null}],"authors":[{"gitHubAccount":"AhmadiRamin","company":"","pictureUrl":"https://github.com/AhmadiRamin.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-material-ui", + "source": "pnp", + "title": "Material UI", + "shortDescription": "This sample shows how you can use Material UI components in your SharePoint Framework solution. In this sample you will find some of the Material UI components like Table, Dialog, Text Field and Icon. This sample also includes RXJS DebounceTime, this feature allows you to wait for a certain amount of time before make requests to the server while user is typing to prevent to make requests for each character.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-material-ui", + "longDescription": [ + "This sample shows how you can use Material UI components in your SharePoint Framework solution. In this sample you will find some of the Material UI components like Table, Dialog, Text Field and Icon. This sample also includes RXJS DebounceTime, this feature allows you to wait for a certain amount of time before make requests to the server while user is typing to prevent to make requests for each character." + ], + "created": "2019-03-25", + "modified": "2019-03-25", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-material-ui/assets/screenshot.gif", + "alt": "Material UI" + } + ], + "authors": [ + { + "gitHubAccount": "AhmadiRamin", + "company": "Content and Cloud", + "pictureUrl": "https://github.com/AhmadiRamin.png", + "name": "Ramin Ahmadi", + "twitter": "raminahmadi1986" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-members-with-presence/assets/sample.json b/samples/react-members-with-presence/assets/sample.json index 898e7f31f..1d21f1576 100644 --- a/samples/react-members-with-presence/assets/sample.json +++ b/samples/react-members-with-presence/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-members-with-presence","version":null,"source":"pnp","title":"Group members list with Presence information","shortDescription":"This sample shows how to get the members of a specific group, including their presence information (using the new Presence endpoint in the MS Graph API).","longDescription":["This sample shows how to get the members of a specific group, including their presence information (using the new Presence endpoint in the MS Graph API)."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-members-with-presence/assets/react-members-with-presence.gif","alt":"Group members list with Presence information","slides":null}],"authors":[{"gitHubAccount":"luismanez","company":"","pictureUrl":"https://github.com/luismanez.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-members-with-presence", + "source": "pnp", + "title": "Group members list with Presence information", + "shortDescription": "This sample shows how to get the members of a specific group, including their presence information (using the new Presence endpoint in the MS Graph API).", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-members-with-presence", + "longDescription": [ + "This sample shows how to get the members of a specific group, including their presence information (using the new Presence endpoint in the MS Graph API)." + ], + "created": "2019-12-23", + "modified": "2019-12-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-members-with-presence/assets/react-members-with-presence.gif", + "alt": "Group members list with Presence information" + } + ], + "authors": [ + { + "gitHubAccount": "luismanez", + "company": "ClearPeople", + "pictureUrl": "https://github.com/luismanez.png", + "name": "Luis Ma\u00F1ez" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-mgtEvents/assets/sample.json b/samples/react-mgtEvents/assets/sample.json index 75dcf4962..896776953 100644 --- a/samples/react-mgtEvents/assets/sample.json +++ b/samples/react-mgtEvents/assets/sample.json @@ -1 +1,83 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-mgtEvents","version":null,"source":"pnp","title":"MGT Events","shortDescription":"This sample shows how to use Microsoft Graph Toolkit in SPFx and custom with Fluent UI Fabric Controls","longDescription":["This sample shows how to use Microsoft Graph Toolkit in SPFx and custom with Fluent UI Fabric Controls"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-mgtEvents/assets/mhtEvents.JPG","alt":"MGT Events","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-mgtEvents", + "source": "pnp", + "title": "MGT Events", + "shortDescription": "This sample shows how to use Microsoft Graph Toolkit in SPFx and custom with Fluent UI Fabric Controls", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-mgtEvents", + "longDescription": [ + "This sample shows how to use Microsoft Graph Toolkit in SPFx and custom with Fluent UI Fabric Controls" + ], + "created": "2020-11-29", + "modified": "2020-11-29", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-FULLPAGEAPP", + "value": "true" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-mgtEvents/assets/mhtEvents.JPG", + "alt": "MGT Events" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Using single part app pages in SharePoint Online", + "description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-minesweeper/assets/sample.json b/samples/react-minesweeper/assets/sample.json index 671a688ae..8de2054bc 100644 --- a/samples/react-minesweeper/assets/sample.json +++ b/samples/react-minesweeper/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-minesweeper","version":null,"source":"pnp","title":"Minesweeper","shortDescription":"This web part is the classic game Minesweeper, put in a Fluent UI powered SPFx web part!.","longDescription":["This web part is the classic game Minesweeper, put in a Fluent UI powered SPFx web part!."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-minesweeper/assets/Minesweeper.gif","alt":"Minesweeper","slides":null}],"authors":[{"gitHubAccount":"PieterHeemeryck","company":"","pictureUrl":"https://github.com/PieterHeemeryck.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-minesweeper", + "source": "pnp", + "title": "Minesweeper", + "shortDescription": "This web part is the classic game Minesweeper, put in a Fluent UI powered SPFx web part!.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-minesweeper", + "longDescription": [ + "This web part is the classic game Minesweeper, put in a Fluent UI powered SPFx web part!." + ], + "created": "2020-07-01", + "modified": "2020-07-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-minesweeper/assets/Minesweeper.gif", + "alt": "Minesweeper" + } + ], + "authors": [ + { + "gitHubAccount": "PieterHeemeryck", + "company": "", + "pictureUrl": "https://github.com/PieterHeemeryck.png", + "name": "Pieter Heemeryck" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-mobx-multiple-stores/assets/sample.json b/samples/react-mobx-multiple-stores/assets/sample.json index ed11c6ca5..01bae009a 100644 --- a/samples/react-mobx-multiple-stores/assets/sample.json +++ b/samples/react-mobx-multiple-stores/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-mobx-multiple-stores","version":null,"source":"pnp","title":"Using multiple stores with React and Mobx","shortDescription":"A sample web part that uses the Mobx library with multiple stores to keep track of the applications state.","longDescription":["A sample web part that uses the Mobx library with multiple stores to keep track of the applications state."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-mobx-multiple-stores/assets/demo.gif","alt":"Using multiple stores with React and Mobx","slides":null}],"authors":[{"gitHubAccount":"KEMiCZA","company":"","pictureUrl":"https://github.com/KEMiCZA.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-mobx-multiple-stores", + "source": "pnp", + "title": "Using multiple stores with React and Mobx", + "shortDescription": "A sample web part that uses the Mobx library with multiple stores to keep track of the applications state.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-mobx-multiple-stores", + "longDescription": [ + "A sample web part that uses the Mobx library with multiple stores to keep track of the applications state." + ], + "created": "2019-05-24", + "modified": "2019-05-24", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-mobx-multiple-stores/assets/demo.gif", + "alt": "Using multiple stores with React and Mobx" + } + ], + "authors": [ + { + "gitHubAccount": "KEMiCZA", + "company": "Ventigrate", + "pictureUrl": "https://github.com/KEMiCZA.png", + "name": "Kemal Sinanagic", + "twitter": "kemicza" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-mobx/assets/sample.json b/samples/react-mobx/assets/sample.json index 5fbdc0450..4ccaa4f6e 100644 --- a/samples/react-mobx/assets/sample.json +++ b/samples/react-mobx/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-mobx","version":null,"source":"pnp","title":"Using React and Mobx","shortDescription":"Sample web part implementation that uses Mobx to keep track of its state.","longDescription":["Sample web part implementation that uses Mobx to keep track of its state."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"drop5"}],"thumbnails":[{"type":"image","order":100,"url":"https://camo.githubusercontent.com/1bfb94ba2675eec1c794cfea81bdde41b964268f/68747470733a2f2f692e6779617a6f2e636f6d2f65366631393033623961396338323031393835636432356363316665323862632e676966","alt":"Using React and Mobx","slides":null}],"authors":[{"gitHubAccount":"kmees","company":"","pictureUrl":"https://github.com/kmees.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-mobx", + "source": "pnp", + "title": "Using React and Mobx", + "shortDescription": "Sample web part implementation that uses Mobx to keep track of its state.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-mobx", + "longDescription": [ + "Sample web part implementation that uses Mobx to keep track of its state." + ], + "created": "2016-11-04", + "modified": "2016-11-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "drop5" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://camo.githubusercontent.com/1bfb94ba2675eec1c794cfea81bdde41b964268f/68747470733a2f2f692e6779617a6f2e636f6d2f65366631393033623961396338323031393835636432356363316665323862632e676966", + "alt": "Using React and Mobx" + } + ], + "authors": [ + { + "gitHubAccount": "kmees", + "company": "", + "pictureUrl": "https://github.com/kmees.png", + "name": "Kevin Mees" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-modern-charts/assets/sample.json b/samples/react-modern-charts/assets/sample.json index 6014f6829..5b4f7e672 100644 --- a/samples/react-modern-charts/assets/sample.json +++ b/samples/react-modern-charts/assets/sample.json @@ -1 +1,70 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-modern-charts","version":null,"source":"pnp","title":"Modern Charts","shortDescription":"This web part uses the Chart.js library to visualize SharePoint list data.","longDescription":["This web part uses the Chart.js library to visualize SharePoint list data."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://raw.githubusercontent.com/jcoleman-pcprofessional/Modern-Charts/master/assets/modern-chart2.png","alt":"Modern Charts","slides":null}],"authors":[{"gitHubAccount":"jcoleman-pcprofessional","company":"","pictureUrl":"https://github.com/jcoleman-pcprofessional.png"},{"gitHubAccount":"petkir","company":"","pictureUrl":"https://github.com/petkir.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-modern-charts", + "source": "pnp", + "title": "Modern Charts", + "shortDescription": "This web part uses the Chart.js library to visualize SharePoint list data.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-modern-charts", + "longDescription": [ + "This web part uses the Chart.js library to visualize SharePoint list data." + ], + "created": "2020-07-30", + "modified": "2020-07-30", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://raw.githubusercontent.com/jcoleman-pcprofessional/Modern-Charts/master/assets/modern-chart2.png", + "alt": "Modern Charts" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-modern-charts/assets/Modern-Charts.gif?raw=true", + "alt": "Modern Charts" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-modern-charts/assets/modern-charts.png?raw=true", + "alt": "Modern Charts" + } + ], + "authors": [ + { + "gitHubAccount": "jcoleman-pcprofessional", + "company": "PC Professional Inc.", + "pictureUrl": "https://github.com/jcoleman-pcprofessional.png", + "name": "Jeremy Coleman" + }, + { + "gitHubAccount": "petkir", + "company": "Cubido Business Solutions GmbH", + "pictureUrl": "https://github.com/petkir.png", + "name": "Peter Paul Kirschner", + "twitter": "petkir_at" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-modern-organization-chart/assets/sample.json b/samples/react-modern-organization-chart/assets/sample.json index d757d7421..8cd1970d1 100644 --- a/samples/react-modern-organization-chart/assets/sample.json +++ b/samples/react-modern-organization-chart/assets/sample.json @@ -1 +1,76 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-modern-organization-chart","version":null,"source":"pnp","title":"Modern Organization Chart","shortDescription":"This web part show organization chart for current user, shows, managers and direct reports and there available status.","longDescription":["This web part show organization chart for current user, shows, managers and direct reports and there available status."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-modern-organization-chart/assets/Screenshot1.png","alt":"Modern Organization Chart","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-modern-organization-chart", + "source": "pnp", + "title": "Modern Organization Chart", + "shortDescription": "This web part show organization chart for current user, shows, managers and direct reports and there available status.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-modern-organization-chart", + "longDescription": [ + "This web part show organization chart for current user, shows, managers and direct reports and there available status." + ], + "created": "2020-07-09", + "modified": "2020-07-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-modern-organization-chart/assets/Screenshot1.png", + "alt": "Modern Organization Chart" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-modern-organization-chart/assets/Screenshot2.png?raw=true", + "alt": "Modern Organization Chart" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-msal-msgraph/assets/sample.json b/samples/react-msal-msgraph/assets/sample.json index 56bf300e2..088a38195 100644 --- a/samples/react-msal-msgraph/assets/sample.json +++ b/samples/react-msal-msgraph/assets/sample.json @@ -1 +1,64 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-msal-msgraph","version":null,"source":"pnp","title":"Microsoft Authentication Library (MSAL JS) authentication sample","shortDescription":"","longDescription":[""],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-msal-msgraph/assets/msal-wp-output.png","alt":"Microsoft Authentication Library (MSAL JS) authentication sample","slides":null}],"authors":[{"gitHubAccount":"estruyf","company":"","pictureUrl":"https://github.com/estruyf.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-msal-msgraph", + "source": "pnp", + "title": "Microsoft Authentication Library (MSAL JS) authentication sample", + "shortDescription": "", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-msal-msgraph", + "longDescription": [ + "" + ], + "created": "2017-03-17", + "modified": "2017-03-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-msal-msgraph/assets/msal-wp-output.png", + "alt": "Microsoft Authentication Library (MSAL JS) authentication sample" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-msal-msgraph/assets/permission-scopes.png?raw=true", + "alt": "Microsoft Authentication Library (MSAL JS) authentication sample" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-msal-msgraph/assets/redirect-url.png?raw=true", + "alt": "Microsoft Authentication Library (MSAL JS) authentication sample" + } + ], + "authors": [ + { + "gitHubAccount": "estruyf", + "company": "Struyf Consulting", + "pictureUrl": "https://github.com/estruyf.png", + "name": "Elio Struyf", + "twitter": "eliostruyf" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-msgraph-extension/assets/sample.json b/samples/react-msgraph-extension/assets/sample.json index b30b35c45..0cd082011 100644 --- a/samples/react-msgraph-extension/assets/sample.json +++ b/samples/react-msgraph-extension/assets/sample.json @@ -1 +1,64 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-msgraph-extension","version":null,"source":"pnp","title":"Manage Microsoft Graph Open Extension in SPFx","shortDescription":"This sample shows how to managed Microsoft Graph Open Extension in SPFX. This application uses User Resource to create Open Extension.","longDescription":["This sample shows how to managed Microsoft Graph Open Extension in SPFX. This application uses User Resource to create Open Extension."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-msgraph-extension/assets/create-graph-extension.png","alt":"Manage Microsoft Graph Open Extension in SPFx","slides":null}],"authors":[{"gitHubAccount":"ejazhussain","company":"","pictureUrl":"https://github.com/ejazhussain.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-msgraph-extension", + "source": "pnp", + "title": "Manage Microsoft Graph Open Extension in SPFx", + "shortDescription": "This sample shows how to managed Microsoft Graph Open Extension in SPFX. This application uses User Resource to create Open Extension.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-msgraph-extension", + "longDescription": [ + "This sample shows how to managed Microsoft Graph Open Extension in SPFX. This application uses User Resource to create Open Extension." + ], + "created": "2019-10-20", + "modified": "2019-10-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-msgraph-extension/assets/create-graph-extension.png", + "alt": "Manage Microsoft Graph Open Extension in SPFx" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-msgraph-extension/assets/get-graph-extension.png?raw=true", + "alt": "Manage Microsoft Graph Open Extension in SPFx" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-msgraph-extension/assets/graph-extension-user-permissions.png?raw=true", + "alt": "Manage Microsoft Graph Open Extension in SPFx" + } + ], + "authors": [ + { + "gitHubAccount": "ejazhussain", + "company": "Content and Code", + "pictureUrl": "https://github.com/ejazhussain.png", + "name": "Ejaz Hussain", + "twitter": "EjazHussain_" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-msgraph-peoplesearch/assets/sample.json b/samples/react-msgraph-peoplesearch/assets/sample.json index bfc813019..3f336c865 100644 --- a/samples/react-msgraph-peoplesearch/assets/sample.json +++ b/samples/react-msgraph-peoplesearch/assets/sample.json @@ -1 +1,76 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-msgraph-peoplesearch","version":null,"source":"pnp","title":"Microsoft Graph People Search Web Part","shortDescription":"Show and search users from your organization, through Microsoft Graph. Search results show as a nice People Card, and display the Live Persona Card on hover.","longDescription":["Show and search users from your organization, through Microsoft Graph. Search results show as a nice People Card, and display the Live Persona Card on hover."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-msgraph-peoplesearch/assets/MicrosoftGraphPeopleSearch.gif","alt":"Microsoft Graph People Search Web Part","slides":null}],"authors":[{"gitHubAccount":"YannickRe","company":"","pictureUrl":"https://github.com/YannickRe.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-msgraph-peoplesearch", + "source": "pnp", + "title": "Microsoft Graph People Search Web Part", + "shortDescription": "Show and search users from your organization, through Microsoft Graph. Search results show as a nice People Card, and display the Live Persona Card on hover.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-msgraph-peoplesearch", + "longDescription": [ + "Show and search users from your organization, through Microsoft Graph. Search results show as a nice People Card, and display the Live Persona Card on hover." + ], + "created": "2020-07-31", + "modified": "2020-07-31", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-msgraph-peoplesearch/assets/MicrosoftGraphPeopleSearch.gif", + "alt": "Microsoft Graph People Search Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-msgraph-peoplesearch/assets/MicrosoftGraphPeopleSearch-LPC.gif?raw=true", + "alt": "Microsoft Graph People Search Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "YannickRe", + "company": "", + "pictureUrl": "https://github.com/YannickRe.png", + "name": "Yannick Reekmans", + "twitter": "Qubix" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-multilist-grid/assets/sample.json b/samples/react-multilist-grid/assets/sample.json index c8f92bb03..364f263ed 100644 --- a/samples/react-multilist-grid/assets/sample.json +++ b/samples/react-multilist-grid/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-multilist-grid","version":null,"source":"pnp","title":"Multi-list Grid","shortDescription":"React-multilist-grid is an SPFX web part that uses React, Office-UI-Fabric, and Redux to let users edit list data from lists that reside in multiple webs and multiple sites in a single grid, similar to Quick Edit mode. The lists do not to be of the same type \u2013 you just need to create column mappings to tell the web part which fields to show in which columns of the grid.","longDescription":["React-multilist-grid is an SPFX web part that uses React, Office-UI-Fabric, and Redux to let users edit list data from lists that reside in multiple webs and multiple sites in a single grid, similar to Quick Edit mode. The lists do not to be of the same type \u2013 you just need to create column mappings to tell the web part which fields to show in which columns of the grid."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"rc0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-multilist-grid/src/images/ColumnTypes.PNG","alt":"Multi-list Grid","slides":null}],"authors":[{"gitHubAccount":"russgove","company":"","pictureUrl":"https://github.com/russgove.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-multilist-grid", + "source": "pnp", + "title": "Multi-list Grid", + "shortDescription": "React-multilist-grid is an SPFX web part that uses React, Office-UI-Fabric, and Redux to let users edit list data from lists that reside in multiple webs and multiple sites in a single grid, similar to Quick Edit mode. The lists do not to be of the same type \u2013 you just need to create column mappings to tell the web part which fields to show in which columns of the grid.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-multilist-grid", + "longDescription": [ + "React-multilist-grid is an SPFX web part that uses React, Office-UI-Fabric, and Redux to let users edit list data from lists that reside in multiple webs and multiple sites in a single grid, similar to Quick Edit mode. The lists do not to be of the same type \u2013 you just need to create column mappings to tell the web part which fields to show in which columns of the grid." + ], + "created": "2016-12-31", + "modified": "2016-12-31", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "rc0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-multilist-grid/src/images/ColumnTypes.PNG", + "alt": "Multi-list Grid" + } + ], + "authors": [ + { + "gitHubAccount": "russgove", + "company": "", + "pictureUrl": "https://github.com/russgove.png", + "name": "Russell Gove" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-multimedia-gallery/assets/sample.json b/samples/react-multimedia-gallery/assets/sample.json index 6152e37a7..99e6ff7db 100644 --- a/samples/react-multimedia-gallery/assets/sample.json +++ b/samples/react-multimedia-gallery/assets/sample.json @@ -1 +1,104 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-multimedia-gallery","version":null,"source":"pnp","title":"Image Gallery","shortDescription":"This web part show images and videos in responsive grid, on click it show images and videos in a carousel view.","longDescription":["This web part show images and videos in responsive grid, on click it show images and videos in a carousel view."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-multimedia-gallery/assets/MultimediaGallery.gif","alt":"Image Gallery","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"Vivekrajput20","company":"","pictureUrl":"https://github.com/Vivekrajput20.png"},{"gitHubAccount":"petkir","company":"","pictureUrl":"https://github.com/petkir.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-multimedia-gallery", + "source": "pnp", + "title": "Image Gallery", + "shortDescription": "This web part show images and videos in responsive grid, on click it show images and videos in a carousel view.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-multimedia-gallery", + "longDescription": [ + "This web part show images and videos in responsive grid, on click it show images and videos in a carousel view." + ], + "created": "2020-07-19", + "modified": "2020-07-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-multimedia-gallery/assets/MultimediaGallery.gif", + "alt": "Image Gallery" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-multimedia-gallery/assets/Annotation0.jpg?raw=true", + "alt": "Image Gallery" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-multimedia-gallery/assets/Annotation1.jpg?raw=true", + "alt": "Image Gallery" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-multimedia-gallery/assets/Annotation2.jpg?raw=true", + "alt": "Image Gallery" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-multimedia-gallery/assets/Screenshot1.png?raw=true", + "alt": "Image Gallery" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-multimedia-gallery/assets/Screenshot2.png?raw=true", + "alt": "Image Gallery" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + }, + { + "gitHubAccount": "Vivekrajput20", + "company": "", + "pictureUrl": "https://github.com/Vivekrajput20.png", + "name": "Vivek Chand" + }, + { + "gitHubAccount": "petkir", + "company": "Cubido Business Solutions GmbH", + "pictureUrl": "https://github.com/petkir.png", + "name": "Peter Paul Kirschner", + "twitter": "petkir_at" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-multipage/assets/sample.json b/samples/react-multipage/assets/sample.json index 90eb13971..5b64ad737 100644 --- a/samples/react-multipage/assets/sample.json +++ b/samples/react-multipage/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-multipage","version":null,"source":"pnp","title":"Multi-page client-side web part","shortDescription":"Sample SharePoint Framework client-side web parts built using React illustrating building multi-page web parts.","longDescription":["Sample SharePoint Framework client-side web parts built using React illustrating building multi-page web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-multipage/assets/poll-preview.gif","alt":"Multi-page client-side web part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-multipage", + "source": "pnp", + "title": "Multi-page client-side web part", + "shortDescription": "Sample SharePoint Framework client-side web parts built using React illustrating building multi-page web parts.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-multipage", + "longDescription": [ + "Sample SharePoint Framework client-side web parts built using React illustrating building multi-page web parts." + ], + "created": "2017-05-01", + "modified": "2017-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-multipage/assets/poll-preview.gif", + "alt": "Multi-page client-side web part" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-multiscreen-webpart/assets/sample.json b/samples/react-multiscreen-webpart/assets/sample.json index 8a7fa7be9..c141fbda7 100644 --- a/samples/react-multiscreen-webpart/assets/sample.json +++ b/samples/react-multiscreen-webpart/assets/sample.json @@ -1 +1,66 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-multiscreen-webpart","version":null,"source":"pnp","title":"Multi screen web part sample","shortDescription":"This sample uses the popular React Router library to create tab, multi-screen or single page app (spa) experience in React SPFx web part. This is useful when the web part is more complex and to simplify the user experience multiple screens or tabs are needed. The same approach can be taken when a single page app (SPA) has to be migrated to modern SharePoint sites.","longDescription":["This sample uses the popular React Router library to create tab, multi-screen or single page app (spa) experience in React SPFx web part. This is useful when the web part is more complex and to simplify the user experience multiple screens or tabs are needed. The same approach can be taken when a single page app (SPA) has to be migrated to modern SharePoint sites."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-multiscreen-webpart/assets/multi-screen-webpart.gif","alt":"Multi screen web part sample","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-multiscreen-webpart", + "source": "pnp", + "title": "Multi screen web part sample", + "shortDescription": "This sample uses the popular React Router library to create tab, multi-screen or single page app (spa) experience in React SPFx web part. This is useful when the web part is more complex and to simplify the user experience multiple screens or tabs are needed. The same approach can be taken when a single page app (SPA) has to be migrated to modern SharePoint sites.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-multiscreen-webpart", + "longDescription": [ + "This sample uses the popular React Router library to create tab, multi-screen or single page app (spa) experience in React SPFx web part. This is useful when the web part is more complex and to simplify the user experience multiple screens or tabs are needed. The same approach can be taken when a single page app (SPA) has to be migrated to modern SharePoint sites." + ], + "created": "2019-07-03", + "modified": "2019-07-03", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-multiscreen-webpart/assets/multi-screen-webpart.gif", + "alt": "Multi screen web part sample" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-multiscreen-webpart/assets/multi-screen-webpart-history.gif?raw=true", + "alt": "Multi screen web part sample" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-my-groups/assets/sample.json b/samples/react-my-groups/assets/sample.json index 7fe4c789d..756eac6aa 100644 --- a/samples/react-my-groups/assets/sample.json +++ b/samples/react-my-groups/assets/sample.json @@ -1 +1,69 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-my-groups","version":null,"source":"pnp","title":"My Groups","shortDescription":"Using Microsoft Graph, this web part grabs the Office 365 groups the current user is a member of with links to the groups SharePoint site.","longDescription":["Using Microsoft Graph, this web part grabs the Office 365 groups the current user is a member of with links to the groups SharePoint site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-groups/assets/example.png","alt":"My Groups","slides":null}],"authors":[{"gitHubAccount":"zachroberts8668","company":"","pictureUrl":"https://github.com/zachroberts8668.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-my-groups", + "source": "pnp", + "title": "My Groups", + "shortDescription": "Using Microsoft Graph, this web part grabs the Office 365 groups the current user is a member of with links to the groups SharePoint site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-my-groups", + "longDescription": [ + "Using Microsoft Graph, this web part grabs the Office 365 groups the current user is a member of with links to the groups SharePoint site." + ], + "created": "2020-07-09", + "modified": "2020-07-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-groups/assets/example.png", + "alt": "My Groups" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-groups/assets/React-MyGroups_Compact.png?raw=true", + "alt": "My Groups" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-groups/assets/React-MyGroups_Grid.png?raw=true", + "alt": "My Groups" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-groups/assets/React-MyGroups_Property.png?raw=true", + "alt": "My Groups" + } + ], + "authors": [ + { + "gitHubAccount": "zachroberts8668", + "company": "", + "pictureUrl": "https://github.com/zachroberts8668.png", + "name": "Zach Roberts" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-my-personal-apps/assets/sample.json b/samples/react-my-personal-apps/assets/sample.json index 265aa6f3f..1aaa1575d 100644 --- a/samples/react-my-personal-apps/assets/sample.json +++ b/samples/react-my-personal-apps/assets/sample.json @@ -1 +1,158 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-my-personal-apps","version":null,"source":"pnp","title":"My Personal Apps","shortDescription":"The Web Part My Personal Apps allows the user to define links to Applications or Sites for quick access.","longDescription":["The Web Part My Personal Apps allows the user to define links to Applications or Sites for quick access."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-personal-apps/assets/Image1.png","alt":"My Personal Apps","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"zachroberts8668","company":"","pictureUrl":"https://github.com/zachroberts8668.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-my-personal-apps", + "source": "pnp", + "title": "My Personal Apps", + "shortDescription": "The Web Part My Personal Apps allows the user to define links to Applications or Sites for quick access.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-my-personal-apps", + "longDescription": [ + "The Web Part My Personal Apps allows the user to define links to Applications or Sites for quick access." + ], + "created": "2020-04-28", + "modified": "2020-04-28", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-personal-apps/assets/Image1.png", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image06.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image10.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/image11.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/image12.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/image13.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/image14.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image2.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image3.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image4.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image5.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image7.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image8.png?raw=true", + "alt": "My Personal Apps" + }, + { + "type": "image", + "order": 113, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-personal-apps/assets/Image9.png?raw=true", + "alt": "My Personal Apps" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + }, + { + "gitHubAccount": "zachroberts8668", + "company": "", + "pictureUrl": "https://github.com/zachroberts8668.png", + "name": "Zach Roberts" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-my-sites/assets/sample.json b/samples/react-my-sites/assets/sample.json index f65c55cc8..ab40731e2 100644 --- a/samples/react-my-sites/assets/sample.json +++ b/samples/react-my-sites/assets/sample.json @@ -1 +1,92 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-my-sites","version":null,"source":"pnp","title":"My Sites","shortDescription":"This web part shows sites that user has permissions to access. It includes Office 365 Groups, OneDrive Sites, SharePoint Sites and App Sites created by SharePoint Add-ins.","longDescription":["This web part shows sites that user has permissions to access. It includes Office 365 Groups, OneDrive Sites, SharePoint Sites and App Sites created by SharePoint Add-ins."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-sites/assets/MySites.gif","alt":"My Sites","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-my-sites", + "source": "pnp", + "title": "My Sites", + "shortDescription": "This web part shows sites that user has permissions to access. It includes Office 365 Groups, OneDrive Sites, SharePoint Sites and App Sites created by SharePoint Add-ins.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-my-sites", + "longDescription": [ + "This web part shows sites that user has permissions to access. It includes Office 365 Groups, OneDrive Sites, SharePoint Sites and App Sites created by SharePoint Add-ins." + ], + "created": "2020-08-30", + "modified": "2020-08-30", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-sites/assets/MySites.gif", + "alt": "My Sites" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-sites/assets/Screenshot 2020-08-06 at 13.50.51.png?raw=true", + "alt": "My Sites" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-sites/assets/Screenshot 2020-08-06 at 13.52.58.png?raw=true", + "alt": "My Sites" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-my-sites/assets/Screenshot 2020-08-06 at 14.17.35.png?raw=true", + "alt": "My Sites" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-my-teams/assets/sample.json b/samples/react-my-teams/assets/sample.json index a2c645c23..5522113c2 100644 --- a/samples/react-my-teams/assets/sample.json +++ b/samples/react-my-teams/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-my-teams","version":null,"source":"pnp","title":"My Teams","shortDescription":"This sample uses Microsoft Graph to list the Teams the current user is a member of. When the user clicks on one of the teams, the web part retrieves information about the default channel (General) and opens it. The web part can be configured to open the team on the web browser or client app.","longDescription":["This sample uses Microsoft Graph to list the Teams the current user is a member of. When the user clicks on one of the teams, the web part retrieves information about the default channel (General) and opens it. The web part can be configured to open the team on the web browser or client app."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-teams/assets/Preview.png","alt":"My Teams","slides":null}],"authors":[{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-my-teams", + "source": "pnp", + "title": "My Teams", + "shortDescription": "This sample uses Microsoft Graph to list the Teams the current user is a member of. When the user clicks on one of the teams, the web part retrieves information about the default channel (General) and opens it. The web part can be configured to open the team on the web browser or client app.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-my-teams", + "longDescription": [ + "This sample uses Microsoft Graph to list the Teams the current user is a member of. When the user clicks on one of the teams, the web part retrieves information about the default channel (General) and opens it. The web part can be configured to open the team on the web browser or client app." + ], + "created": "2019-02-26", + "modified": "2019-02-26", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-teams/assets/Preview.png", + "alt": "My Teams" + } + ], + "authors": [ + { + "gitHubAccount": "joelfmrodrigues", + "company": "Storm Technology", + "pictureUrl": "https://github.com/joelfmrodrigues.png", + "name": "Joel Rodrigues", + "twitter": "joelfmrodrigues" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-mytasks/assets/sample.json b/samples/react-mytasks/assets/sample.json index 4dee174db..0898c5307 100644 --- a/samples/react-mytasks/assets/sample.json +++ b/samples/react-mytasks/assets/sample.json @@ -1 +1,164 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-mytasks","version":null,"source":"pnp","title":"My Tasks Web Part","shortDescription":"This web part allows user to manage planner tasks in SharePoint Site. The UI was inspired on Planner UI, it is full implemented with Office-UI-Fabric Components. Use MSGraph API\u0027s and PnPjs to data access. The user can search task by name, can filter by progress status, all data are dynamic updated on change..","longDescription":["This web part allows user to manage planner tasks in SharePoint Site. The UI was inspired on Planner UI, it is full implemented with Office-UI-Fabric Components. Use MSGraph API\u0027s and PnPjs to data access. The user can search task by name, can filter by progress status, all data are dynamic updated on change.."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/joaojmendes/sp-dev-fx-webparts/raw/My-Tasks/samples/react-mytasks/assets/MyTasks.gif","alt":"My Tasks Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"Swaminathan-Sriram","company":"","pictureUrl":"https://github.com/Swaminathan-Sriram.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-mytasks", + "source": "pnp", + "title": "My Tasks Web Part", + "shortDescription": "This web part allows user to manage planner tasks in SharePoint Site. The UI was inspired on Planner UI, it is full implemented with Office-UI-Fabric Components. Use MSGraph API\u0027s and PnPjs to data access. The user can search task by name, can filter by progress status, all data are dynamic updated on change..", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-mytasks", + "longDescription": [ + "This web part allows user to manage planner tasks in SharePoint Site. The UI was inspired on Planner UI, it is full implemented with Office-UI-Fabric Components. Use MSGraph API\u0027s and PnPjs to data access. The user can search task by name, can filter by progress status, all data are dynamic updated on change.." + ], + "created": "2020-09-09", + "modified": "2020-09-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/joaojmendes/sp-dev-fx-webparts/raw/My-Tasks/samples/react-mytasks/assets/MyTasks.gif", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/AddTask.gif?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/EditTask.gif?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen1.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen10.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen11.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen12.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen13.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 108, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/Screen14.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 109, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen2.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 110, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen3.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 111, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen4.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 112, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen5.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 113, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen6.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 114, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen7.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 115, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen8.png?raw=true", + "alt": "My Tasks Web Part" + }, + { + "type": "image", + "order": 116, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-mytasks/assets/screen9.png?raw=true", + "alt": "My Tasks Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + }, + { + "gitHubAccount": "Swaminathan-Sriram", + "company": "", + "pictureUrl": "https://github.com/Swaminathan-Sriram.png", + "name": "Swaminathan Sriram", + "twitter": "SwaminathanSri3" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-officegraph/assets/sample.json b/samples/react-officegraph/assets/sample.json index d6df0c56c..bcfafc22c 100644 --- a/samples/react-officegraph/assets/sample.json +++ b/samples/react-officegraph/assets/sample.json @@ -1 +1,70 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-officegraph","version":null,"source":"pnp","title":"Office Graph Web Part samples","shortDescription":"","longDescription":[""],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-officegraph/assets/trendinginthissite-preview.png","alt":"Office Graph Web Part samples","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-officegraph", + "source": "pnp", + "title": "Office Graph Web Part samples", + "shortDescription": "", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-officegraph", + "longDescription": [ + "" + ], + "created": "2017-05-31", + "modified": "2017-05-31", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-officegraph/assets/trendinginthissite-preview.png", + "alt": "Office Graph Web Part samples" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-officegraph/assets/my-recent-documents-preview.png?raw=true", + "alt": "Office Graph Web Part samples" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-officegraph/assets/trending-in-sites-i-follow-preview.png?raw=true", + "alt": "Office Graph Web Part samples" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-officegraph/assets/working-with-preview.png?raw=true", + "alt": "Office Graph Web Part samples" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-offline-first/assets/sample.json b/samples/react-offline-first/assets/sample.json index 216046800..0aeddabaf 100644 --- a/samples/react-offline-first/assets/sample.json +++ b/samples/react-offline-first/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-offline-first","version":null,"source":"pnp","title":"Offline First Web part built using LocalForage, Whatwg-Fetch, ES6-Promise","shortDescription":"Sample SharePoint Framework Client-Side Web Parts built using React showing interacting with the Office Graph.","longDescription":["Sample SharePoint Framework Client-Side Web Parts built using React showing interacting with the Office Graph."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-offline-first/assets/preview.gif","alt":"Offline First Web part built using LocalForage, Whatwg-Fetch, ES6-Promise","slides":null}],"authors":[{"gitHubAccount":"AustinBreslinDev","company":"","pictureUrl":"https://github.com/AustinBreslinDev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-offline-first", + "source": "pnp", + "title": "Offline First Web part built using LocalForage, Whatwg-Fetch, ES6-Promise", + "shortDescription": "Sample SharePoint Framework Client-Side Web Parts built using React showing interacting with the Office Graph.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-offline-first", + "longDescription": [ + "Sample SharePoint Framework Client-Side Web Parts built using React showing interacting with the Office Graph." + ], + "created": "2017-05-31", + "modified": "2017-05-31", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-offline-first/assets/preview.gif", + "alt": "Offline First Web part built using LocalForage, Whatwg-Fetch, ES6-Promise" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-offline-first/assets/webpart-screenshot.jpg?raw=true", + "alt": "Offline First Web part built using LocalForage, Whatwg-Fetch, ES6-Promise" + } + ], + "authors": [ + { + "gitHubAccount": "AustinBreslinDev", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/10480670?s=460\u0026v=4", + "name": "Austin Breslin" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-organisationchart/assets/sample.json b/samples/react-organisationchart/assets/sample.json index fc0ab699c..b7a2f4b79 100644 --- a/samples/react-organisationchart/assets/sample.json +++ b/samples/react-organisationchart/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-organisationchart","version":null,"source":"pnp","title":"Organisation Chart","shortDescription":"A simple Organisation Chart web part using Office UI Fabric, React, REST API batching and ServiceScope plumbing.","longDescription":["A simple Organisation Chart web part using Office UI Fabric, React, REST API batching and ServiceScope plumbing."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-organisationchart/assets/orgchart.png","alt":"Organisation Chart","slides":null}],"authors":[{"gitHubAccount":"vman","company":"","pictureUrl":"https://github.com/vman.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-organisationchart", + "source": "pnp", + "title": "Organisation Chart", + "shortDescription": "A simple Organisation Chart web part using Office UI Fabric, React, REST API batching and ServiceScope plumbing.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-organisationchart", + "longDescription": [ + "A simple Organisation Chart web part using Office UI Fabric, React, REST API batching and ServiceScope plumbing." + ], + "created": "2017-07-19", + "modified": "2017-07-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-organisationchart/assets/orgchart.png", + "alt": "Organisation Chart" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-organisationchart/assets/orgchart-mock.png?raw=true", + "alt": "Organisation Chart" + } + ], + "authors": [ + { + "gitHubAccount": "vman", + "company": "", + "pictureUrl": "https://github.com/vman.png", + "name": "Vardhaman Deshpande" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-outlook-add-todo-task/assets/sample.json b/samples/react-outlook-add-todo-task/assets/sample.json index 72079bcef..7e8eb404a 100644 --- a/samples/react-outlook-add-todo-task/assets/sample.json +++ b/samples/react-outlook-add-todo-task/assets/sample.json @@ -1 +1,66 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-outlook-add-todo-task","version":null,"source":"pnp","title":"Create To Do Task from Email (Outlook Add in)","shortDescription":"This web part allows us to create a new To Do task using the new ToDo MS Graph endpoint. If deployed as an Outlook Add In, the Task title comes from email subject. Let\u00B4s say this is similar to the OOTB \u0022Flag\u0022 action, but here you can select the ToDo List where to store the Task, and you can modify the Title before adding it.","longDescription":["This web part allows us to create a new To Do task using the new ToDo MS Graph endpoint. If deployed as an Outlook Add In, the Task title comes from email subject. Let\u00B4s say this is similar to the OOTB \u0022Flag\u0022 action, but here you can select the ToDo List where to store the Task, and you can modify the Title before adding it."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-groups/assets/example.png","alt":"Create To Do Task from Email (Outlook Add in)","slides":null}],"authors":[{"gitHubAccount":"luismanez","company":"","pictureUrl":"https://github.com/luismanez.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-outlook-add-todo-task", + "source": "pnp", + "title": "Create To Do Task from Email (Outlook Add in)", + "shortDescription": "This web part allows us to create a new To Do task using the new ToDo MS Graph endpoint. If deployed as an Outlook Add In, the Task title comes from email subject. Let\u00B4s say this is similar to the OOTB \u0022Flag\u0022 action, but here you can select the ToDo List where to store the Task, and you can modify the Title before adding it.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-outlook-add-todo-task", + "longDescription": [ + "This web part allows us to create a new To Do task using the new ToDo MS Graph endpoint. If deployed as an Outlook Add In, the Task title comes from email subject. Let\u00B4s say this is similar to the OOTB \u0022Flag\u0022 action, but here you can select the ToDo List where to store the Task, and you can modify the Title before adding it." + ], + "created": "2020-10-16", + "modified": "2020-10-16", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-OFFICEADDIN", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-my-groups/assets/example.png", + "alt": "Create To Do Task from Email (Outlook Add in)" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-outlook-add-todo-task/assets/spfx-todo-outlook.gif?raw=true", + "alt": "Create To Do Task from Email (Outlook Add in)" + } + ], + "authors": [ + { + "gitHubAccount": "luismanez", + "company": "ClearPeople", + "pictureUrl": "https://github.com/luismanez.png", + "name": "Luis Ma\u00F1ez" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Create Outlook Add-ins using SharePoint Framework", + "description": "Introduced in SharePoint Framework v1.10, you can implement an Outlook Web App add-in with the SharePoint Framework and use SharePoint as a host for your solution.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/office-addins-create" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-outlook-copy2teams/assets/sample.json b/samples/react-outlook-copy2teams/assets/sample.json index 42624a23f..a3e019491 100644 --- a/samples/react-outlook-copy2teams/assets/sample.json +++ b/samples/react-outlook-copy2teams/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-outlook-copy2teams","version":null,"source":"pnp","title":"Outlook to Teams","shortDescription":"This SPFx Outlook Add-In lets you browse your OneDrive, joined Teams or Groups and select a folder to save your complete mail in there.","longDescription":["This SPFx Outlook Add-In lets you browse your OneDrive, joined Teams or Groups and select a folder to save your complete mail in there."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://camo.githubusercontent.com/a539e3ae63602becc87309ee2a965e4d5a605239/68747470733a2f2f6d6d7368617265706f696e742e66696c65732e776f726470726573732e636f6d2f323032302f30312f616464696e5f6f766572616c6c2e706e67","alt":"Outlook to Teams","slides":null}],"authors":[{"gitHubAccount":"mmsharepoint","company":"","pictureUrl":"https://github.com/mmsharepoint.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-outlook-copy2teams", + "source": "pnp", + "title": "Outlook to Teams", + "shortDescription": "This SPFx Outlook Add-In lets you browse your OneDrive, joined Teams or Groups and select a folder to save your complete mail in there.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-outlook-copy2teams", + "longDescription": [ + "This SPFx Outlook Add-In lets you browse your OneDrive, joined Teams or Groups and select a folder to save your complete mail in there." + ], + "created": "2020-04-06", + "modified": "2020-04-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-OFFICEADDIN", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://camo.githubusercontent.com/a539e3ae63602becc87309ee2a965e4d5a605239/68747470733a2f2f6d6d7368617265706f696e742e66696c65732e776f726470726573732e636f6d2f323032302f30312f616464696e5f6f766572616c6c2e706e67", + "alt": "Outlook to Teams" + } + ], + "authors": [ + { + "gitHubAccount": "mmsharepoint", + "company": "Avanade ", + "pictureUrl": "https://github.com/mmsharepoint.png", + "name": "Markus Moeller", + "twitter": "moeller2_0" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Create Outlook Add-ins using SharePoint Framework", + "description": "Introduced in SharePoint Framework v1.10, you can implement an Outlook Web App add-in with the SharePoint Framework and use SharePoint as a host for your solution.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/office-addins-create" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-page-navigator/assets/sample.json b/samples/react-page-navigator/assets/sample.json index 63704c1fa..7baf35d82 100644 --- a/samples/react-page-navigator/assets/sample.json +++ b/samples/react-page-navigator/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-page-navigator","version":null,"source":"pnp","title":"Page Navigator","shortDescription":"This web part fetches all the automatically added Header anchor tags in a SharePoint page and displays them in a Navigation component.","longDescription":["This web part fetches all the automatically added Header anchor tags in a SharePoint page and displays them in a Navigation component."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-page-navigator/assets/PageNavigator.gif","alt":"Page Navigator","slides":null}],"authors":[{"gitHubAccount":"aakashbhardwaj619","company":"","pictureUrl":"https://github.com/aakashbhardwaj619.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-page-navigator", + "source": "pnp", + "title": "Page Navigator", + "shortDescription": "This web part fetches all the automatically added Header anchor tags in a SharePoint page and displays them in a Navigation component.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-page-navigator", + "longDescription": [ + "This web part fetches all the automatically added Header anchor tags in a SharePoint page and displays them in a Navigation component." + ], + "created": "2019-09-05", + "modified": "2019-09-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-page-navigator/assets/PageNavigator.gif", + "alt": "Page Navigator" + } + ], + "authors": [ + { + "gitHubAccount": "aakashbhardwaj619", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/33526902?s=460\u0026u=e780f4ef1da922c84f2c5c66c59cecbff2300581\u0026v=4", + "name": "Aakash Bhardwaj", + "twitter": "aakash_316" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-page-sections-navigation/assets/sample.json b/samples/react-page-sections-navigation/assets/sample.json index 59a4c885c..b342d2393 100644 --- a/samples/react-page-sections-navigation/assets/sample.json +++ b/samples/react-page-sections-navigation/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-page-sections-navigation","version":null,"source":"pnp","title":"Page Sections Navigation","shortDescription":"Sample web parts allowing to add sections navigation to the SharePoint page.","longDescription":["Sample web parts allowing to add sections navigation to the SharePoint page."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-page-sections-navigation/assets/page-nav.gif","alt":"Page Sections Navigation","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-page-sections-navigation", + "source": "pnp", + "title": "Page Sections Navigation", + "shortDescription": "Sample web parts allowing to add sections navigation to the SharePoint page.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-page-sections-navigation", + "longDescription": [ + "Sample web parts allowing to add sections navigation to the SharePoint page." + ], + "created": "2019-03-22", + "modified": "2019-03-22", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + }, + { + "key": "SPFX-FULLPAGEAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-page-sections-navigation/assets/page-nav.gif", + "alt": "Page Sections Navigation" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Using single part app pages in SharePoint Online", + "description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-pagecontributors/assets/sample.json b/samples/react-pagecontributors/assets/sample.json index 9741e159e..5100136f9 100644 --- a/samples/react-pagecontributors/assets/sample.json +++ b/samples/react-pagecontributors/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-pagecontributors","version":null,"source":"pnp","title":"Page Contributors Web Part","shortDescription":"Displays page contributors in reverse chronological order.","longDescription":["Displays page contributors in reverse chronological order."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pagecontributors/assets/pagecontributors_inaction.PNG","alt":"Page Contributors Web Part","slides":null}],"authors":[{"gitHubAccount":"SPParseError","company":"","pictureUrl":"https://github.com/SPParseError.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-pagecontributors", + "source": "pnp", + "title": "Page Contributors Web Part", + "shortDescription": "Displays page contributors in reverse chronological order.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-pagecontributors", + "longDescription": [ + "Displays page contributors in reverse chronological order." + ], + "created": "2017-07-27", + "modified": "2017-07-27", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pagecontributors/assets/pagecontributors_inaction.PNG", + "alt": "Page Contributors Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-pagecontributors/assets/pagecontributors_mockup.PNG?raw=true", + "alt": "Page Contributors Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "SPParseError", + "company": "Infeeny", + "pictureUrl": "https://github.com/SPParseError.png", + "name": "St\u00E9phane Magne", + "twitter": "SPParse" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-pages-hierarchy/assets/sample.json b/samples/react-pages-hierarchy/assets/sample.json index 884ba3e96..d84b7deae 100644 --- a/samples/react-pages-hierarchy/assets/sample.json +++ b/samples/react-pages-hierarchy/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-pages-hierarchy","version":null,"source":"pnp","title":"Page Hierarchy","shortDescription":"This web part allows users to create a faux page hierarchy in their pages library and use it for page-to-page navigation.","longDescription":["This web part allows users to create a faux page hierarchy in their pages library and use it for page-to-page navigation."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pages-hierarchy/assets/PagesHierarchy.gif","alt":"Page Hierarchy","slides":null}],"authors":[{"gitHubAccount":"bogeorge","company":"","pictureUrl":"https://github.com/bogeorge.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-pages-hierarchy", + "source": "pnp", + "title": "Page Hierarchy", + "shortDescription": "This web part allows users to create a faux page hierarchy in their pages library and use it for page-to-page navigation.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-pages-hierarchy", + "longDescription": [ + "This web part allows users to create a faux page hierarchy in their pages library and use it for page-to-page navigation." + ], + "created": "2020-04-30", + "modified": "2020-04-30", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pages-hierarchy/assets/PagesHierarchy.gif", + "alt": "Page Hierarchy" + } + ], + "authors": [ + { + "gitHubAccount": "bogeorge", + "company": "ThreeWill", + "pictureUrl": "https://avatars.githubusercontent.com/u/10885472?s=460\u0026u=74d23f4289cd555aa530e1c2c6156a382c373f2f\u0026v=4", + "name": "Bo George", + "twitter": "bo_george" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-people-directory/assets/sample.json b/samples/react-people-directory/assets/sample.json index b9a180627..e9dc2b5d4 100644 --- a/samples/react-people-directory/assets/sample.json +++ b/samples/react-people-directory/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-people-directory","version":null,"source":"pnp","title":"People Directory","shortDescription":"This web part provides you the ability to add a searchable people directory. A people search box and alphabet list are provided to enable both searching by name as well as selecting a specific letter. This web part requires no configuration and utilizes the people search API to surface people results.","longDescription":["This web part provides you the ability to add a searchable people directory. A people search box and alphabet list are provided to enable both searching by name as well as selecting a specific letter. This web part requires no configuration and utilizes the people search API to surface people results."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-people-directory.gif","alt":"People Directory","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-people-directory", + "source": "pnp", + "title": "People Directory", + "shortDescription": "This web part provides you the ability to add a searchable people directory. A people search box and alphabet list are provided to enable both searching by name as well as selecting a specific letter. This web part requires no configuration and utilizes the people search API to surface people results.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-people-directory", + "longDescription": [ + "This web part provides you the ability to add a searchable people directory. A people search box and alphabet list are provided to enable both searching by name as well as selecting a specific letter. This web part requires no configuration and utilizes the people search API to surface people results." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-people-directory.gif", + "alt": "People Directory" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-peoplepicker/assets/sample.json b/samples/react-peoplepicker/assets/sample.json index 1fdb2525a..5f7254eb6 100644 --- a/samples/react-peoplepicker/assets/sample.json +++ b/samples/react-peoplepicker/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-peoplepicker","version":null,"source":"pnp","title":"People Picker","shortDescription":"SharePoint Framework solution with the Office UI Fabric People Picker, the client web part across the SharePoint Rest API is able to retrieve people and groups.","longDescription":["SharePoint Framework solution with the Office UI Fabric People Picker, the client web part across the SharePoint Rest API is able to retrieve people and groups."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-peoplepicker/assets/Preview.gif","alt":"People Picker","slides":null}],"authors":[{"gitHubAccount":"giuleon","company":"","pictureUrl":"https://github.com/giuleon.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-peoplepicker", + "source": "pnp", + "title": "People Picker", + "shortDescription": "SharePoint Framework solution with the Office UI Fabric People Picker, the client web part across the SharePoint Rest API is able to retrieve people and groups.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-peoplepicker", + "longDescription": [ + "SharePoint Framework solution with the Office UI Fabric People Picker, the client web part across the SharePoint Rest API is able to retrieve people and groups." + ], + "created": "2017-12-06", + "modified": "2017-12-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-peoplepicker/assets/Preview.gif", + "alt": "People Picker" + } + ], + "authors": [ + { + "gitHubAccount": "giuleon", + "company": "", + "pictureUrl": "https://github.com/giuleon.png", + "name": "Giuliano De Luca", + "twitter": "delucagiulian" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-personal-calendar/assets/sample.json b/samples/react-personal-calendar/assets/sample.json index fea2cc24f..66ed9326b 100644 --- a/samples/react-personal-calendar/assets/sample.json +++ b/samples/react-personal-calendar/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-personal-calendar","version":null,"source":"pnp","title":"Personal Calendar","shortDescription":"This web part provides you the ability to add a particular user\u0027s personal calendar on a web page. The web part may be configured to automatically refresh, as well as display up to seven days of events and a pre-defined number of events at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.","longDescription":["This web part provides you the ability to add a particular user\u0027s personal calendar on a web page. The web part may be configured to automatically refresh, as well as display up to seven days of events and a pre-defined number of events at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-personal-calendar.gif","alt":"Personal Calendar","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-personal-calendar", + "source": "pnp", + "title": "Personal Calendar", + "shortDescription": "This web part provides you the ability to add a particular user\u0027s personal calendar on a web page. The web part may be configured to automatically refresh, as well as display up to seven days of events and a pre-defined number of events at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-personal-calendar", + "longDescription": [ + "This web part provides you the ability to add a particular user\u0027s personal calendar on a web page. The web part may be configured to automatically refresh, as well as display up to seven days of events and a pre-defined number of events at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-personal-calendar.gif", + "alt": "Personal Calendar" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-personal-contacts/assets/sample.json b/samples/react-personal-contacts/assets/sample.json index 838b746d1..510f633f4 100644 --- a/samples/react-personal-contacts/assets/sample.json +++ b/samples/react-personal-contacts/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-personal-contacts","version":null,"source":"pnp","title":"Personal Contacts","shortDescription":"This web part provides you the ability to add a particular user\u0027s personal contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.","longDescription":["This web part provides you the ability to add a particular user\u0027s personal contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-personal-contacts.gif","alt":"Personal Contacts","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-personal-contacts", + "source": "pnp", + "title": "Personal Contacts", + "shortDescription": "This web part provides you the ability to add a particular user\u0027s personal contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-personal-contacts", + "longDescription": [ + "This web part provides you the ability to add a particular user\u0027s personal contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-personal-contacts.gif", + "alt": "Personal Contacts" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-personal-email/assets/sample.json b/samples/react-personal-email/assets/sample.json index e9c27a1b9..a4a5ae21b 100644 --- a/samples/react-personal-email/assets/sample.json +++ b/samples/react-personal-email/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-personal-email","version":null,"source":"pnp","title":"Personal Email","shortDescription":"This web part provides you the ability to add a particular user\u0027s personal email on a web page. The web part may be configured to display a pre-defined number of emails at a time and includes a link to the user\u0027s Outlook to view all email. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.","longDescription":["This web part provides you the ability to add a particular user\u0027s personal email on a web page. The web part may be configured to display a pre-defined number of emails at a time and includes a link to the user\u0027s Outlook to view all email. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-personal-email.gif","alt":"Personal Email","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-personal-email", + "source": "pnp", + "title": "Personal Email", + "shortDescription": "This web part provides you the ability to add a particular user\u0027s personal email on a web page. The web part may be configured to display a pre-defined number of emails at a time and includes a link to the user\u0027s Outlook to view all email. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-personal-email", + "longDescription": [ + "This web part provides you the ability to add a particular user\u0027s personal email on a web page. The web part may be configured to display a pre-defined number of emails at a time and includes a link to the user\u0027s Outlook to view all email. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-personal-email.gif", + "alt": "Personal Email" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-personal-greeting/assets/sample.json b/samples/react-personal-greeting/assets/sample.json index ec5ff3d98..130b71a6e 100644 --- a/samples/react-personal-greeting/assets/sample.json +++ b/samples/react-personal-greeting/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-personal-greeting","version":null,"source":"pnp","title":"Personal Greeting","shortDescription":"The web part pulls in the current user\u0027s name and displays it on the page. The greeting text before the name is customizable through the property pane. Additionally the position of the greeting and color of the text can be adjusted through the property pane as well.","longDescription":["The web part pulls in the current user\u0027s name and displays it on the page. The greeting text before the name is customizable through the property pane. Additionally the position of the greeting and color of the text can be adjusted through the property pane as well."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-personal-greeting/assets/react-personal-greeting.gif","alt":"Personal Greeting","slides":null}],"authors":[{"gitHubAccount":"zachroberts8668","company":"","pictureUrl":"https://github.com/zachroberts8668.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-personal-greeting", + "source": "pnp", + "title": "Personal Greeting", + "shortDescription": "The web part pulls in the current user\u0027s name and displays it on the page. The greeting text before the name is customizable through the property pane. Additionally the position of the greeting and color of the text can be adjusted through the property pane as well.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-personal-greeting", + "longDescription": [ + "The web part pulls in the current user\u0027s name and displays it on the page. The greeting text before the name is customizable through the property pane. Additionally the position of the greeting and color of the text can be adjusted through the property pane as well." + ], + "created": "2020-10-18", + "modified": "2020-10-18", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-personal-greeting/assets/react-personal-greeting.gif", + "alt": "Personal Greeting" + } + ], + "authors": [ + { + "gitHubAccount": "zachroberts8668", + "company": "", + "pictureUrl": "https://github.com/zachroberts8668.png", + "name": "Zach Roberts" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-personal-tasks/assets/sample.json b/samples/react-personal-tasks/assets/sample.json index 523b9b420..5395f91cc 100644 --- a/samples/react-personal-tasks/assets/sample.json +++ b/samples/react-personal-tasks/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-personal-tasks","version":null,"source":"pnp","title":"Personal Tasks","shortDescription":"This web part provides you the ability to add a particular user\u0027s personal tasks on a web page. The web part may be configured to show all tasks or to exclude completed tasks. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.","longDescription":["This web part provides you the ability to add a particular user\u0027s personal tasks on a web page. The web part may be configured to show all tasks or to exclude completed tasks. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-personal-tasks.gif","alt":"Personal Tasks","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-personal-tasks", + "source": "pnp", + "title": "Personal Tasks", + "shortDescription": "This web part provides you the ability to add a particular user\u0027s personal tasks on a web page. The web part may be configured to show all tasks or to exclude completed tasks. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-personal-tasks", + "longDescription": [ + "This web part provides you the ability to add a particular user\u0027s personal tasks on a web page. The web part may be configured to show all tasks or to exclude completed tasks. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-personal-tasks.gif", + "alt": "Personal Tasks" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-photo-sync/assets/sample.json b/samples/react-photo-sync/assets/sample.json index d8400c4ee..ee64f8d02 100644 --- a/samples/react-photo-sync/assets/sample.json +++ b/samples/react-photo-sync/assets/sample.json @@ -1 +1,67 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-photo-sync","version":null,"source":"pnp","title":"SPUPS Photo Sync","shortDescription":"This web part will help the administrators to synchronize the User Profile Photos from Azure AD or from the local file system to SharePoint User Profile Store.","longDescription":["This web part will help the administrators to synchronize the User Profile Photos from Azure AD or from the local file system to SharePoint User Profile Store."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-photo-sync/assets/SPUPS_Photo_Sync_1.gif","alt":"SPUPS Photo Sync","slides":null}],"authors":[{"gitHubAccount":"sudharsank","company":"","pictureUrl":"https://github.com/sudharsank.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-photo-sync", + "source": "pnp", + "title": "SPUPS Photo Sync", + "shortDescription": "This web part will help the administrators to synchronize the User Profile Photos from Azure AD or from the local file system to SharePoint User Profile Store.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-photo-sync", + "longDescription": [ + "This web part will help the administrators to synchronize the User Profile Photos from Azure AD or from the local file system to SharePoint User Profile Store." + ], + "created": "2020-09-13", + "modified": "2020-09-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-photo-sync/assets/SPUPS_Photo_Sync_1.gif", + "alt": "SPUPS Photo Sync" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-photo-sync/assets/SPUPS_Photo_Sync_2.gif?raw=true", + "alt": "SPUPS Photo Sync" + } + ], + "authors": [ + { + "gitHubAccount": "sudharsank", + "company": "NTT Digital Business Solutions", + "pictureUrl": "https://github.com/sudharsank.png", + "name": "Sudharsan Kesavanarayanan", + "twitter": "sudharsank" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-pnp-controls-list-view-fields/assets/sample.json b/samples/react-pnp-controls-list-view-fields/assets/sample.json index 33b12db66..bb028e200 100644 --- a/samples/react-pnp-controls-list-view-fields/assets/sample.json +++ b/samples/react-pnp-controls-list-view-fields/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-pnp-controls-list-view-fields","version":null,"source":"pnp","title":"PnP ListView with PnP Field Controls Web Part","shortDescription":"Sample web part to display PnP ListView control with column rendering using PnP Field Controls.","longDescription":["Sample web part to display PnP ListView control with column rendering using PnP Field Controls."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pnp-controls-list-view-fields/assets/web-part.png","alt":"PnP ListView with PnP Field Controls Web Part","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-pnp-controls-list-view-fields", + "source": "pnp", + "title": "PnP ListView with PnP Field Controls Web Part", + "shortDescription": "Sample web part to display PnP ListView control with column rendering using PnP Field Controls.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-pnp-controls-list-view-fields", + "longDescription": [ + "Sample web part to display PnP ListView control with column rendering using PnP Field Controls." + ], + "created": "2020-03-10", + "modified": "2020-03-10", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pnp-controls-list-view-fields/assets/web-part.png", + "alt": "PnP ListView with PnP Field Controls Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-pnp-controls-list-view-fields/assets/taxonomy.png?raw=true", + "alt": "PnP ListView with PnP Field Controls Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-pnpjs-project-online/assets/sample.json b/samples/react-pnpjs-project-online/assets/sample.json index a15427288..92476cb4a 100644 --- a/samples/react-pnpjs-project-online/assets/sample.json +++ b/samples/react-pnpjs-project-online/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-pnpjs-project-online","version":null,"source":"pnp","title":"PnPjs Project Online","shortDescription":"This sample shows how to use SPFx to consume data from the Project Online REST API using a custom module for PnPjs. The web part is currently logging the data returned from the API to the browser console as a simple proof of concept.","longDescription":["This sample shows how to use SPFx to consume data from the Project Online REST API using a custom module for PnPjs. The web part is currently logging the data returned from the API to the browser console as a simple proof of concept."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.2"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pnpjs-project-online/assets/Preview.gif","alt":"PnPjs Project Online","slides":null}],"authors":[{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-pnpjs-project-online", + "source": "pnp", + "title": "PnPjs Project Online", + "shortDescription": "This sample shows how to use SPFx to consume data from the Project Online REST API using a custom module for PnPjs. The web part is currently logging the data returned from the API to the browser console as a simple proof of concept.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-pnpjs-project-online", + "longDescription": [ + "This sample shows how to use SPFx to consume data from the Project Online REST API using a custom module for PnPjs. The web part is currently logging the data returned from the API to the browser console as a simple proof of concept." + ], + "created": "2019-12-04", + "modified": "2019-12-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.2" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pnpjs-project-online/assets/Preview.gif", + "alt": "PnPjs Project Online" + } + ], + "authors": [ + { + "gitHubAccount": "joelfmrodrigues", + "company": "Storm Technology", + "pictureUrl": "https://github.com/joelfmrodrigues.png", + "name": "Joel Rodrigues", + "twitter": "joelfmrodrigues" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-pnpjsexplorer/assets/sample.json b/samples/react-pnpjsexplorer/assets/sample.json index 89f6803c9..85a894a01 100644 --- a/samples/react-pnpjsexplorer/assets/sample.json +++ b/samples/react-pnpjsexplorer/assets/sample.json @@ -1 +1,76 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-pnpjsexplorer","version":null,"source":"pnp","title":"SPFx web part to Test PnpJS SharePoint Methods","shortDescription":"This web part will allow SPFx developers to test PnPjs methods and it displays response in JSON viewer to identify properties/attributes returned by method/API","longDescription":["This web part will allow SPFx developers to test PnPjs methods and it displays response in JSON viewer to identify properties/attributes returned by method/API"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pnpjsexplorer/assets/pnpjstesterinaction.gif?raw=true","alt":"SPFx web part to Test PnpJS SharePoint Methods","slides":null}],"authors":[{"gitHubAccount":"siddharth-vaghasia","company":"","pictureUrl":"https://github.com/siddharth-vaghasia.png"},{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"},{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"},{"gitHubAccount":"Abderahman88","company":"","pictureUrl":"https://github.com/Abderahman88.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-pnpjsexplorer", + "source": "pnp", + "title": "SPFx web part to Test PnpJS SharePoint Methods", + "shortDescription": "This web part will allow SPFx developers to test PnPjs methods and it displays response in JSON viewer to identify properties/attributes returned by method/API", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-pnpjsexplorer", + "longDescription": [ + "This web part will allow SPFx developers to test PnPjs methods and it displays response in JSON viewer to identify properties/attributes returned by method/API" + ], + "created": "2020-10-30", + "modified": "2020-10-30", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-pnpjsexplorer/assets/pnpjstesterinaction.gif?raw=true", + "alt": "SPFx web part to Test PnpJS SharePoint Methods" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-pnpjsexplorer/assets/pnpjstesterinaction.gif?raw=true", + "alt": "SPFx web part to Test PnpJS SharePoint Methods" + } + ], + "authors": [ + { + "gitHubAccount": "siddharth-vaghasia", + "company": "", + "pictureUrl": "https://github.com/siddharth-vaghasia.png", + "name": "Siddharth Vaghasia" + }, + { + "gitHubAccount": "kunj-sangani", + "company": "", + "pictureUrl": "https://github.com/kunj-sangani.png", + "name": "Kunj Sangani" + }, + { + "gitHubAccount": "joelfmrodrigues", + "company": "Storm Technology", + "pictureUrl": "https://github.com/joelfmrodrigues.png", + "name": "Joel Rodrigues", + "twitter": "joelfmrodrigues" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-project-online/assets/sample.json b/samples/react-project-online/assets/sample.json index f2472d742..29a8381e6 100644 --- a/samples/react-project-online/assets/sample.json +++ b/samples/react-project-online/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-project-online","version":null,"source":"pnp","title":"Project Online","shortDescription":"This sample shows how to use SPFx to consume data from the Project Online REST API.","longDescription":["This sample shows how to use SPFx to consume data from the Project Online REST API."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-project-online/assets/Preview.gif","alt":"Project Online","slides":null}],"authors":[{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-project-online", + "source": "pnp", + "title": "Project Online", + "shortDescription": "This sample shows how to use SPFx to consume data from the Project Online REST API.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-project-online", + "longDescription": [ + "This sample shows how to use SPFx to consume data from the Project Online REST API." + ], + "created": "2020-04-12", + "modified": "2020-04-12", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-project-online/assets/Preview.gif", + "alt": "Project Online" + } + ], + "authors": [ + { + "gitHubAccount": "joelfmrodrigues", + "company": "Storm Technology", + "pictureUrl": "https://github.com/joelfmrodrigues.png", + "name": "Joel Rodrigues", + "twitter": "joelfmrodrigues" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-property-bag-editor/assets/sample.json b/samples/react-property-bag-editor/assets/sample.json index ef8092c7e..3d4266946 100644 --- a/samples/react-property-bag-editor/assets/sample.json +++ b/samples/react-property-bag-editor/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-property-bag-editor","version":null,"source":"pnp","title":"Property Bag Navigation Webparts","shortDescription":"A set of webparts that lets you set property bag settings on site collections and enable navigation using those properties.","longDescription":["A set of webparts that lets you set property bag settings on site collections and enable navigation using those properties."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-property-bag-editor/src/images/PropertyBagEditorDisplay.PNG","alt":"Property Bag Navigation Webparts","slides":null}],"authors":[{"gitHubAccount":"russgove","company":"","pictureUrl":"https://github.com/russgove.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-property-bag-editor", + "source": "pnp", + "title": "Property Bag Navigation Webparts", + "shortDescription": "A set of webparts that lets you set property bag settings on site collections and enable navigation using those properties.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-property-bag-editor", + "longDescription": [ + "A set of webparts that lets you set property bag settings on site collections and enable navigation using those properties." + ], + "created": "2017-03-19", + "modified": "2017-03-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-property-bag-editor/src/images/PropertyBagEditorDisplay.PNG", + "alt": "Property Bag Navigation Webparts" + } + ], + "authors": [ + { + "gitHubAccount": "russgove", + "company": "", + "pictureUrl": "https://github.com/russgove.png", + "name": "Russell Gove" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-provision-assets/assets/sample.json b/samples/react-provision-assets/assets/sample.json index beaaa29cc..6f881d3a9 100644 --- a/samples/react-provision-assets/assets/sample.json +++ b/samples/react-provision-assets/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-provision-assets","version":null,"source":"pnp","title":"Provision SharePoint Assets with the SPFx solution package","shortDescription":"This sample shows how we can provision Document Library, Custom List, Web and List PropertyBag properties, Site Columns, Content Types, Images, Site Page with the SFPx Client side web part and even prepopulated list and library items along with the SPFx solution package. All of the components can be deployed at once with the SPFx web part when the app is added to a SharePoint site. It also contains custom list and document library xml schemas.","longDescription":["This sample shows how we can provision Document Library, Custom List, Web and List PropertyBag properties, Site Columns, Content Types, Images, Site Page with the SFPx Client side web part and even prepopulated list and library items along with the SPFx solution package. All of the components can be deployed at once with the SPFx web part when the app is added to a SharePoint site. It also contains custom list and document library xml schemas."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-provision-assets/assets/spfx-provision-assets.gif","alt":"Provision SharePoint Assets with the SPFx solution package","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"},{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-provision-assets", + "source": "pnp", + "title": "Provision SharePoint Assets with the SPFx solution package", + "shortDescription": "This sample shows how we can provision Document Library, Custom List, Web and List PropertyBag properties, Site Columns, Content Types, Images, Site Page with the SFPx Client side web part and even prepopulated list and library items along with the SPFx solution package. All of the components can be deployed at once with the SPFx web part when the app is added to a SharePoint site. It also contains custom list and document library xml schemas.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-provision-assets", + "longDescription": [ + "This sample shows how we can provision Document Library, Custom List, Web and List PropertyBag properties, Site Columns, Content Types, Images, Site Page with the SFPx Client side web part and even prepopulated list and library items along with the SPFx solution package. All of the components can be deployed at once with the SPFx web part when the app is added to a SharePoint site. It also contains custom list and document library xml schemas." + ], + "created": "2020-09-06", + "modified": "2020-09-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-provision-assets/assets/spfx-provision-assets.gif", + "alt": "Provision SharePoint Assets with the SPFx solution package" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + }, + { + "gitHubAccount": "nanddeepn", + "company": "", + "pictureUrl": "https://github.com/nanddeepn.png", + "name": "Nanddeep Nachan", + "twitter": "NanddeepNachan" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-questions-and-answers/assets/sample.json b/samples/react-questions-and-answers/assets/sample.json index 67ee6111a..6e3d4d52a 100644 --- a/samples/react-questions-and-answers/assets/sample.json +++ b/samples/react-questions-and-answers/assets/sample.json @@ -1 +1,70 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-questions-and-answers","version":null,"source":"pnp","title":"React Questions and Answers","shortDescription":"This is an application that supports Questions \u0026 Answers through a web part that can be used directly on a Modern SharePoint Site without the need for Yammer or a backing Microsoft Team site. It relies on a backing SharePoint list that is hidden and a provisioned Site Page that hosts a pre-configured version of the questions web part.","longDescription":["This is an application that supports Questions \u0026 Answers through a web part that can be used directly on a Modern SharePoint Site without the need for Yammer or a backing Microsoft Team site. It relies on a backing SharePoint list that is hidden and a provisioned Site Page that hosts a pre-configured version of the questions web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-questions-and-answers/assets/QuestionsAndAnswers.gif","alt":"React Questions and Answers","slides":null}],"authors":[{"gitHubAccount":"bogeorge","company":"","pictureUrl":"https://github.com/bogeorge.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-questions-and-answers", + "source": "pnp", + "title": "React Questions and Answers", + "shortDescription": "This is an application that supports Questions \u0026 Answers through a web part that can be used directly on a Modern SharePoint Site without the need for Yammer or a backing Microsoft Team site. It relies on a backing SharePoint list that is hidden and a provisioned Site Page that hosts a pre-configured version of the questions web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-questions-and-answers", + "longDescription": [ + "This is an application that supports Questions \u0026 Answers through a web part that can be used directly on a Modern SharePoint Site without the need for Yammer or a backing Microsoft Team site. It relies on a backing SharePoint list that is hidden and a provisioned Site Page that hosts a pre-configured version of the questions web part." + ], + "created": "2020-10-01", + "modified": "2020-10-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-questions-and-answers/assets/QuestionsAndAnswers.gif", + "alt": "React Questions and Answers" + } + ], + "authors": [ + { + "gitHubAccount": "bogeorge", + "company": "ThreeWill", + "pictureUrl": "https://avatars.githubusercontent.com/u/10885472?s=460\u0026u=74d23f4289cd555aa530e1c2c6156a382c373f2f\u0026v=4", + "name": "Bo George", + "twitter": "bo_george" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-quick-poll/assets/sample.json b/samples/react-quick-poll/assets/sample.json index a8f2eff7c..46bc31cfc 100644 --- a/samples/react-quick-poll/assets/sample.json +++ b/samples/react-quick-poll/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-quick-poll","version":null,"source":"pnp","title":"Quick Poll","shortDescription":"This component is developed for the users who really need to create a Poll within a minute and with less maintenance.","longDescription":["This component is developed for the users who really need to create a Poll within a minute and with less maintenance."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-quick-poll/assets/react-quick-poll.gif","alt":"Quick Poll","slides":null}],"authors":[{"gitHubAccount":"sudharsank","company":"","pictureUrl":"https://github.com/sudharsank.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-quick-poll", + "source": "pnp", + "title": "Quick Poll", + "shortDescription": "This component is developed for the users who really need to create a Poll within a minute and with less maintenance.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-quick-poll", + "longDescription": [ + "This component is developed for the users who really need to create a Poll within a minute and with less maintenance." + ], + "created": "2020-10-17", + "modified": "2020-10-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-quick-poll/assets/react-quick-poll.gif", + "alt": "Quick Poll" + } + ], + "authors": [ + { + "gitHubAccount": "sudharsank", + "company": "NTT Digital Business Solutions", + "pictureUrl": "https://github.com/sudharsank.png", + "name": "Sudharsan Kesavanarayanan", + "twitter": "sudharsank" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-quotes/assets/sample.json b/samples/react-quotes/assets/sample.json index 62f7a75f4..ee5e910a3 100644 --- a/samples/react-quotes/assets/sample.json +++ b/samples/react-quotes/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-quotes","version":null,"source":"pnp","title":"Quote of the Day","shortDescription":"This webpart displays a quote of the day by querying a third-party api or can display a quote entered manually into the webpart property pane.","longDescription":["This webpart displays a quote of the day by querying a third-party api or can display a quote entered manually into the webpart property pane."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-quotes/assets/react-quotes-sample.png","alt":"Quote of the Day","slides":null}],"authors":[{"gitHubAccount":"zachroberts8668","company":"","pictureUrl":"https://github.com/zachroberts8668.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-quotes", + "source": "pnp", + "title": "Quote of the Day", + "shortDescription": "This webpart displays a quote of the day by querying a third-party api or can display a quote entered manually into the webpart property pane.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-quotes", + "longDescription": [ + "This webpart displays a quote of the day by querying a third-party api or can display a quote entered manually into the webpart property pane." + ], + "created": "2019-11-11", + "modified": "2019-11-11", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-quotes/assets/react-quotes-sample.png", + "alt": "Quote of the Day" + } + ], + "authors": [ + { + "gitHubAccount": "zachroberts8668", + "company": "", + "pictureUrl": "https://github.com/zachroberts8668.png", + "name": "Zach Roberts" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-real-time/assets/sample.json b/samples/react-real-time/assets/sample.json index 9c6bfb2f9..34424fc6c 100644 --- a/samples/react-real-time/assets/sample.json +++ b/samples/react-real-time/assets/sample.json @@ -1 +1,93 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-real-time","version":null,"source":"pnp","title":"Real Time News Feed using Azure Logic Apps, Node.js and socket.io","shortDescription":"This sample shows you how to implement real time web parts using the SPFx, Azure Logic Apps, Node.js and socket.io.","longDescription":["This sample shows you how to implement real time web parts using the SPFx, Azure Logic Apps, Node.js and socket.io."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"drop4"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-real-time/assets/animated-demo.gif","alt":"Real Time News Feed using Azure Logic Apps, Node.js and socket.io","slides":null}],"authors":[{"gitHubAccount":"FranckyC","company":"","pictureUrl":"https://github.com/FranckyC.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-real-time", + "source": "pnp", + "title": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io", + "shortDescription": "This sample shows you how to implement real time web parts using the SPFx, Azure Logic Apps, Node.js and socket.io.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-real-time", + "longDescription": [ + "This sample shows you how to implement real time web parts using the SPFx, Azure Logic Apps, Node.js and socket.io." + ], + "created": "2016-11-04", + "modified": "2016-11-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "drop4" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-real-time/assets/animated-demo.gif", + "alt": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-real-time/assets/flow.png?raw=true", + "alt": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-real-time/assets/network-console.png?raw=true", + "alt": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-real-time/assets/service-bus-new-connection.png?raw=true", + "alt": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-real-time/assets/service-bus.png?raw=true", + "alt": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-real-time/assets/solution_overview.png?raw=true", + "alt": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-real-time/assets/spfx-initial.png?raw=true", + "alt": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io" + }, + { + "type": "image", + "order": 107, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-real-time/assets/spfx-newitem.png?raw=true", + "alt": "Real Time News Feed using Azure Logic Apps, Node.js and socket.io" + } + ], + "authors": [ + { + "gitHubAccount": "FranckyC", + "company": "Aequos", + "pictureUrl": "https://github.com/FranckyC.png", + "name": "Franck Cornu" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-realtime-documents/assets/sample.json b/samples/react-realtime-documents/assets/sample.json index 32c989c15..8232dc570 100644 --- a/samples/react-realtime-documents/assets/sample.json +++ b/samples/react-realtime-documents/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-realtime-documents","version":null,"source":"pnp","title":"List subscription","shortDescription":"Sample web part illustrating using the SharePoint Framework List subscription capability, which allows you to get notified of changes to documents in a SharePoint Document Library and refresh the displayed data.","longDescription":["Sample web part illustrating using the SharePoint Framework List subscription capability, which allows you to get notified of changes to documents in a SharePoint Document Library and refresh the displayed data."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-realtime-documents/assets/list-subscription-webpart.png","alt":"List subscription","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-realtime-documents", + "source": "pnp", + "title": "List subscription", + "shortDescription": "Sample web part illustrating using the SharePoint Framework List subscription capability, which allows you to get notified of changes to documents in a SharePoint Document Library and refresh the displayed data.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-realtime-documents", + "longDescription": [ + "Sample web part illustrating using the SharePoint Framework List subscription capability, which allows you to get notified of changes to documents in a SharePoint Document Library and refresh the displayed data." + ], + "created": "2018-11-09", + "modified": "2018-11-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-realtime-documents/assets/list-subscription-webpart.png", + "alt": "List subscription" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-recaptcha/assets/sample.json b/samples/react-recaptcha/assets/sample.json index 2474c8a83..65b342ce3 100644 --- a/samples/react-recaptcha/assets/sample.json +++ b/samples/react-recaptcha/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-recaptcha","version":null,"source":"pnp","title":"Google reCaptcha Sample","shortDescription":"This is sample web part which showcase how to implement Google reCaptcha v2 in SPFx. CAPTCHA is used to prevent bots from automatically submitting forms with SPAM or other unwanted content. If we are building a custom input form to get feedback, newsletter subscription or contact us form using SPFx web part. We might have to implement SPAM protection using some CAPTCHA resolving technique. This sample can come in handy to extend it for your business requirement if you need to implement CAPTCHA in SPFx web part.","longDescription":["This is sample web part which showcase how to implement Google reCaptcha v2 in SPFx. CAPTCHA is used to prevent bots from automatically submitting forms with SPAM or other unwanted content. If we are building a custom input form to get feedback, newsletter subscription or contact us form using SPFx web part. We might have to implement SPAM protection using some CAPTCHA resolving technique. This sample can come in handy to extend it for your business requirement if you need to implement CAPTCHA in SPFx web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-recaptcha/screens/WebpartInAction.gif","alt":"Google reCaptcha Sample","slides":null}],"authors":[{"gitHubAccount":"siddharth-vaghasia","company":"","pictureUrl":"https://github.com/siddharth-vaghasia.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-recaptcha", + "source": "pnp", + "title": "Google reCaptcha Sample", + "shortDescription": "This is sample web part which showcase how to implement Google reCaptcha v2 in SPFx. CAPTCHA is used to prevent bots from automatically submitting forms with SPAM or other unwanted content. If we are building a custom input form to get feedback, newsletter subscription or contact us form using SPFx web part. We might have to implement SPAM protection using some CAPTCHA resolving technique. This sample can come in handy to extend it for your business requirement if you need to implement CAPTCHA in SPFx web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-recaptcha", + "longDescription": [ + "This is sample web part which showcase how to implement Google reCaptcha v2 in SPFx. CAPTCHA is used to prevent bots from automatically submitting forms with SPAM or other unwanted content. If we are building a custom input form to get feedback, newsletter subscription or contact us form using SPFx web part. We might have to implement SPAM protection using some CAPTCHA resolving technique. This sample can come in handy to extend it for your business requirement if you need to implement CAPTCHA in SPFx web part." + ], + "created": "2019-10-10", + "modified": "2019-10-10", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-recaptcha/screens/WebpartInAction.gif", + "alt": "Google reCaptcha Sample" + } + ], + "authors": [ + { + "gitHubAccount": "siddharth-vaghasia", + "company": "", + "pictureUrl": "https://github.com/siddharth-vaghasia.png", + "name": "Siddharth Vaghasia" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-recent-contacts/assets/sample.json b/samples/react-recent-contacts/assets/sample.json index 2228983ad..e1d3f0b69 100644 --- a/samples/react-recent-contacts/assets/sample.json +++ b/samples/react-recent-contacts/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-recent-contacts","version":null,"source":"pnp","title":"Recent Contacts","shortDescription":"This web part provides you the ability to display list of a particular user\u0027s recent contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.","longDescription":["This web part provides you the ability to display list of a particular user\u0027s recent contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-recent-contacts.gif","alt":"Recent Contacts","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-recent-contacts", + "source": "pnp", + "title": "Recent Contacts", + "shortDescription": "This web part provides you the ability to display list of a particular user\u0027s recent contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-recent-contacts", + "longDescription": [ + "This web part provides you the ability to display list of a particular user\u0027s recent contacts on a web page. The web part may be configured to display a pre-defined number of contacts at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-recent-contacts.gif", + "alt": "Recent Contacts" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-recently-used-documents/assets/sample.json b/samples/react-recently-used-documents/assets/sample.json index a8f5586ae..c4ae2ce06 100644 --- a/samples/react-recently-used-documents/assets/sample.json +++ b/samples/react-recently-used-documents/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-recently-used-documents","version":null,"source":"pnp","title":"Recently Used Documents","shortDescription":"This web part provides you the ability to display a list of a particular user\u0027s recently used documents on a web page. The web part may be configured to display a pre-defined number of documents at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.","longDescription":["This web part provides you the ability to display a list of a particular user\u0027s recently used documents on a web page. The web part may be configured to display a pre-defined number of documents at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-recently-used-documents.gif","alt":"Recently Used Documents","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-recently-used-documents", + "source": "pnp", + "title": "Recently Used Documents", + "shortDescription": "This web part provides you the ability to display a list of a particular user\u0027s recently used documents on a web page. The web part may be configured to display a pre-defined number of documents at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-recently-used-documents", + "longDescription": [ + "This web part provides you the ability to display a list of a particular user\u0027s recently used documents on a web page. The web part may be configured to display a pre-defined number of documents at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-recently-used-documents.gif", + "alt": "Recently Used Documents" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-recently-visited-sites/assets/sample.json b/samples/react-recently-visited-sites/assets/sample.json index 1a918373c..f32b20fb2 100644 --- a/samples/react-recently-visited-sites/assets/sample.json +++ b/samples/react-recently-visited-sites/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-recently-visited-sites","version":null,"source":"pnp","title":"Recently Visited Sites","shortDescription":"This web part provides you the ability to display a list of a particular user\u0027s recently visited sites on a web page. The web part will display up to the first 30 (thirty) recently visited sites at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.","longDescription":["This web part provides you the ability to display a list of a particular user\u0027s recently visited sites on a web page. The web part will display up to the first 30 (thirty) recently visited sites at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-recently-visited-sites.gif","alt":"Recently Visited Sites","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-recently-visited-sites", + "source": "pnp", + "title": "Recently Visited Sites", + "shortDescription": "This web part provides you the ability to display a list of a particular user\u0027s recently visited sites on a web page. The web part will display up to the first 30 (thirty) recently visited sites at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-recently-visited-sites", + "longDescription": [ + "This web part provides you the ability to display a list of a particular user\u0027s recently visited sites on a web page. The web part will display up to the first 30 (thirty) recently visited sites at a time. This web part is powered by the Microsoft Graph and currently requires that the Office 365 tenant be configured for targeted release for all users." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-recently-visited-sites.gif", + "alt": "Recently Visited Sites" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-redux-async-immutablejs/assets/sample.json b/samples/react-redux-async-immutablejs/assets/sample.json index 87154b536..e246241e9 100644 --- a/samples/react-redux-async-immutablejs/assets/sample.json +++ b/samples/react-redux-async-immutablejs/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-redux-async-immutablejs","version":null,"source":"pnp","title":"Using React, Redux and ImmutableJS","shortDescription":"SharePoint Framework web part which uses Redux to maintain a single state for the entire application and ImmutableJS to create performant state trees.","longDescription":["SharePoint Framework web part which uses Redux to maintain a single state for the entire application and ImmutableJS to create performant state trees."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://raw.githubusercontent.com/vman/sp-dev-fx-webparts/master/samples/react-redux-async-immutablejs/assets/react-redux-immutable.gif","alt":"Using React, Redux and ImmutableJS","slides":null}],"authors":[{"gitHubAccount":"vman","company":"","pictureUrl":"https://github.com/vman.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-redux-async-immutablejs", + "source": "pnp", + "title": "Using React, Redux and ImmutableJS", + "shortDescription": "SharePoint Framework web part which uses Redux to maintain a single state for the entire application and ImmutableJS to create performant state trees.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-redux-async-immutablejs", + "longDescription": [ + "SharePoint Framework web part which uses Redux to maintain a single state for the entire application and ImmutableJS to create performant state trees." + ], + "created": "2017-07-11", + "modified": "2017-07-11", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://raw.githubusercontent.com/vman/sp-dev-fx-webparts/master/samples/react-redux-async-immutablejs/assets/react-redux-immutable.gif", + "alt": "Using React, Redux and ImmutableJS" + } + ], + "authors": [ + { + "gitHubAccount": "vman", + "company": "", + "pictureUrl": "https://github.com/vman.png", + "name": "Vardhaman Deshpande" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-redux/assets/sample.json b/samples/react-redux/assets/sample.json index 92028563c..99a0b7094 100644 --- a/samples/react-redux/assets/sample.json +++ b/samples/react-redux/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-redux","version":null,"source":"pnp","title":"Using React and Redux","shortDescription":"Sample web part implementation that uses Redux to keep track of its state.","longDescription":["Sample web part implementation that uses Redux to keep track of its state."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"drop5"}],"thumbnails":[{"type":"image","order":100,"url":"https://camo.githubusercontent.com/4d5690679fd7d36dce6c9bd92ec37d6047b443b6/68747470733a2f2f692e6779617a6f2e636f6d2f37323963346164646636633939323531336638656239316133666130653330322e676966","alt":"Using React and Redux","slides":null}],"authors":[{"gitHubAccount":"kmees","company":"","pictureUrl":"https://github.com/kmees.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-redux", + "source": "pnp", + "title": "Using React and Redux", + "shortDescription": "Sample web part implementation that uses Redux to keep track of its state.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-redux", + "longDescription": [ + "Sample web part implementation that uses Redux to keep track of its state." + ], + "created": "2016-10-28", + "modified": "2016-10-28", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "drop5" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://camo.githubusercontent.com/4d5690679fd7d36dce6c9bd92ec37d6047b443b6/68747470733a2f2f692e6779617a6f2e636f6d2f37323963346164646636633939323531336638656239316133666130653330322e676966", + "alt": "Using React and Redux" + } + ], + "authors": [ + { + "gitHubAccount": "kmees", + "company": "", + "pictureUrl": "https://github.com/kmees.png", + "name": "Kevin Mees" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-reduxform/assets/sample.json b/samples/react-reduxform/assets/sample.json index 8b11263bc..0ca81250a 100644 --- a/samples/react-reduxform/assets/sample.json +++ b/samples/react-reduxform/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-reduxform","version":null,"source":"pnp","title":"Using Redux-Form library and React","shortDescription":"Sample web part to demonstrate the use of Redux-Form library with SPFx, React and Typescript. Demonstrates how to easily build a dynamic grid using redux-form.","longDescription":["Sample web part to demonstrate the use of Redux-Form library with SPFx, React and Typescript. Demonstrates how to easily build a dynamic grid using redux-form."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-reduxform/assets/ReduxFormWebpart.gif?raw=true","alt":"Using Redux-Form library and React","slides":null}],"authors":[{"gitHubAccount":"vipulkelkar","company":"","pictureUrl":"https://github.com/vipulkelkar.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-reduxform", + "source": "pnp", + "title": "Using Redux-Form library and React", + "shortDescription": "Sample web part to demonstrate the use of Redux-Form library with SPFx, React and Typescript. Demonstrates how to easily build a dynamic grid using redux-form.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-reduxform", + "longDescription": [ + "Sample web part to demonstrate the use of Redux-Form library with SPFx, React and Typescript. Demonstrates how to easily build a dynamic grid using redux-form." + ], + "created": "2018-05-02", + "modified": "2018-05-02", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-reduxform/assets/ReduxFormWebpart.gif?raw=true", + "alt": "Using Redux-Form library and React" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-reduxform/assets/ReduxFormWebpart.gif?raw=true", + "alt": "Using Redux-Form library and React" + } + ], + "authors": [ + { + "gitHubAccount": "vipulkelkar", + "company": "Rapid Circle", + "pictureUrl": "https://github.com/vipulkelkar.png", + "name": "Vipul Kelkar" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-restaurant-menu/assets/sample.json b/samples/react-restaurant-menu/assets/sample.json index 5cb7b4feb..289988a2c 100644 --- a/samples/react-restaurant-menu/assets/sample.json +++ b/samples/react-restaurant-menu/assets/sample.json @@ -1 +1,92 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-restaurant-menu","version":null,"source":"pnp","title":"Restaurant Menu","shortDescription":"This web part shows a Restaurant Menu, the user can select the options to show in Menu.","longDescription":["This web part shows a Restaurant Menu, the user can select the options to show in Menu."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-restaurant-menu/assets/restaurantmenu.gif","alt":"Restaurant Menu","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-restaurant-menu", + "source": "pnp", + "title": "Restaurant Menu", + "shortDescription": "This web part shows a Restaurant Menu, the user can select the options to show in Menu.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-restaurant-menu", + "longDescription": [ + "This web part shows a Restaurant Menu, the user can select the options to show in Menu." + ], + "created": "2020-09-05", + "modified": "2020-09-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-restaurant-menu/assets/restaurantmenu.gif", + "alt": "Restaurant Menu" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-restaurant-menu/assets/restaurantmenu.png?raw=true", + "alt": "Restaurant Menu" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-restaurant-menu/assets/restaurantmenu2.png?raw=true", + "alt": "Restaurant Menu" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-restaurant-menu/assets/restaurantmenu3.png?raw=true", + "alt": "Restaurant Menu" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-rss-reader/assets/sample.json b/samples/react-rss-reader/assets/sample.json index 892b27d56..62b58476a 100644 --- a/samples/react-rss-reader/assets/sample.json +++ b/samples/react-rss-reader/assets/sample.json @@ -1 +1,65 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-rss-reader","version":null,"source":"pnp","title":"SharePoint Framework RSS Reader","shortDescription":"A RSS Reader original based on work completed by Olivier Carpentier\u0027s","longDescription":["A RSS Reader original based on work completed by Olivier Carpentier\u0027s"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-rss-reader/images/react-rss-reader.gif","alt":"SharePoint Framework RSS Reader","slides":null}],"authors":[{"gitHubAccount":"eoverfield","company":"","pictureUrl":"https://github.com/eoverfield.png"},{"gitHubAccount":"AbhishekGarg","company":"","pictureUrl":"https://github.com/AbhishekGarg.png"},{"gitHubAccount":"Abderahman88","company":"","pictureUrl":"https://github.com/Abderahman88.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-rss-reader", + "source": "pnp", + "title": "SharePoint Framework RSS Reader", + "shortDescription": "A RSS Reader original based on work completed by Olivier Carpentier\u0027s", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-rss-reader", + "longDescription": [ + "A RSS Reader original based on work completed by Olivier Carpentier\u0027s" + ], + "created": "2020-11-22", + "modified": "2020-11-22", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-rss-reader/images/react-rss-reader.gif", + "alt": "SharePoint Framework RSS Reader" + } + ], + "authors": [ + { + "gitHubAccount": "eoverfield", + "company": "PixelMill", + "pictureUrl": "https://github.com/eoverfield.png", + "name": "Eric Overfield", + "twitter": "EricOverfield" + }, + { + "gitHubAccount": "AbhishekGarg", + "company": "Atos", + "pictureUrl": "https://avatars.githubusercontent.com/u/5449154?s=400\u0026v=4", + "name": "Abhishek Garg", + "twitter": "abhig89" + }, + { + "gitHubAccount": "Abderahman88", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/36161889?s=460\u0026u=afdd5f6681bc375ee3811482dec79824c12d8170\u0026v=4", + "name": "Abderahman Moujahid" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-rxjs-event-emitter/assets/sample.json b/samples/react-rxjs-event-emitter/assets/sample.json index 32a1cc0ef..c3fbe7648 100644 --- a/samples/react-rxjs-event-emitter/assets/sample.json +++ b/samples/react-rxjs-event-emitter/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-rxjs-event-emitter","version":null,"source":"pnp","title":"ReactiveX (RxJs) Event Emitter Sample","shortDescription":"This sample shows how we can use the ReactiveX (RxJs) library with the SharePoint Framework to communicate between web parts through broadcasting events utilizing the Publish\u2013subscribe pattern. It enables a web part or component to emit event (broadcast message) and that event is received by other web parts or components that have been subscribed to receive it. Please note this is custom implementation of the Publish\u2013subscribe pattern by using the ReactiveX (RxJs) library. The SPFx will nativelly support this in future without the need of custom implementation through new SPFx api called Event Aggregator, but it is still in Alpha.","longDescription":["This sample shows how we can use the ReactiveX (RxJs) library with the SharePoint Framework to communicate between web parts through broadcasting events utilizing the Publish\u2013subscribe pattern. It enables a web part or component to emit event (broadcast message) and that event is received by other web parts or components that have been subscribed to receive it. Please note this is custom implementation of the Publish\u2013subscribe pattern by using the ReactiveX (RxJs) library. The SPFx will nativelly support this in future without the need of custom implementation through new SPFx api called Event Aggregator, but it is still in Alpha."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-rxjs-event-emitter/assets/spfx-event-emitter.gif","alt":"ReactiveX (RxJs) Event Emitter Sample","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-rxjs-event-emitter", + "source": "pnp", + "title": "ReactiveX (RxJs) Event Emitter Sample", + "shortDescription": "This sample shows how we can use the ReactiveX (RxJs) library with the SharePoint Framework to communicate between web parts through broadcasting events utilizing the Publish\u2013subscribe pattern. It enables a web part or component to emit event (broadcast message) and that event is received by other web parts or components that have been subscribed to receive it. Please note this is custom implementation of the Publish\u2013subscribe pattern by using the ReactiveX (RxJs) library. The SPFx will nativelly support this in future without the need of custom implementation through new SPFx api called Event Aggregator, but it is still in Alpha.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-rxjs-event-emitter", + "longDescription": [ + "This sample shows how we can use the ReactiveX (RxJs) library with the SharePoint Framework to communicate between web parts through broadcasting events utilizing the Publish\u2013subscribe pattern. It enables a web part or component to emit event (broadcast message) and that event is received by other web parts or components that have been subscribed to receive it. Please note this is custom implementation of the Publish\u2013subscribe pattern by using the ReactiveX (RxJs) library. The SPFx will nativelly support this in future without the need of custom implementation through new SPFx api called Event Aggregator, but it is still in Alpha." + ], + "created": "2018-12-10", + "modified": "2018-12-10", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-rxjs-event-emitter/assets/spfx-event-emitter.gif", + "alt": "ReactiveX (RxJs) Event Emitter Sample" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-save-attachments/assets/sample.json b/samples/react-save-attachments/assets/sample.json index 9456cd6d3..f75585f54 100644 --- a/samples/react-save-attachments/assets/sample.json +++ b/samples/react-save-attachments/assets/sample.json @@ -1 +1,73 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-save-attachments","version":null,"source":"pnp","title":"Save Attachments","shortDescription":"This SPFx Outlook Add-In lets users save any email attachments to a OneDrive folder.","longDescription":["This SPFx Outlook Add-In lets users save any email attachments to a OneDrive folder."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-save-attachments/assets/ReactSaveAttachments.gif","alt":"Save Attachments","slides":null}],"authors":[{"gitHubAccount":"aakashbhardwaj619","company":"","pictureUrl":"https://github.com/aakashbhardwaj619.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-save-attachments", + "source": "pnp", + "title": "Save Attachments", + "shortDescription": "This SPFx Outlook Add-In lets users save any email attachments to a OneDrive folder.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-save-attachments", + "longDescription": [ + "This SPFx Outlook Add-In lets users save any email attachments to a OneDrive folder." + ], + "created": "2020-10-04", + "modified": "2020-10-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-OFFICEADDIN", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-save-attachments/assets/ReactSaveAttachments.gif", + "alt": "Save Attachments" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-save-attachments/assets/react-save-attachments-1.png?raw=true", + "alt": "Save Attachments" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-save-attachments/assets/react-save-attachments-2.gif?raw=true", + "alt": "Save Attachments" + } + ], + "authors": [ + { + "gitHubAccount": "aakashbhardwaj619", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/33526902?s=460\u0026u=e780f4ef1da922c84f2c5c66c59cecbff2300581\u0026v=4", + "name": "Aakash Bhardwaj", + "twitter": "aakash_316" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Create Outlook Add-ins using SharePoint Framework", + "description": "Introduced in SharePoint Framework v1.10, you can implement an Outlook Web App add-in with the SharePoint Framework and use SharePoint as a host for your solution.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/office-addins-create" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-script-editor-onprem/assets/sample.json b/samples/react-script-editor-onprem/assets/sample.json index 0b446dde4..c0a9d9fd3 100644 --- a/samples/react-script-editor-onprem/assets/sample.json +++ b/samples/react-script-editor-onprem/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-script-editor-onprem","version":null,"source":"pnp","title":"Script editor web part for modern pages","shortDescription":"Coming from old classic SharePoint pages you might have existing script solutions you want to re-use on a modern page without having to repackage it as a new SharePoint Framework web part. This web part is similar to the classic Script Editor Web Part, and allows you do drop arbitrary script or html on a modern page.","longDescription":["Coming from old classic SharePoint pages you might have existing script solutions you want to re-use on a modern page without having to repackage it as a new SharePoint Framework web part. This web part is similar to the classic Script Editor Web Part, and allows you do drop arbitrary script or html on a modern page."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-script-editor-onprem/assets/modern-script-editor-wp.gif","alt":"Script editor web part for modern pages","slides":null}],"authors":[{"gitHubAccount":"wobba","company":"","pictureUrl":"https://github.com/wobba.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-script-editor-onprem", + "source": "pnp", + "title": "Script editor web part for modern pages", + "shortDescription": "Coming from old classic SharePoint pages you might have existing script solutions you want to re-use on a modern page without having to repackage it as a new SharePoint Framework web part. This web part is similar to the classic Script Editor Web Part, and allows you do drop arbitrary script or html on a modern page.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-script-editor-onprem", + "longDescription": [ + "Coming from old classic SharePoint pages you might have existing script solutions you want to re-use on a modern page without having to repackage it as a new SharePoint Framework web part. This web part is similar to the classic Script Editor Web Part, and allows you do drop arbitrary script or html on a modern page." + ], + "created": "2020-03-16", + "modified": "2020-03-16", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + }, + { + "key": "SPFX-FULLPAGEAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-script-editor-onprem/assets/modern-script-editor-wp.gif", + "alt": "Script editor web part for modern pages" + } + ], + "authors": [ + { + "gitHubAccount": "wobba", + "company": "Microsoft", + "pictureUrl": "https://github.com/wobba.png", + "name": "Mikael Svenson", + "twitter": "mikaelsvenson" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Using single part app pages in SharePoint Online", + "description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-script-editor/assets/sample.json b/samples/react-script-editor/assets/sample.json index e608b45d9..1d4b52bdc 100644 --- a/samples/react-script-editor/assets/sample.json +++ b/samples/react-script-editor/assets/sample.json @@ -1 +1,76 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-script-editor","version":null,"source":"pnp","title":"Script editor web part","shortDescription":"Coming from old classic SharePoint pages you might have existing script solutions you want to re-use on a modern page without having to repackage it as a new SharePoint Framework web part.","longDescription":["Coming from old classic SharePoint pages you might have existing script solutions you want to re-use on a modern page without having to repackage it as a new SharePoint Framework web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-script-editor/assets/modern-script-editor-wp.gif","alt":"Script editor web part","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-script-editor", + "source": "pnp", + "title": "Script editor web part", + "shortDescription": "Coming from old classic SharePoint pages you might have existing script solutions you want to re-use on a modern page without having to repackage it as a new SharePoint Framework web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-script-editor", + "longDescription": [ + "Coming from old classic SharePoint pages you might have existing script solutions you want to re-use on a modern page without having to repackage it as a new SharePoint Framework web part." + ], + "created": "2019-10-13", + "modified": "2019-10-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + }, + { + "key": "SPFX-FULLPAGEAPP", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-script-editor/assets/modern-script-editor-wp.gif", + "alt": "Script editor web part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-script-editor/assets/modern-script-editor-wp-teams.gif?raw=true", + "alt": "Script editor web part" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Using single part app pages in SharePoint Online", + "description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-search/assets/sample.json b/samples/react-search/assets/sample.json index 7633b45e2..9fb13ad6e 100644 --- a/samples/react-search/assets/sample.json +++ b/samples/react-search/assets/sample.json @@ -1 +1,64 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-search","version":null,"source":"pnp","title":"Search Client-Side Web Part built with React and Flux","shortDescription":"Sample Search Web Part with internal and external template support. This sample illustrates how you can use React and Flux within the SharePoint Framework.","longDescription":["Sample Search Web Part with internal and external template support. This sample illustrates how you can use React and Flux within the SharePoint Framework."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-search/assets/preview.png","alt":"Search Client-Side Web Part built with React and Flux","slides":null}],"authors":[{"gitHubAccount":"estruyf","company":"","pictureUrl":"https://github.com/estruyf.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-search", + "source": "pnp", + "title": "Search Client-Side Web Part built with React and Flux", + "shortDescription": "Sample Search Web Part with internal and external template support. This sample illustrates how you can use React and Flux within the SharePoint Framework.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-search", + "longDescription": [ + "Sample Search Web Part with internal and external template support. This sample illustrates how you can use React and Flux within the SharePoint Framework." + ], + "created": "2017-02-28", + "modified": "2017-02-28", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-search/assets/preview.png", + "alt": "Search Client-Side Web Part built with React and Flux" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-search/assets/external.png?raw=true", + "alt": "Search Client-Side Web Part built with React and Flux" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-search/assets/internal.png?raw=true", + "alt": "Search Client-Side Web Part built with React and Flux" + } + ], + "authors": [ + { + "gitHubAccount": "estruyf", + "company": "Struyf Consulting", + "pictureUrl": "https://github.com/estruyf.png", + "name": "Elio Struyf", + "twitter": "eliostruyf" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-securitygrid/assets/sample.json b/samples/react-securitygrid/assets/sample.json index e6202874e..d1ce33036 100644 --- a/samples/react-securitygrid/assets/sample.json +++ b/samples/react-securitygrid/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-securitygrid","version":null,"source":"pnp","title":"Security Grid","shortDescription":"React-securitygrid is an SPFX web part that uses React and Office-UI-Fabric to render a grid showing which users have access to which lists/libraries/folders/files on a Web","longDescription":["React-securitygrid is an SPFX web part that uses React and Office-UI-Fabric to render a grid showing which users have access to which lists/libraries/folders/files on a Web"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-securitygrid/src/images/MainDisplay.gif","alt":"Security Grid","slides":null}],"authors":[{"gitHubAccount":"russgove","company":"","pictureUrl":"https://github.com/russgove.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-securitygrid", + "source": "pnp", + "title": "Security Grid", + "shortDescription": "React-securitygrid is an SPFX web part that uses React and Office-UI-Fabric to render a grid showing which users have access to which lists/libraries/folders/files on a Web", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-securitygrid", + "longDescription": [ + "React-securitygrid is an SPFX web part that uses React and Office-UI-Fabric to render a grid showing which users have access to which lists/libraries/folders/files on a Web" + ], + "created": "2021-03-06", + "modified": "2021-03-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-securitygrid/src/images/MainDisplay.gif", + "alt": "Security Grid" + } + ], + "authors": [ + { + "gitHubAccount": "russgove", + "company": "", + "pictureUrl": "https://github.com/russgove.png", + "name": "Russell Gove" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-side-panel/assets/sample.json b/samples/react-side-panel/assets/sample.json index ffd3505fe..a17d36198 100644 --- a/samples/react-side-panel/assets/sample.json +++ b/samples/react-side-panel/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-side-panel","version":null,"source":"pnp","title":"Side Panel Client-Side Web Part","shortDescription":"The web part illustrates creation and usage of Side Panel (Sidebar) control.","longDescription":["The web part illustrates creation and usage of Side Panel (Sidebar) control."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-side-panel/assets/side-panel.gif","alt":"Side Panel Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-side-panel", + "source": "pnp", + "title": "Side Panel Client-Side Web Part", + "shortDescription": "The web part illustrates creation and usage of Side Panel (Sidebar) control.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-side-panel", + "longDescription": [ + "The web part illustrates creation and usage of Side Panel (Sidebar) control." + ], + "created": "2017-05-11", + "modified": "2017-05-11", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-side-panel/assets/side-panel.gif", + "alt": "Side Panel Client-Side Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-site-information/assets/sample.json b/samples/react-site-information/assets/sample.json index 50ce463e1..e0fbafdec 100644 --- a/samples/react-site-information/assets/sample.json +++ b/samples/react-site-information/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-site-information","version":null,"source":"pnp","title":"Site Information","shortDescription":"This web part provides you the ability to collect and present additional metadata on a web page for group associated team sites. The web part may be configured to display site title, a site contacts powered by a people picker, and a term from the term store, often used to provide classification for the site.","longDescription":["This web part provides you the ability to collect and present additional metadata on a web page for group associated team sites. The web part may be configured to display site title, a site contacts powered by a people picker, and a term from the term store, often used to provide classification for the site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-site-information.gif","alt":"Site Information","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-site-information", + "source": "pnp", + "title": "Site Information", + "shortDescription": "This web part provides you the ability to collect and present additional metadata on a web page for group associated team sites. The web part may be configured to display site title, a site contacts powered by a people picker, and a term from the term store, often used to provide classification for the site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-site-information", + "longDescription": [ + "This web part provides you the ability to collect and present additional metadata on a web page for group associated team sites. The web part may be configured to display site title, a site contacts powered by a people picker, and a term from the term store, often used to provide classification for the site." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-site-information.gif", + "alt": "Site Information" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-site-provisioning-manager/assets/sample.json b/samples/react-site-provisioning-manager/assets/sample.json index c319b0cc2..711320735 100644 --- a/samples/react-site-provisioning-manager/assets/sample.json +++ b/samples/react-site-provisioning-manager/assets/sample.json @@ -1 +1,70 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-site-provisioning-manager","version":null,"source":"pnp","title":"Site Provisioning Manager Web Part","shortDescription":"This sample shows how you can manage site provisioning by calling Azure functions.","longDescription":["This sample shows how you can manage site provisioning by calling Azure functions."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-site-provisioning-manager/assets/screenshot.gif","alt":"Site Provisioning Manager Web Part","slides":null}],"authors":[{"gitHubAccount":"AhmadiRamin","company":"","pictureUrl":"https://github.com/AhmadiRamin.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-site-provisioning-manager", + "source": "pnp", + "title": "Site Provisioning Manager Web Part", + "shortDescription": "This sample shows how you can manage site provisioning by calling Azure functions.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-site-provisioning-manager", + "longDescription": [ + "This sample shows how you can manage site provisioning by calling Azure functions." + ], + "created": "2019-08-14", + "modified": "2019-08-14", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-site-provisioning-manager/assets/screenshot.gif", + "alt": "Site Provisioning Manager Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-site-provisioning-manager/assets/api-permissions.png?raw=true", + "alt": "Site Provisioning Manager Web Part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-site-provisioning-manager/assets/functions-CORS-settings.PNG?raw=true", + "alt": "Site Provisioning Manager Web Part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-site-provisioning-manager/assets/functions-visual-studio-publish-profile.png?raw=true", + "alt": "Site Provisioning Manager Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "AhmadiRamin", + "company": "Content and Cloud", + "pictureUrl": "https://github.com/AhmadiRamin.png", + "name": "Ramin Ahmadi", + "twitter": "raminahmadi1986" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-sitepages-metadata/assets/sample.json b/samples/react-sitepages-metadata/assets/sample.json index a78068fbc..cd6f8b01e 100644 --- a/samples/react-sitepages-metadata/assets/sample.json +++ b/samples/react-sitepages-metadata/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-sitepages-metadata","version":null,"source":"pnp","title":"Sitepages Metadata","shortDescription":"Solution provides an enhancement to SitePages library that enables updating existing items with metadata, and a rollup Web Part to display them.","longDescription":["Solution provides an enhancement to SitePages library that enables updating existing items with metadata, and a rollup Web Part to display them."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-sitepages-metadata/assets/demo-wp.gif","alt":"Sitepages Metadata","slides":null}],"authors":[{"gitHubAccount":"olegrumiancev","company":"","pictureUrl":"https://github.com/olegrumiancev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-sitepages-metadata", + "source": "pnp", + "title": "Sitepages Metadata", + "shortDescription": "Solution provides an enhancement to SitePages library that enables updating existing items with metadata, and a rollup Web Part to display them.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-sitepages-metadata", + "longDescription": [ + "Solution provides an enhancement to SitePages library that enables updating existing items with metadata, and a rollup Web Part to display them." + ], + "created": "2018-04-17", + "modified": "2018-04-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-sitepages-metadata/assets/demo-wp.gif", + "alt": "Sitepages Metadata" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-sitepages-metadata/assets/demo-commandset.gif?raw=true", + "alt": "Sitepages Metadata" + } + ], + "authors": [ + { + "gitHubAccount": "olegrumiancev", + "company": "", + "pictureUrl": "https://github.com/olegrumiancev.png", + "name": "Oleg Rumiancev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-sites-selected-admin/assets/sample.json b/samples/react-sites-selected-admin/assets/sample.json new file mode 100644 index 000000000..910ace4f3 --- /dev/null +++ b/samples/react-sites-selected-admin/assets/sample.json @@ -0,0 +1,70 @@ +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-sites-selected-admin", + "source": "pnp", + "title": "Sites Selected Admin", + "shortDescription": "The web part lets you manage your Azure AD applications that have the Sites Selected Api permission. With this web part you\u0027ll get an UI for managing what app can connect to which site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-sites-selected-admin", + "longDescription": [ + "The web part lets you manage your Azure AD applications that have the Sites Selected Api permission. With this web part you\u0027ll get an UI for managing what app can connect to which site." + ], + "created": "2021-03-08", + "modified": "2021-03-08", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-sites-selected-admin/assets/sites-manager-demo.gif", + "alt": "Sites Selected Admin" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-sites-selected-admin/assets/aad-appreg.png?raw=true", + "alt": "Sites Selected Admin" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-sites-selected-admin/assets/api-access-page.png?raw=true", + "alt": "Sites Selected Admin" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-sites-selected-admin/assets/vsDemo.gif?raw=true", + "alt": "Sites Selected Admin" + } + ], + "authors": [ + { + "gitHubAccount": "fthorild", + "company": "Sogeti Sweden", + "pictureUrl": "https://github.com/fthorild.png", + "name": "Fredrik Thorild", + "twitter": "taxonomythorild" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-skype-status/assets/sample.json b/samples/react-skype-status/assets/sample.json index fc7ccdc42..b01446a9f 100644 --- a/samples/react-skype-status/assets/sample.json +++ b/samples/react-skype-status/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-skype-status","version":null,"source":"pnp","title":"Skype Status Web Part","shortDescription":"This sample demonstrates how to use the UCWA JS SDK for skype with the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation","longDescription":["This sample demonstrates how to use the UCWA JS SDK for skype with the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-skype-status/images/demo.gif","alt":"Skype Status Web Part","slides":null}],"authors":[{"gitHubAccount":"baywet","company":"","pictureUrl":"https://github.com/baywet.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-skype-status", + "source": "pnp", + "title": "Skype Status Web Part", + "shortDescription": "This sample demonstrates how to use the UCWA JS SDK for skype with 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/react-skype-status", + "longDescription": [ + "This sample demonstrates how to use the UCWA JS SDK for skype with the SharePoint Framework. It shows how to subscribe to status change of the different people of the organization but you can get much more information, checkout the documentation" + ], + "created": "2019-03-27", + "modified": "2019-03-27", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-skype-status/images/demo.gif", + "alt": "Skype Status Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "baywet", + "company": "Microsoft", + "pictureUrl": "https://github.com/baywet.png", + "name": "Vincent Biret", + "twitter": "baywet" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-slide-swiper/assets/sample.json b/samples/react-slide-swiper/assets/sample.json index b0bc2aeb8..70f0c34c6 100644 --- a/samples/react-slide-swiper/assets/sample.json +++ b/samples/react-slide-swiper/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-slide-swiper","version":null,"source":"pnp","title":"Slide Swiper","shortDescription":"This SPFx React web part sample demonstrates mobile touch slide swiper. By default the swiper web part is responsive, has cross device and browser touch support and uses paging, but additional features like navigation, autoplay, loop of the slides and more can be enabled from the web part properties panel. The swiper web part can be used as carousel as well. The slides or cards template can easily be customized. The SPFx React swiper client side solution can easly be extended with more swiper, carousel like features because it is based on a popular feature rich JavaScript library called Swiper.","longDescription":["This SPFx React web part sample demonstrates mobile touch slide swiper. By default the swiper web part is responsive, has cross device and browser touch support and uses paging, but additional features like navigation, autoplay, loop of the slides and more can be enabled from the web part properties panel. The swiper web part can be used as carousel as well. The slides or cards template can easily be customized. The SPFx React swiper client side solution can easly be extended with more swiper, carousel like features because it is based on a popular feature rich JavaScript library called Swiper."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-slide-swiper/assets/SPFx-React-Slider-Swiper.gif","alt":"Slide Swiper","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-slide-swiper", + "source": "pnp", + "title": "Slide Swiper", + "shortDescription": "This SPFx React web part sample demonstrates mobile touch slide swiper. By default the swiper web part is responsive, has cross device and browser touch support and uses paging, but additional features like navigation, autoplay, loop of the slides and more can be enabled from the web part properties panel. The swiper web part can be used as carousel as well. The slides or cards template can easily be customized. The SPFx React swiper client side solution can easly be extended with more swiper, carousel like features because it is based on a popular feature rich JavaScript library called Swiper.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-slide-swiper", + "longDescription": [ + "This SPFx React web part sample demonstrates mobile touch slide swiper. By default the swiper web part is responsive, has cross device and browser touch support and uses paging, but additional features like navigation, autoplay, loop of the slides and more can be enabled from the web part properties panel. The swiper web part can be used as carousel as well. The slides or cards template can easily be customized. The SPFx React swiper client side solution can easly be extended with more swiper, carousel like features because it is based on a popular feature rich JavaScript library called Swiper." + ], + "created": "2019-11-01", + "modified": "2019-11-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-slide-swiper/assets/SPFx-React-Slider-Swiper.gif", + "alt": "Slide Swiper" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-smart-profile-photo-editor/assets/sample.json b/samples/react-smart-profile-photo-editor/assets/sample.json index a4b1c8987..457a6cf58 100644 --- a/samples/react-smart-profile-photo-editor/assets/sample.json +++ b/samples/react-smart-profile-photo-editor/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-smart-profile-photo-editor","version":null,"source":"pnp","title":"Smart Profile Photo Editor","shortDescription":"Uses Azure Cognitive Services to analyze and approve or reject user-submitted photos.","longDescription":["Uses Azure Cognitive Services to analyze and approve or reject user-submitted photos."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-smart-profile-photo-editor/assets/WebPartPreview.gif","alt":"Smart Profile Photo Editor","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-smart-profile-photo-editor", + "source": "pnp", + "title": "Smart Profile Photo Editor", + "shortDescription": "Uses Azure Cognitive Services to analyze and approve or reject user-submitted photos.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-smart-profile-photo-editor", + "longDescription": [ + "Uses Azure Cognitive Services to analyze and approve or reject user-submitted photos." + ], + "created": "2020-08-12", + "modified": "2020-08-12", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-smart-profile-photo-editor/assets/WebPartPreview.gif", + "alt": "Smart Profile Photo Editor" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-soccer-highlights/assets/sample.json b/samples/react-soccer-highlights/assets/sample.json index 782a776b3..7aa0f4eed 100644 --- a/samples/react-soccer-highlights/assets/sample.json +++ b/samples/react-soccer-highlights/assets/sample.json @@ -1 +1,64 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-soccer-highlights","version":null,"source":"pnp","title":"Soccer Highlights","shortDescription":"This react web part sample displays Soccer Highlights from a public Soccer API.","longDescription":["This react web part sample displays Soccer Highlights from a public Soccer API."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-soccer-highlights/assets/SoccerHighlightsV1.png","alt":"Soccer Highlights","slides":null}],"authors":[{"gitHubAccount":"jerryyasir","company":"","pictureUrl":"https://github.com/jerryyasir.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-soccer-highlights", + "source": "pnp", + "title": "Soccer Highlights", + "shortDescription": "This react web part sample displays Soccer Highlights from a public Soccer API.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-soccer-highlights", + "longDescription": [ + "This react web part sample displays Soccer Highlights from a public Soccer API." + ], + "created": "2020-10-30", + "modified": "2020-10-30", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-soccer-highlights/assets/SoccerHighlightsV1.png", + "alt": "Soccer Highlights" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-soccer-highlights/assets/SoccerHighlights.gif?raw=true", + "alt": "Soccer Highlights" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-soccer-highlights/assets/SoccerHighlights.png?raw=true", + "alt": "Soccer Highlights" + } + ], + "authors": [ + { + "gitHubAccount": "jerryyasir", + "company": "DXC Technology", + "pictureUrl": "https://github.com/jerryyasir.png", + "name": "Jerry Yasir", + "twitter": "jerryyasir" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-sp-elevatedprivileges/assets/sample.json b/samples/react-sp-elevatedprivileges/assets/sample.json index 6c32ea138..a415c5e41 100644 --- a/samples/react-sp-elevatedprivileges/assets/sample.json +++ b/samples/react-sp-elevatedprivileges/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-sp-elevatedprivileges","version":null,"source":"pnp","title":"Communicate using elevated privileges with SharePoint","shortDescription":"Sample SharePoint Framework client-side web part illustrating communication with SharePoint using elevated privileges through a custom Web API.","longDescription":["Sample SharePoint Framework client-side web part illustrating communication with SharePoint using elevated privileges through a custom Web API."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"drop4"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-sp-elevatedprivileges/assets/preview.png","alt":"Communicate using elevated privileges with SharePoint","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-sp-elevatedprivileges", + "source": "pnp", + "title": "Communicate using elevated privileges with SharePoint", + "shortDescription": "Sample SharePoint Framework client-side web part illustrating communication with SharePoint using elevated privileges through a custom Web API.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-sp-elevatedprivileges", + "longDescription": [ + "Sample SharePoint Framework client-side web part illustrating communication with SharePoint using elevated privileges through a custom Web API." + ], + "created": "2016-10-12", + "modified": "2016-10-12", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "drop4" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-sp-elevatedprivileges/assets/preview.png", + "alt": "Communicate using elevated privileges with SharePoint" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-sp-pnp-js-property-decorators/assets/sample.json b/samples/react-sp-pnp-js-property-decorators/assets/sample.json index 27ac21ef2..25385cb88 100644 --- a/samples/react-sp-pnp-js-property-decorators/assets/sample.json +++ b/samples/react-sp-pnp-js-property-decorators/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-sp-pnp-js-property-decorators","version":null,"source":"pnp","title":"Using PnP JS Core custom objects with @select and @expand decorators","shortDescription":"This web part demonstrates how to use PnP JS Core Custom Objects with @select and @expand TypeScript decorators.","longDescription":["This web part demonstrates how to use PnP JS Core Custom Objects with @select and @expand TypeScript decorators."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png","alt":"Using PnP JS Core custom objects with @select and @expand decorators","slides":null}],"authors":[{"gitHubAccount":"jquinzamora","company":"","pictureUrl":"https://github.com/jquinzamora.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-sp-pnp-js-property-decorators", + "source": "pnp", + "title": "Using PnP JS Core custom objects with @select and @expand decorators", + "shortDescription": "This web part demonstrates how to use PnP JS Core Custom Objects with @select and @expand TypeScript decorators.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-sp-pnp-js-property-decorators", + "longDescription": [ + "This web part demonstrates how to use PnP JS Core Custom Objects with @select and @expand TypeScript decorators." + ], + "created": "2017-07-02", + "modified": "2017-07-02", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png", + "alt": "Using PnP JS Core custom objects with @select and @expand decorators" + } + ], + "authors": [ + { + "gitHubAccount": "jquinzamora", + "company": "", + "pictureUrl": "https://github.com/jquinzamora.png", + "name": "Jose Quinto" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-sp-site-user-groups/assets/sample.json b/samples/react-sp-site-user-groups/assets/sample.json index cdc1f94ba..fed7e0adc 100644 --- a/samples/react-sp-site-user-groups/assets/sample.json +++ b/samples/react-sp-site-user-groups/assets/sample.json @@ -1 +1,64 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-sp-site-user-groups","version":null,"source":"pnp","title":"Site User and Group Information","shortDescription":"Looks up the SharePoint site user/group ids related to a user. Azure AD groups that the user belongs to, and which are known to the SharePoint site, are also displayed.","longDescription":["Looks up the SharePoint site user/group ids related to a user. Azure AD groups that the user belongs to, and which are known to the SharePoint site, are also displayed."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-sp-site-user-groups/assets/screen1.png","alt":"Site User and Group Information","slides":null}],"authors":[{"gitHubAccount":"danwatford","company":"","pictureUrl":"https://github.com/danwatford.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-sp-site-user-groups", + "source": "pnp", + "title": "Site User and Group Information", + "shortDescription": "Looks up the SharePoint site user/group ids related to a user. Azure AD groups that the user belongs to, and which are known to the SharePoint site, are also displayed.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-sp-site-user-groups", + "longDescription": [ + "Looks up the SharePoint site user/group ids related to a user. Azure AD groups that the user belongs to, and which are known to the SharePoint site, are also displayed." + ], + "created": "2020-09-08", + "modified": "2020-09-08", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-sp-site-user-groups/assets/screen1.png", + "alt": "Site User and Group Information" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-sp-site-user-groups/assets/screen2.png?raw=true", + "alt": "Site User and Group Information" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-sp-site-user-groups/assets/screen3.png?raw=true", + "alt": "Site User and Group Information" + } + ], + "authors": [ + { + "gitHubAccount": "danwatford", + "company": "Watford Consulting Ltd.", + "pictureUrl": "https://avatars.githubusercontent.com/u/5949502?s=460\u0026u=01688c475aa5c94da6a292473ff80ffe1a7975cb\u0026v=4", + "name": "Daniel Watford", + "twitter": "DanWatford" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-spupsproperty-sync/assets/sample.json b/samples/react-spupsproperty-sync/assets/sample.json index f8bd20fe7..4a12d49b1 100644 --- a/samples/react-spupsproperty-sync/assets/sample.json +++ b/samples/react-spupsproperty-sync/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-spupsproperty-sync","version":null,"source":"pnp","title":"SPUPS Property Sync","shortDescription":"This component will help the administrators who are currently maintaining the user profiles in their organization.","longDescription":["This component will help the administrators who are currently maintaining the user profiles in their organization."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-spupsproperty-sync/assets/SPUPS-Sync.gif","alt":"SPUPS Property Sync","slides":null}],"authors":[{"gitHubAccount":"sudharsank","company":"","pictureUrl":"https://github.com/sudharsank.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-spupsproperty-sync", + "source": "pnp", + "title": "SPUPS Property Sync", + "shortDescription": "This component will help the administrators who are currently maintaining the user profiles in their organization.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-spupsproperty-sync", + "longDescription": [ + "This component will help the administrators who are currently maintaining the user profiles in their organization." + ], + "created": "2020-04-23", + "modified": "2020-04-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-FULLPAGEAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-spupsproperty-sync/assets/SPUPS-Sync.gif", + "alt": "SPUPS Property Sync" + } + ], + "authors": [ + { + "gitHubAccount": "sudharsank", + "company": "NTT Digital Business Solutions", + "pictureUrl": "https://github.com/sudharsank.png", + "name": "Sudharsan Kesavanarayanan", + "twitter": "sudharsank" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Using single part app pages in SharePoint Online", + "description": "Single part app pages provide a capability to host SharePoint Framework web parts or Microsoft Teams applications in SharePoint Online with a locked layout. End users cannot modify or configure the page that is using the Single Part App Page layout.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/single-part-app-pages?tabs=pnpposh" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-staffdirectory/assets/sample.json b/samples/react-staffdirectory/assets/sample.json new file mode 100644 index 000000000..f7d607e8f --- /dev/null +++ b/samples/react-staffdirectory/assets/sample.json @@ -0,0 +1,86 @@ +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-staffdirectory", + "source": "pnp", + "title": "Staff Directory", + "shortDescription": "This web part shows the current user\u0027s colleagues, and allows the user to search AD directory, The user can configure the properties to show when expand the user card.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-staffdirectory", + "longDescription": [ + "This web part shows the current user\u0027s colleagues, and allows the user to search AD directory, The user can configure the properties to show when expand the user card." + ], + "created": "2021-03-09", + "modified": "2021-03-09", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-staffdirectory/assets/staffdirectory.gif", + "alt": "Staff Directory" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-staffdirectory/assets/staffTeams01.png?raw=true", + "alt": "Staff Directory" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-staffdirectory/assets/staffTeams02.png?raw=true", + "alt": "Staff Directory" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-stock-information/assets/sample.json b/samples/react-stock-information/assets/sample.json index 444aea760..707ec1c25 100644 --- a/samples/react-stock-information/assets/sample.json +++ b/samples/react-stock-information/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-stock-information","version":null,"source":"pnp","title":"Stock Information","shortDescription":"This web part provides you the ability to display basic stock information for one publicly traded stock on a web page. The web part may be configured to display a stock based on stock symbol as well as be set to automatically refresh the stock information every 60 (sixty) seconds.","longDescription":["This web part provides you the ability to display basic stock information for one publicly traded stock on a web page. The web part may be configured to display a stock based on stock symbol as well as be set to automatically refresh the stock information every 60 (sixty) seconds."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-stock.gif","alt":"Stock Information","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-stock-information", + "source": "pnp", + "title": "Stock Information", + "shortDescription": "This web part provides you the ability to display basic stock information for one publicly traded stock on a web page. The web part may be configured to display a stock based on stock symbol as well as be set to automatically refresh the stock information every 60 (sixty) seconds.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-stock-information", + "longDescription": [ + "This web part provides you the ability to display basic stock information for one publicly traded stock on a web page. The web part may be configured to display a stock based on stock symbol as well as be set to automatically refresh the stock information every 60 (sixty) seconds." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-stock.gif", + "alt": "Stock Information" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-tailwindcss/assets/sample.json b/samples/react-tailwindcss/assets/sample.json index 22e63915f..725f768a4 100644 --- a/samples/react-tailwindcss/assets/sample.json +++ b/samples/react-tailwindcss/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-tailwindcss","version":null,"source":"pnp","title":"Tailwind CSS","shortDescription":"This project shows how to integrate Tailwind CSS framework into a SPFx React project.","longDescription":["This project shows how to integrate Tailwind CSS framework into a SPFx React project."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-tailwindcss/assets/react-tailwindcss-overview.gif","alt":"Tailwind CSS","slides":null}],"authors":[{"gitHubAccount":"fabiofranzini","company":"","pictureUrl":"https://github.com/fabiofranzini.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-tailwindcss", + "source": "pnp", + "title": "Tailwind CSS", + "shortDescription": "This project shows how to integrate Tailwind CSS framework into a SPFx React project.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-tailwindcss", + "longDescription": [ + "This project shows how to integrate Tailwind CSS framework into a SPFx React project." + ], + "created": "2020-10-17", + "modified": "2020-10-17", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-tailwindcss/assets/react-tailwindcss-overview.gif", + "alt": "Tailwind CSS" + } + ], + "authors": [ + { + "gitHubAccount": "fabiofranzini", + "company": "", + "pictureUrl": "https://github.com/fabiofranzini.png", + "name": "Fabio Franzini", + "twitter": "franzinifabio" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-target-audience/assets/sample.json b/samples/react-target-audience/assets/sample.json index 0714278fb..d2ec86964 100644 --- a/samples/react-target-audience/assets/sample.json +++ b/samples/react-target-audience/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-target-audience","version":null,"source":"pnp","title":"Target audience","shortDescription":"Sample web part which uses a Generic React Component which enables it to have Target Audience functionality like what was available in classic web parts. Targets SharePoint Groups only within the site.","longDescription":["Sample web part which uses a Generic React Component which enables it to have Target Audience functionality like what was available in classic web parts. Targets SharePoint Groups only within the site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-target-audience/assets/audience.gif","alt":"Target audience","slides":null}],"authors":[{"gitHubAccount":"rabwill","company":"","pictureUrl":"https://github.com/rabwill.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-target-audience", + "source": "pnp", + "title": "Target audience", + "shortDescription": "Sample web part which uses a Generic React Component which enables it to have Target Audience functionality like what was available in classic web parts. Targets SharePoint Groups only within the site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-target-audience", + "longDescription": [ + "Sample web part which uses a Generic React Component which enables it to have Target Audience functionality like what was available in classic web parts. Targets SharePoint Groups only within the site." + ], + "created": "2020-01-28", + "modified": "2020-01-28", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-target-audience/assets/audience.gif", + "alt": "Target audience" + } + ], + "authors": [ + { + "gitHubAccount": "rabwill", + "company": "Microsoft", + "pictureUrl": "https://github.com/rabwill.png", + "name": "Rabia Williams", + "twitter": "williamsrabia" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-taxonomypicker-panel/assets/sample.json b/samples/react-taxonomypicker-panel/assets/sample.json index d6fc8d107..0ae593f80 100644 --- a/samples/react-taxonomypicker-panel/assets/sample.json +++ b/samples/react-taxonomypicker-panel/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-taxonomypicker-panel","version":null,"source":"pnp","title":"Taxonomy picker using Office UI Fabric Panel","shortDescription":"Sample web part with Single and Multi-select taxonomy pickers using Office UI Fabric panel. The web part uses the Taxonomy API support available in the @pnp/taxonomy.","longDescription":["Sample web part with Single and Multi-select taxonomy pickers using Office UI Fabric panel. The web part uses the Taxonomy API support available in the @pnp/taxonomy."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.5.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-taxonomypicker-panel/assets/TaxonomyPicker.gif?raw=true","alt":"Taxonomy picker using Office UI Fabric Panel","slides":null}],"authors":[{"gitHubAccount":"vipulkelkar","company":"","pictureUrl":"https://github.com/vipulkelkar.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-taxonomypicker-panel", + "source": "pnp", + "title": "Taxonomy picker using Office UI Fabric Panel", + "shortDescription": "Sample web part with Single and Multi-select taxonomy pickers using Office UI Fabric panel. The web part uses the Taxonomy API support available in the @pnp/taxonomy.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-taxonomypicker-panel", + "longDescription": [ + "Sample web part with Single and Multi-select taxonomy pickers using Office UI Fabric panel. The web part uses the Taxonomy API support available in the @pnp/taxonomy." + ], + "created": "2018-07-20", + "modified": "2018-07-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.5.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-taxonomypicker-panel/assets/TaxonomyPicker.gif?raw=true", + "alt": "Taxonomy picker using Office UI Fabric Panel" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-taxonomypicker-panel/assets/TaxonomyPicker.gif?raw=true", + "alt": "Taxonomy picker using Office UI Fabric Panel" + } + ], + "authors": [ + { + "gitHubAccount": "vipulkelkar", + "company": "Rapid Circle", + "pictureUrl": "https://github.com/vipulkelkar.png", + "name": "Vipul Kelkar" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-taxonomypicker/assets/sample.json b/samples/react-taxonomypicker/assets/sample.json index 756c65b3d..12ec215e5 100644 --- a/samples/react-taxonomypicker/assets/sample.json +++ b/samples/react-taxonomypicker/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-taxonomypicker","version":null,"source":"pnp","title":"Taxonomy Picker","shortDescription":"A Taxonomy Picker control built with React based on react-taxonomypicker for use with SharePoint Framework client-side web parts (SPFx).","longDescription":["A Taxonomy Picker control built with React based on react-taxonomypicker for use with SharePoint Framework client-side web parts (SPFx)."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-taxonomypicker/assets/react-taxonomy-picker-spfx.gif","alt":"Taxonomy Picker","slides":null}],"authors":[{"gitHubAccount":"jquinzamora","company":"","pictureUrl":"https://github.com/jquinzamora.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-taxonomypicker", + "source": "pnp", + "title": "Taxonomy Picker", + "shortDescription": "A Taxonomy Picker control built with React based on react-taxonomypicker for use with SharePoint Framework client-side web parts (SPFx).", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-taxonomypicker", + "longDescription": [ + "A Taxonomy Picker control built with React based on react-taxonomypicker for use with SharePoint Framework client-side web parts (SPFx)." + ], + "created": "2017-04-14", + "modified": "2017-04-14", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-taxonomypicker/assets/react-taxonomy-picker-spfx.gif", + "alt": "Taxonomy Picker" + } + ], + "authors": [ + { + "gitHubAccount": "jquinzamora", + "company": "", + "pictureUrl": "https://github.com/jquinzamora.png", + "name": "Jose Quinto" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-team-creator/assets/sample.json b/samples/react-team-creator/assets/sample.json index 4a0eff7ba..e4688cf3a 100644 --- a/samples/react-team-creator/assets/sample.json +++ b/samples/react-team-creator/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-team-creator","version":null,"source":"pnp","title":"Teams Creator Web Part","shortDescription":"The web part illustrates usage of MS Graph beta APIs to work with Teams","longDescription":["The web part illustrates usage of MS Graph beta APIs to work with Teams"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-team-creator/assets/teams-creator.png","alt":"Teams Creator Web Part","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-team-creator", + "source": "pnp", + "title": "Teams Creator Web Part", + "shortDescription": "The web part illustrates usage of MS Graph beta APIs to work with Teams", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-team-creator", + "longDescription": [ + "The web part illustrates usage of MS Graph beta APIs to work with Teams" + ], + "created": "2018-11-19", + "modified": "2018-11-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-team-creator/assets/teams-creator.png", + "alt": "Teams Creator Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-configure-tab/assets/sample.json b/samples/react-teams-configure-tab/assets/sample.json index 00de131df..af6f9d24b 100644 --- a/samples/react-teams-configure-tab/assets/sample.json +++ b/samples/react-teams-configure-tab/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-teams-configure-tab","version":null,"source":"pnp","title":"Teams Configuration Tab","shortDescription":"This web part makes a modern SharePoint page into a Teams tab configuration page for use in a Teams application. This allows low-code developers to create Teams applications containing configurable tabs without the need to code a custom configuration page. Using this tool, along with Microsoft Teams App Studio, low-code developers can build Teams applications entirely from modern SharePoint pages.","longDescription":["This web part makes a modern SharePoint page into a Teams tab configuration page for use in a Teams application. This allows low-code developers to create Teams applications containing configurable tabs without the need to code a custom configuration page. Using this tool, along with Microsoft Teams App Studio, low-code developers can build Teams applications entirely from modern SharePoint pages."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-configure-tab/documentation/images/SPTabAppStudioTeamsTab006.png","alt":"Teams Configuration Tab","slides":null}],"authors":[{"gitHubAccount":"BobGerman","company":"","pictureUrl":"https://github.com/BobGerman.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-configure-tab", + "source": "pnp", + "title": "Teams Configuration Tab", + "shortDescription": "This web part makes a modern SharePoint page into a Teams tab configuration page for use in a Teams application. This allows low-code developers to create Teams applications containing configurable tabs without the need to code a custom configuration page. Using this tool, along with Microsoft Teams App Studio, low-code developers can build Teams applications entirely from modern SharePoint pages.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-configure-tab", + "longDescription": [ + "This web part makes a modern SharePoint page into a Teams tab configuration page for use in a Teams application. This allows low-code developers to create Teams applications containing configurable tabs without the need to code a custom configuration page. Using this tool, along with Microsoft Teams App Studio, low-code developers can build Teams applications entirely from modern SharePoint pages." + ], + "created": "2020-01-06", + "modified": "2020-01-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-configure-tab/documentation/images/SPTabAppStudioTeamsTab006.png", + "alt": "Teams Configuration Tab" + } + ], + "authors": [ + { + "gitHubAccount": "BobGerman", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/4664072?s=460\u0026u=29310fd67417ec5f81dc8881dc6eb5dc0065da2d\u0026v=4", + "name": "Bob German", + "twitter": "Bob1German" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-message-user/assets/sample.json b/samples/react-teams-message-user/assets/sample.json new file mode 100644 index 000000000..044c9ea21 --- /dev/null +++ b/samples/react-teams-message-user/assets/sample.json @@ -0,0 +1,57 @@ +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-message-user", + "source": "pnp", + "title": "Message Teams User", + "shortDescription": "Sample that shows how to send a message to Microsoft Teams using a SharePoint framework solution using Microsoft Graph.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-message-user", + "longDescription": [ + "Sample that shows how to send a message to Microsoft Teams using a SharePoint framework solution using Microsoft Graph." + ], + "created": "2021-02-28", + "modified": "2021-02-28", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-message-user/assets/webPart-preview.png", + "alt": "Message Teams User" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-teams-message-user/assets/MessageTeams.gif?raw=true", + "alt": "Message Teams User" + } + ], + "authors": [ + { + "gitHubAccount": "DRamalho92", + "company": "Storm Technology", + "pictureUrl": "https://github.com/DRamalho92.png", + "name": "David Ramalho" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-message/assets/sample.json b/samples/react-teams-message/assets/sample.json index 2c43afbbe..1aed4e08e 100644 --- a/samples/react-teams-message/assets/sample.json +++ b/samples/react-teams-message/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-teams-message","version":null,"source":"pnp","title":"React Teams Messages","shortDescription":"This is a sample web part that displays currently logged in user\u0027s Microsoft Teams(user is member of), its channels and will allow sending messages to any Team\u0027s channel.","longDescription":["This is a sample web part that displays currently logged in user\u0027s Microsoft Teams(user is member of), its channels and will allow sending messages to any Team\u0027s channel."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-message/assets/myteamsmessage.gif","alt":"React Teams Messages","slides":null}],"authors":[{"gitHubAccount":"siddharth-vaghasia","company":"","pictureUrl":"https://github.com/siddharth-vaghasia.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-message", + "source": "pnp", + "title": "React Teams Messages", + "shortDescription": "This is a sample web part that displays currently logged in user\u0027s Microsoft Teams(user is member of), its channels and will allow sending messages to any Team\u0027s channel.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-message", + "longDescription": [ + "This is a sample web part that displays currently logged in user\u0027s Microsoft Teams(user is member of), its channels and will allow sending messages to any Team\u0027s channel." + ], + "created": "2020-05-23", + "modified": "2020-05-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-message/assets/myteamsmessage.gif", + "alt": "React Teams Messages" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-teams-message/assets/webpartproperties.jpg?raw=true", + "alt": "React Teams Messages" + } + ], + "authors": [ + { + "gitHubAccount": "siddharth-vaghasia", + "company": "", + "pictureUrl": "https://github.com/siddharth-vaghasia.png", + "name": "Siddharth Vaghasia" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-personal-app-settings/assets/sample.json b/samples/react-teams-personal-app-settings/assets/sample.json index de888653a..906ee05d1 100644 --- a/samples/react-teams-personal-app-settings/assets/sample.json +++ b/samples/react-teams-personal-app-settings/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-teams-personal-app-settings","version":null,"source":"pnp","title":"Teams Personal App Settings Web Part","shortDescription":"Demonstrates how you can store Teams Personal App Web Part\u0027s properties in user\u0027s OneDrive.","longDescription":["Demonstrates how you can store Teams Personal App Web Part\u0027s properties in user\u0027s OneDrive."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-personal-app-settings/assets/teams-personal-app-settings.png","alt":"Teams Personal App Settings Web Part","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-personal-app-settings", + "source": "pnp", + "title": "Teams Personal App Settings Web Part", + "shortDescription": "Demonstrates how you can store Teams Personal App Web Part\u0027s properties in user\u0027s OneDrive.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-personal-app-settings", + "longDescription": [ + "Demonstrates how you can store Teams Personal App Web Part\u0027s properties in user\u0027s OneDrive." + ], + "created": "2020-04-24", + "modified": "2020-04-24", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-personal-app-settings/assets/teams-personal-app-settings.png", + "alt": "Teams Personal App Settings Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-send-notification/assets/sample.json b/samples/react-teams-send-notification/assets/sample.json index b714a107b..04696a3c8 100644 --- a/samples/react-teams-send-notification/assets/sample.json +++ b/samples/react-teams-send-notification/assets/sample.json @@ -1 +1,60 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-teams-send-notification","version":null,"source":"pnp","title":"Send Notifications in Teams","shortDescription":"This web part allows you to send MS Teams feed notifications to a selected user","longDescription":["This web part allows you to send MS Teams feed notifications to a selected user"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-send-notification/assets/teams-notification-sender.gif","alt":"Send Notifications in Teams","slides":null}],"authors":[{"gitHubAccount":"luismanez","company":"","pictureUrl":"https://github.com/luismanez.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-send-notification", + "source": "pnp", + "title": "Send Notifications in Teams", + "shortDescription": "This web part allows you to send MS Teams feed notifications to a selected user", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-send-notification", + "longDescription": [ + "This web part allows you to send MS Teams feed notifications to a selected user" + ], + "created": "2020-12-04", + "modified": "2020-12-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-send-notification/assets/teams-notification-sender.gif", + "alt": "Send Notifications in Teams" + } + ], + "authors": [ + { + "gitHubAccount": "luismanez", + "company": "ClearPeople", + "pictureUrl": "https://github.com/luismanez.png", + "name": "Luis Ma\u00F1ez" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-tab-field-visit-mashup/assets/sample.json b/samples/react-teams-tab-field-visit-mashup/assets/sample.json index 454a8f438..ce24d188e 100644 --- a/samples/react-teams-tab-field-visit-mashup/assets/sample.json +++ b/samples/react-teams-tab-field-visit-mashup/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-teams-tab-field-visit-mashup","version":null,"source":"pnp","title":"Teams Tab - Field Visit Demo (Mashup)","shortDescription":"A web part for use in Microsoft Teams that displays a mashup of information partaining to customer visits.","longDescription":["A web part for use in Microsoft Teams that displays a mashup of information partaining to customer visits."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-tab-field-visit-mashup/documentation/FieldVisitDemo.png","alt":"Teams Tab - Field Visit Demo (Mashup)","slides":null}],"authors":[{"gitHubAccount":"BobGerman","company":"","pictureUrl":"https://github.com/BobGerman.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-tab-field-visit-mashup", + "source": "pnp", + "title": "Teams Tab - Field Visit Demo (Mashup)", + "shortDescription": "A web part for use in Microsoft Teams that displays a mashup of information partaining to customer visits.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-tab-field-visit-mashup", + "longDescription": [ + "A web part for use in Microsoft Teams that displays a mashup of information partaining to customer visits." + ], + "created": "2019-04-20", + "modified": "2019-04-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-tab-field-visit-mashup/documentation/FieldVisitDemo.png", + "alt": "Teams Tab - Field Visit Demo (Mashup)" + } + ], + "authors": [ + { + "gitHubAccount": "BobGerman", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/4664072?s=460\u0026u=29310fd67417ec5f81dc8881dc6eb5dc0065da2d\u0026v=4", + "name": "Bob German", + "twitter": "Bob1German" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-tab-suggested-members/assets/sample.json b/samples/react-teams-tab-suggested-members/assets/sample.json index 5ea00b310..613fbce46 100644 --- a/samples/react-teams-tab-suggested-members/assets/sample.json +++ b/samples/react-teams-tab-suggested-members/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-teams-tab-suggested-members","version":null,"source":"pnp","title":"Group members suggestion","shortDescription":"This web part uses Graph API to suggest you members to add to a group (based on People endpoint), so you can easily add those members to the Group / Teams. It can be used as a SharePoint web part or Teams tab","longDescription":["This web part uses Graph API to suggest you members to add to a group (based on People endpoint), so you can easily add those members to the Group / Teams. It can be used as a SharePoint web part or Teams tab"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-tab-suggested-members/assets/SuggestedMembersTeamsTab.jpg","alt":"Group members suggestion","slides":null}],"authors":[{"gitHubAccount":"luismanez","company":"","pictureUrl":"https://github.com/luismanez.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-tab-suggested-members", + "source": "pnp", + "title": "Group members suggestion", + "shortDescription": "This web part uses Graph API to suggest you members to add to a group (based on People endpoint), so you can easily add those members to the Group / Teams. It can be used as a SharePoint web part or Teams tab", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-tab-suggested-members", + "longDescription": [ + "This web part uses Graph API to suggest you members to add to a group (based on People endpoint), so you can easily add those members to the Group / Teams. It can be used as a SharePoint web part or Teams tab" + ], + "created": "2018-11-18", + "modified": "2018-11-18", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-tab-suggested-members/assets/SuggestedMembersTeamsTab.jpg", + "alt": "Group members suggestion" + } + ], + "authors": [ + { + "gitHubAccount": "luismanez", + "company": "ClearPeople", + "pictureUrl": "https://github.com/luismanez.png", + "name": "Luis Ma\u00F1ez" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-tabs-pnpjs/assets/sample.json b/samples/react-teams-tabs-pnpjs/assets/sample.json index 38317ff50..47da22668 100644 --- a/samples/react-teams-tabs-pnpjs/assets/sample.json +++ b/samples/react-teams-tabs-pnpjs/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-teams-tabs-pnpjs","version":null,"source":"pnp","title":"MS Teams Channels and Tabs from Modern Team site","shortDescription":"A SPFx Web Part using @pnp/graph/teams. It shows Channels and Tabs (with link) from a Modern Team Site connected to Microsoft Teams.","longDescription":["A SPFx Web Part using @pnp/graph/teams. It shows Channels and Tabs (with link) from a Modern Team Site connected to Microsoft Teams."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-tabs-pnpjs/assets/react-teams-tabs-pnpjs-webpart-animated.gif","alt":"MS Teams Channels and Tabs from Modern Team site","slides":null}],"authors":[{"gitHubAccount":"fredupstair","company":"","pictureUrl":"https://github.com/fredupstair.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-tabs-pnpjs", + "source": "pnp", + "title": "MS Teams Channels and Tabs from Modern Team site", + "shortDescription": "A SPFx Web Part using @pnp/graph/teams. It shows Channels and Tabs (with link) from a Modern Team Site connected to Microsoft Teams.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-tabs-pnpjs", + "longDescription": [ + "A SPFx Web Part using @pnp/graph/teams. It shows Channels and Tabs (with link) from a Modern Team Site connected to Microsoft Teams." + ], + "created": "2019-10-30", + "modified": "2019-10-30", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-tabs-pnpjs/assets/react-teams-tabs-pnpjs-webpart-animated.gif", + "alt": "MS Teams Channels and Tabs from Modern Team site" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-teams-tabs-pnpjs/assets/react-teams-tabs-pnpjs-webpart.png?raw=true", + "alt": "MS Teams Channels and Tabs from Modern Team site" + } + ], + "authors": [ + { + "gitHubAccount": "fredupstair", + "company": "Avanade Italy", + "pictureUrl": "https://github.com/fredupstair.png", + "name": "Federico Porceddu" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-teams-tagging/assets/sample.json b/samples/react-teams-tagging/assets/sample.json index f0438ebf9..829919fc9 100644 --- a/samples/react-teams-tagging/assets/sample.json +++ b/samples/react-teams-tagging/assets/sample.json @@ -1 +1,60 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-teams-tagging","version":null,"source":"pnp","title":"Tag Teams using a TermSet in SharePoint","shortDescription":"This sample shows how read and update a custom Schema extension in MS Graph to Tag a Team using metadata from a specific TermSet in SharePoint.","longDescription":["This sample shows how read and update a custom Schema extension in MS Graph to Tag a Team using metadata from a specific TermSet in SharePoint."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.8.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-tagging/assets/webpart.JPG","alt":"Tag Teams using a TermSet in SharePoint","slides":null}],"authors":[{"gitHubAccount":"luismanez","company":"","pictureUrl":"https://github.com/luismanez.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-teams-tagging", + "source": "pnp", + "title": "Tag Teams using a TermSet in SharePoint", + "shortDescription": "This sample shows how read and update a custom Schema extension in MS Graph to Tag a Team using metadata from a specific TermSet in SharePoint.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-teams-tagging", + "longDescription": [ + "This sample shows how read and update a custom Schema extension in MS Graph to Tag a Team using metadata from a specific TermSet in SharePoint." + ], + "created": "2019-04-18", + "modified": "2019-04-18", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-teams-tagging/assets/webpart.JPG", + "alt": "Tag Teams using a TermSet in SharePoint" + } + ], + "authors": [ + { + "gitHubAccount": "luismanez", + "company": "ClearPeople", + "pictureUrl": "https://github.com/luismanez.png", + "name": "Luis Ma\u00F1ez" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-tenant-properties/assets/sample.json b/samples/react-tenant-properties/assets/sample.json index a155ac341..1abebc052 100644 --- a/samples/react-tenant-properties/assets/sample.json +++ b/samples/react-tenant-properties/assets/sample.json @@ -1 +1,83 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-tenant-properties","version":null,"source":"pnp","title":"Tenant Properties Web Part","shortDescription":"This web part allows tenant administrators to manage tenant properties through a graphical interface. We can create, edit or delete tenant properties.","longDescription":["This web part allows tenant administrators to manage tenant properties through a graphical interface. We can create, edit or delete tenant properties."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/joaojmendes/sp-dev-fx-webparts/raw/master/samples/react-tenant-properties/assets/TenantProperties2.jpg","alt":"Tenant Properties Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"},{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-tenant-properties", + "source": "pnp", + "title": "Tenant Properties Web Part", + "shortDescription": "This web part allows tenant administrators to manage tenant properties through a graphical interface. We can create, edit or delete tenant properties.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-tenant-properties", + "longDescription": [ + "This web part allows tenant administrators to manage tenant properties through a graphical interface. We can create, edit or delete tenant properties." + ], + "created": "2020-10-20", + "modified": "2020-10-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/joaojmendes/sp-dev-fx-webparts/raw/master/samples/react-tenant-properties/assets/TenantProperties2.jpg", + "alt": "Tenant Properties Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tenant-properties/assets/TenantProperties1.jpg?raw=true", + "alt": "Tenant Properties Web Part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tenant-properties/assets/TenantProperties3.jpg?raw=true", + "alt": "Tenant Properties Web Part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tenant-properties/assets/TenantProperties4.jpg?raw=true", + "alt": "Tenant Properties Web Part" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tenant-properties/assets/TenantProperties5.jpg?raw=true", + "alt": "Tenant Properties Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + }, + { + "gitHubAccount": "joelfmrodrigues", + "company": "Storm Technology", + "pictureUrl": "https://github.com/joelfmrodrigues.png", + "name": "Joel Rodrigues", + "twitter": "joelfmrodrigues" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-themes/assets/sample.json b/samples/react-themes/assets/sample.json index facd8cb4c..8dff37946 100644 --- a/samples/react-themes/assets/sample.json +++ b/samples/react-themes/assets/sample.json @@ -1 +1,67 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-themes","version":null,"source":"pnp","title":"SharePoint Themes Client Side Web Part","shortDescription":"This web part illustrates how to use SharePoint Theme variables in custom web parts.","longDescription":["This web part illustrates how to use SharePoint Theme variables in custom web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-themes/assets/themes.png","alt":"SharePoint Themes Client Side Web Part","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-themes", + "source": "pnp", + "title": "SharePoint Themes Client Side Web Part", + "shortDescription": "This web part illustrates how to use SharePoint Theme variables in custom web parts.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-themes", + "longDescription": [ + "This web part illustrates how to use SharePoint Theme variables in custom web parts." + ], + "created": "2017-05-08", + "modified": "2017-05-08", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-themes/assets/themes.png", + "alt": "SharePoint Themes Client Side Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-themes/assets/SectionThemes.png?raw=true", + "alt": "SharePoint Themes Client Side Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-tiles/assets/sample.json b/samples/react-tiles/assets/sample.json index 939068e0b..2e9ed16e5 100644 --- a/samples/react-tiles/assets/sample.json +++ b/samples/react-tiles/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-tiles","version":null,"source":"pnp","title":"Tiles","shortDescription":"This web part provides you the ability to add a per instance listing of tiled links. Tiles are stored as a collection of tiles within the web part\u0027s properties, removing the need for link storage within SharePoint lists, tenant properties, or other external link storage requirements.","longDescription":["This web part provides you the ability to add a per instance listing of tiled links. Tiles are stored as a collection of tiles within the web part\u0027s properties, removing the need for link storage within SharePoint lists, tenant properties, or other external link storage requirements."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-tiles.gif","alt":"Tiles","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-tiles", + "source": "pnp", + "title": "Tiles", + "shortDescription": "This web part provides you the ability to add a per instance listing of tiled links. Tiles are stored as a collection of tiles within the web part\u0027s properties, removing the need for link storage within SharePoint lists, tenant properties, or other external link storage requirements.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-tiles", + "longDescription": [ + "This web part provides you the ability to add a per instance listing of tiled links. Tiles are stored as a collection of tiles within the web part\u0027s properties, removing the need for link storage within SharePoint lists, tenant properties, or other external link storage requirements." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-tiles.gif", + "alt": "Tiles" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-timeline/assets/sample.json b/samples/react-timeline/assets/sample.json index f6f8f97ed..9e75032ca 100644 --- a/samples/react-timeline/assets/sample.json +++ b/samples/react-timeline/assets/sample.json @@ -1 +1,94 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-timeline","version":null,"source":"pnp","title":"Timeline","shortDescription":"This sample displays list of events in chronological order. It is typically a graphic design showing a long bar labelled with dates paralleling it, and coexisting events. This web part helps to draw the timeline based from SharePoint list with pre-defined schema.","longDescription":["This sample displays list of events in chronological order. It is typically a graphic design showing a long bar labelled with dates paralleling it, and coexisting events. This web part helps to draw the timeline based from SharePoint list with pre-defined schema."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-timeline/assets/webpart-preview.gif","alt":"Timeline","slides":null}],"authors":[{"gitHubAccount":"nanddeepn","company":"","pictureUrl":"https://github.com/nanddeepn.png"},{"gitHubAccount":"ravi16a87","company":"","pictureUrl":"https://github.com/ravi16a87.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-timeline", + "source": "pnp", + "title": "Timeline", + "shortDescription": "This sample displays list of events in chronological order. It is typically a graphic design showing a long bar labelled with dates paralleling it, and coexisting events. This web part helps to draw the timeline based from SharePoint list with pre-defined schema.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-timeline", + "longDescription": [ + "This sample displays list of events in chronological order. It is typically a graphic design showing a long bar labelled with dates paralleling it, and coexisting events. This web part helps to draw the timeline based from SharePoint list with pre-defined schema." + ], + "created": "2020-07-10", + "modified": "2020-07-10", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-timeline/assets/webpart-preview.gif", + "alt": "Timeline" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-timeline/assets/event-crud.gif?raw=true", + "alt": "Timeline" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-timeline/assets/layout-horizontal.png?raw=true", + "alt": "Timeline" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-timeline/assets/layout-vertical.png?raw=true", + "alt": "Timeline" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-timeline/assets/list-sample-data.png?raw=true", + "alt": "Timeline" + }, + { + "type": "image", + "order": 105, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-timeline/assets/list-schema.png?raw=true", + "alt": "Timeline" + }, + { + "type": "image", + "order": 106, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-timeline/assets/wepart-propertypane.png?raw=true", + "alt": "Timeline" + } + ], + "authors": [ + { + "gitHubAccount": "nanddeepn", + "company": "", + "pictureUrl": "https://github.com/nanddeepn.png", + "name": "Nanddeep Nachan", + "twitter": "NanddeepNachan" + }, + { + "gitHubAccount": "ravi16a87", + "company": "Cognizant", + "pictureUrl": "https://github.com/ravi16a87.png", + "name": "Ravi Kulkarni" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-tinymce/assets/sample.json b/samples/react-tinymce/assets/sample.json index c07de474c..038db57ac 100644 --- a/samples/react-tinymce/assets/sample.json +++ b/samples/react-tinymce/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-tinymce","version":null,"source":"pnp","title":"TinyMCE Editor Web Part Integration with SharePoint","shortDescription":"React TinyMCE is one of the worlds most popular editors for the web. It has many features out of the box and many more plugins that can be added when needed. You can create your own plugins if you want, the editor is powered by the communitiy.","longDescription":["React TinyMCE is one of the worlds most popular editors for the web. It has many features out of the box and many more plugins that can be added when needed. You can create your own plugins if you want, the editor is powered by the communitiy."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-tinymce/assets/preview.gif","alt":"TinyMCE Editor Web Part Integration with SharePoint","slides":null}],"authors":[{"gitHubAccount":"AustinBreslinDev","company":"","pictureUrl":"https://github.com/AustinBreslinDev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-tinymce", + "source": "pnp", + "title": "TinyMCE Editor Web Part Integration with SharePoint", + "shortDescription": "React TinyMCE is one of the worlds most popular editors for the web. It has many features out of the box and many more plugins that can be added when needed. You can create your own plugins if you want, the editor is powered by the communitiy.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-tinymce", + "longDescription": [ + "React TinyMCE is one of the worlds most popular editors for the web. It has many features out of the box and many more plugins that can be added when needed. You can create your own plugins if you want, the editor is powered by the communitiy." + ], + "created": "2018-02-01", + "modified": "2018-02-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-tinymce/assets/preview.gif", + "alt": "TinyMCE Editor Web Part Integration with SharePoint" + } + ], + "authors": [ + { + "gitHubAccount": "AustinBreslinDev", + "company": "", + "pictureUrl": "https://avatars.githubusercontent.com/u/10480670?s=460\u0026v=4", + "name": "Austin Breslin" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-todo-basic/assets/sample.json b/samples/react-todo-basic/assets/sample.json index eec05a099..f5c69eee8 100644 --- a/samples/react-todo-basic/assets/sample.json +++ b/samples/react-todo-basic/assets/sample.json @@ -1 +1,76 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-todo-basic","version":null,"source":"pnp","title":"Todo Basic","shortDescription":"A simple todo web part built using react to showcase some of the SharePoint Framework developer features, utilities and best practices in building react based web parts.","longDescription":["A simple todo web part built using react to showcase some of the SharePoint Framework developer features, utilities and best practices in building react based web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-todo-basic/assets/todo-basic-demo.gif","alt":"Todo Basic","slides":null}],"authors":[{"gitHubAccount":"chakkaradeep","company":"","pictureUrl":"https://github.com/chakkaradeep.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-todo-basic", + "source": "pnp", + "title": "Todo Basic", + "shortDescription": "A simple todo web part built using react to showcase some of the SharePoint Framework developer features, utilities and best practices in building react based web parts.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-todo-basic", + "longDescription": [ + "A simple todo web part built using react to showcase some of the SharePoint Framework developer features, utilities and best practices in building react based web parts." + ], + "created": "2017-05-04", + "modified": "2017-05-04", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-todo-basic/assets/todo-basic-demo.gif", + "alt": "Todo Basic" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-todo-basic/assets/todo-basic-no-task-list.gif?raw=true", + "alt": "Todo Basic" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-todo-basic/assets/todo-basic-placeholder-edit-mode.png?raw=true", + "alt": "Todo Basic" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-todo-basic/assets/todo-basic-placeholder-read-mode.png?raw=true", + "alt": "Todo Basic" + }, + { + "type": "image", + "order": 104, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-todo-basic/assets/todo-basic-placeholder.gif?raw=true", + "alt": "Todo Basic" + } + ], + "authors": [ + { + "gitHubAccount": "chakkaradeep", + "company": "Microsoft", + "pictureUrl": "https://avatars.githubusercontent.com/u/7882052?s=460\u0026u=92d546edfe1e1b374c69f0fd9315186eea700b8f\u0026v=4", + "name": "Chakkaradeep Chandran", + "twitter": "chakkaradeep" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-tour-pnpjs/assets/sample.json b/samples/react-tour-pnpjs/assets/sample.json index c308d653e..6e4de00bc 100644 --- a/samples/react-tour-pnpjs/assets/sample.json +++ b/samples/react-tour-pnpjs/assets/sample.json @@ -1 +1,63 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-tour-pnpjs","version":null,"source":"pnp","title":"Tour Sample","shortDescription":"A SPFx WebPart using PnP/PnPjs, @pnp/spfx-property-controls and ReactTourJS.","longDescription":["A SPFx WebPart using PnP/PnPjs, @pnp/spfx-property-controls and ReactTourJS."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-tour-pnpjs/assets/react-tour-pnpjs-webpart-animated.gif","alt":"Tour Sample","slides":null}],"authors":[{"gitHubAccount":"fredupstair","company":"","pictureUrl":"https://github.com/fredupstair.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-tour-pnpjs", + "source": "pnp", + "title": "Tour Sample", + "shortDescription": "A SPFx WebPart using PnP/PnPjs, @pnp/spfx-property-controls and ReactTourJS.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-tour-pnpjs", + "longDescription": [ + "A SPFx WebPart using PnP/PnPjs, @pnp/spfx-property-controls and ReactTourJS." + ], + "created": "2019-11-23", + "modified": "2019-11-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-tour-pnpjs/assets/react-tour-pnpjs-webpart-animated.gif", + "alt": "Tour Sample" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tour-pnpjs/assets/react-tour-pnpjs-webpart-animated-details.png?raw=true", + "alt": "Tour Sample" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tour-pnpjs/assets/react-tour-pnpjs-webpart-configuration.gif?raw=true", + "alt": "Tour Sample" + } + ], + "authors": [ + { + "gitHubAccount": "fredupstair", + "company": "Avanade Italy", + "pictureUrl": "https://github.com/fredupstair.png", + "name": "Federico Porceddu" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-tree-orgchart/assets/sample.json b/samples/react-tree-orgchart/assets/sample.json index 0c5fb5795..68c92ab6a 100644 --- a/samples/react-tree-orgchart/assets/sample.json +++ b/samples/react-tree-orgchart/assets/sample.json @@ -1 +1,77 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-tree-orgchart","version":null,"source":"pnp","title":"Tree Organization Web Part","shortDescription":"The Tree Organization Web Part shows the Organization Chart of the or the team, the web part reads infomation from current user to build the Organization Chart.","longDescription":["The Tree Organization Web Part shows the Organization Chart of the or the team, the web part reads infomation from current user to build the Organization Chart."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-tree-orgchart/assets/Screenshot1.png","alt":"Tree Organization Web Part","slides":null}],"authors":[{"gitHubAccount":"joaojmendes","company":"","pictureUrl":"https://github.com/joaojmendes.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-tree-orgchart", + "source": "pnp", + "title": "Tree Organization Web Part", + "shortDescription": "The Tree Organization Web Part shows the Organization Chart of the or the team, the web part reads infomation from current user to build the Organization Chart.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-tree-orgchart", + "longDescription": [ + "The Tree Organization Web Part shows the Organization Chart of the or the team, the web part reads infomation from current user to build the Organization Chart." + ], + "created": "2021-02-28", + "modified": "2021-02-28", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-tree-orgchart/assets/Screenshot1.png", + "alt": "Tree Organization Web Part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tree-orgchart/assets/react-tree-orgchart.gif?raw=true", + "alt": "Tree Organization Web Part" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tree-orgchart/assets/Screenshot2.png?raw=true", + "alt": "Tree Organization Web Part" + }, + { + "type": "image", + "order": 103, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-tree-orgchart/assets/Screenshot3.png?raw=true", + "alt": "Tree Organization Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + }, + { + "gitHubAccount": "petkir", + "company": "Cubido Business Solutions GmbH", + "pictureUrl": "https://github.com/petkir.png", + "name": "Peter Paul Kirschner", + "twitter": "petkir_at" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-twitter/assets/sample.json b/samples/react-twitter/assets/sample.json index 3fbc8dcb6..98d071c5c 100644 --- a/samples/react-twitter/assets/sample.json +++ b/samples/react-twitter/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-twitter","version":null,"source":"pnp","title":"Twitter Timeline","shortDescription":"Sample web part to display Twitter timeline.","longDescription":["Sample web part to display Twitter timeline."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-twitter/assets/twitter-timeline.png","alt":"Twitter Timeline","slides":null}],"authors":[{"gitHubAccount":"AJIXuMuK","company":"","pictureUrl":"https://github.com/AJIXuMuK.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-twitter", + "source": "pnp", + "title": "Twitter Timeline", + "shortDescription": "Sample web part to display Twitter timeline.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-twitter", + "longDescription": [ + "Sample web part to display Twitter timeline." + ], + "created": "2020-01-20", + "modified": "2020-01-20", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-twitter/assets/twitter-timeline.png", + "alt": "Twitter Timeline" + } + ], + "authors": [ + { + "gitHubAccount": "AJIXuMuK", + "company": "Sharepointalist", + "pictureUrl": "https://avatars.githubusercontent.com/u/17036219?s=460\u0026u=b8e83fb70a90eae0c0e0078c206990785e1a5b6f\u0026v=4", + "name": "Alex Terentiev", + "twitter": "alexaterentiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-upgrade-me/assets/sample.json b/samples/react-upgrade-me/assets/sample.json index f9c83f30c..13c2e08f4 100644 --- a/samples/react-upgrade-me/assets/sample.json +++ b/samples/react-upgrade-me/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-upgrade-me","version":null,"source":"pnp","title":"Upgrade Me","shortDescription":"Use this web part to test the CLI for Microsoft 365 SPFx Project Upgrade.","longDescription":["Use this web part to test the CLI for Microsoft 365 SPFx Project Upgrade."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-upgrade-me/assets/react-upgrade-me.png","alt":"Upgrade Me","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-upgrade-me", + "source": "pnp", + "title": "Upgrade Me", + "shortDescription": "Use this web part to test the CLI for Microsoft 365 SPFx Project Upgrade.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-upgrade-me", + "longDescription": [ + "Use this web part to test the CLI for Microsoft 365 SPFx Project Upgrade." + ], + "created": "2020-08-27", + "modified": "2020-08-27", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-upgrade-me/assets/react-upgrade-me.png", + "alt": "Upgrade Me" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-versiondisplay/assets/sample.json b/samples/react-versiondisplay/assets/sample.json index eb1dacdcb..0e3b1b536 100644 --- a/samples/react-versiondisplay/assets/sample.json +++ b/samples/react-versiondisplay/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-versiondisplay","version":null,"source":"pnp","title":"Displaying the version number in a web part","shortDescription":"This very simple sample demonstrates three different approaches to display the version number of your SharePoint solution in your web part.","longDescription":["This very simple sample demonstrates three different approaches to display the version number of your SharePoint solution in your web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-versiondisplay/assets/VersionDisplay.gif","alt":"Displaying the version number in a web part","slides":null}],"authors":[{"gitHubAccount":"hugoabernier","company":"","pictureUrl":"https://github.com/hugoabernier.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-versiondisplay", + "source": "pnp", + "title": "Displaying the version number in a web part", + "shortDescription": "This very simple sample demonstrates three different approaches to display the version number of your SharePoint solution in your web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-versiondisplay", + "longDescription": [ + "This very simple sample demonstrates three different approaches to display the version number of your SharePoint solution in your web part." + ], + "created": "2020-04-10", + "modified": "2020-04-10", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-versiondisplay/assets/VersionDisplay.gif", + "alt": "Displaying the version number in a web part" + } + ], + "authors": [ + { + "gitHubAccount": "hugoabernier", + "company": "Tahoe Ninjas", + "pictureUrl": "https://github.com/hugoabernier.png", + "name": "Hugo Bernier", + "twitter": "bernierh" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-videolibrary/assets/sample.json b/samples/react-videolibrary/assets/sample.json index 3a572e68b..156eaa035 100644 --- a/samples/react-videolibrary/assets/sample.json +++ b/samples/react-videolibrary/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-videolibrary","version":null,"source":"pnp","title":"Video Library","shortDescription":"A set of 3 SPFX webparts that use different open-source carousels (react-3d-carousel, reactjs-coverface, and react-slick) to display videos stored on an Office 365 Video Channel","longDescription":["A set of 3 SPFX webparts that use different open-source carousels (react-3d-carousel, reactjs-coverface, and react-slick) to display videos stored on an Office 365 Video Channel"],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"drop5"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-videolibrary/src/assets/react-3d-carousel.PNG","alt":"Video Library","slides":null}],"authors":[{"gitHubAccount":"russgove","company":"","pictureUrl":"https://github.com/russgove.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-videolibrary", + "source": "pnp", + "title": "Video Library", + "shortDescription": "A set of 3 SPFX webparts that use different open-source carousels (react-3d-carousel, reactjs-coverface, and react-slick) to display videos stored on an Office 365 Video Channel", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-videolibrary", + "longDescription": [ + "A set of 3 SPFX webparts that use different open-source carousels (react-3d-carousel, reactjs-coverface, and react-slick) to display videos stored on an Office 365 Video Channel" + ], + "created": "2016-12-31", + "modified": "2016-12-31", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "drop5" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-videolibrary/src/assets/react-3d-carousel.PNG", + "alt": "Video Library" + } + ], + "authors": [ + { + "gitHubAccount": "russgove", + "company": "", + "pictureUrl": "https://github.com/russgove.png", + "name": "Russell Gove" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-visio/assets/sample.json b/samples/react-visio/assets/sample.json index 8048254de..1adb41812 100644 --- a/samples/react-visio/assets/sample.json +++ b/samples/react-visio/assets/sample.json @@ -1 +1,61 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-visio","version":null,"source":"pnp","title":"Visio Embed","shortDescription":"This sample shows how the Visio JavaScript APIs can be used within a web part. For sample purposes, this web part will display the name and the hyperlinks of a Visio shape when the user selects it.","longDescription":["This sample shows how the Visio JavaScript APIs can be used within a web part. For sample purposes, this web part will display the name and the hyperlinks of a Visio shape when the user selects it."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-visio/assets/Preview.PNG","alt":"Visio Embed","slides":null}],"authors":[{"gitHubAccount":"joelfmrodrigues","company":"","pictureUrl":"https://github.com/joelfmrodrigues.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-visio", + "source": "pnp", + "title": "Visio Embed", + "shortDescription": "This sample shows how the Visio JavaScript APIs can be used within a web part. For sample purposes, this web part will display the name and the hyperlinks of a Visio shape when the user selects it.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-visio", + "longDescription": [ + "This sample shows how the Visio JavaScript APIs can be used within a web part. For sample purposes, this web part will display the name and the hyperlinks of a Visio shape when the user selects it." + ], + "created": "2020-08-25", + "modified": "2020-08-25", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-visio/assets/Preview.PNG", + "alt": "Visio Embed" + } + ], + "authors": [ + { + "gitHubAccount": "joelfmrodrigues", + "company": "Storm Technology", + "pictureUrl": "https://github.com/joelfmrodrigues.png", + "name": "Joel Rodrigues", + "twitter": "joelfmrodrigues" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-weather-information/assets/sample.json b/samples/react-weather-information/assets/sample.json index 4bdcbf07c..9c87d393a 100644 --- a/samples/react-weather-information/assets/sample.json +++ b/samples/react-weather-information/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-weather-information","version":null,"source":"pnp","title":"Weather Information","shortDescription":"This web part provides you the ability to display basic weather information for one location on a web page. The web part depends on a service provided by Yahoo Weather API.","longDescription":["This web part provides you the ability to display basic weather information for one location on a web page. The web part depends on a service provided by Yahoo Weather API."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-weather.gif","alt":"Weather Information","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-weather-information", + "source": "pnp", + "title": "Weather Information", + "shortDescription": "This web part provides you the ability to display basic weather information for one location on a web page. The web part depends on a service provided by Yahoo Weather API.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-weather-information", + "longDescription": [ + "This web part provides you the ability to display basic weather information for one location on a web page. The web part depends on a service provided by Yahoo Weather API." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-weather.gif", + "alt": "Weather Information" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-webcam/assets/sample.json b/samples/react-webcam/assets/sample.json index 1c4d44561..f2bbe11d7 100644 --- a/samples/react-webcam/assets/sample.json +++ b/samples/react-webcam/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-webcam","version":null,"source":"pnp","title":"Web/Mobile Camera Demo","shortDescription":"This is sample web part to showcase how to open webcam and take photo in SPFx web part.","longDescription":["This is sample web part to showcase how to open webcam and take photo in SPFx web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-webcam/screens/4.png?raw=true","alt":"Web/Mobile Camera Demo","slides":null}],"authors":[{"gitHubAccount":"siddharth-vaghasia","company":"","pictureUrl":"https://github.com/siddharth-vaghasia.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-webcam", + "source": "pnp", + "title": "Web/Mobile Camera Demo", + "shortDescription": "This is sample web part to showcase how to open webcam and take photo in SPFx web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-webcam", + "longDescription": [ + "This is sample web part to showcase how to open webcam and take photo in SPFx web part." + ], + "created": "2019-09-05", + "modified": "2019-09-05", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-webcam/screens/4.png?raw=true", + "alt": "Web/Mobile Camera Demo" + } + ], + "authors": [ + { + "gitHubAccount": "siddharth-vaghasia", + "company": "", + "pictureUrl": "https://github.com/siddharth-vaghasia.png", + "name": "Siddharth Vaghasia" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-webhooks-realtime/assets/sample.json b/samples/react-webhooks-realtime/assets/sample.json index 9c79a39dc..65c60d76b 100644 --- a/samples/react-webhooks-realtime/assets/sample.json +++ b/samples/react-webhooks-realtime/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-webhooks-realtime","version":null,"source":"pnp","title":"Webhooks Realtime","shortDescription":"This web part demonstrates how to leverage the capabilities of SharePoint Webhooks. The libraries used by this web part are Socket.io, sp pnp js, moment.","longDescription":["This web part demonstrates how to leverage the capabilities of SharePoint Webhooks. The libraries used by this web part are Socket.io, sp pnp js, moment."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-webhooks-realtime/assets/spfx-react-webhooks-realtime.gif","alt":"Webhooks Realtime","slides":null}],"authors":[{"gitHubAccount":"giuleon","company":"","pictureUrl":"https://github.com/giuleon.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-webhooks-realtime", + "source": "pnp", + "title": "Webhooks Realtime", + "shortDescription": "This web part demonstrates how to leverage the capabilities of SharePoint Webhooks. The libraries used by this web part are Socket.io, sp pnp js, moment.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-webhooks-realtime", + "longDescription": [ + "This web part demonstrates how to leverage the capabilities of SharePoint Webhooks. The libraries used by this web part are Socket.io, sp pnp js, moment." + ], + "created": "2017-10-29", + "modified": "2017-10-29", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-webhooks-realtime/assets/spfx-react-webhooks-realtime.gif", + "alt": "Webhooks Realtime" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-webhooks-realtime/assets/Architecture.png?raw=true", + "alt": "Webhooks Realtime" + } + ], + "authors": [ + { + "gitHubAccount": "giuleon", + "company": "", + "pictureUrl": "https://github.com/giuleon.png", + "name": "Giuliano De Luca", + "twitter": "delucagiulian" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-webpartdetails/assets/sample.json b/samples/react-webpartdetails/assets/sample.json index d84bb128e..bc67376f7 100644 --- a/samples/react-webpartdetails/assets/sample.json +++ b/samples/react-webpartdetails/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-webpartdetails","version":null,"source":"pnp","title":"Web Part Details","shortDescription":"The web part illustrates how to get all the web part present in the current page, bind them in a multi-select dropdown.","longDescription":["The web part illustrates how to get all the web part present in the current page, bind them in a multi-select dropdown."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-webpartdetails/assets/webpartDetails.png","alt":"Web Part Details","slides":null}],"authors":[{"gitHubAccount":"Harshagracy","company":"","pictureUrl":"https://github.com/Harshagracy.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-webpartdetails", + "source": "pnp", + "title": "Web Part Details", + "shortDescription": "The web part illustrates how to get all the web part present in the current page, bind them in a multi-select dropdown.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-webpartdetails", + "longDescription": [ + "The web part illustrates how to get all the web part present in the current page, bind them in a multi-select dropdown." + ], + "created": "2020-06-13", + "modified": "2020-06-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-webpartdetails/assets/webpartDetails.png", + "alt": "Web Part Details" + } + ], + "authors": [ + { + "gitHubAccount": "Harshagracy", + "company": "", + "pictureUrl": "https://github.com/Harshagracy.png", + "name": "Harsha Vardhini", + "twitter": "harshagracy" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-word-game/assets/sample.json b/samples/react-word-game/assets/sample.json index 5a9a258cd..46d94ce95 100644 --- a/samples/react-word-game/assets/sample.json +++ b/samples/react-word-game/assets/sample.json @@ -1 +1,63 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-word-game","version":null,"source":"pnp","title":"Word Game","shortDescription":"A fun game where you unscramble the words before the time runs out. It stores everyone\u0027s high scores in a SharePoint List on the Site.","longDescription":["A fun game where you unscramble the words before the time runs out. It stores everyone\u0027s high scores in a SharePoint List on the Site."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.4.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-word-game/assets/preview.gif","alt":"Word Game","slides":null}],"authors":[{"gitHubAccount":"nbarkhina","company":"","pictureUrl":"https://github.com/nbarkhina.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-word-game", + "source": "pnp", + "title": "Word Game", + "shortDescription": "A fun game where you unscramble the words before the time runs out. It stores everyone\u0027s high scores in a SharePoint List on the Site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-word-game", + "longDescription": [ + "A fun game where you unscramble the words before the time runs out. It stores everyone\u0027s high scores in a SharePoint List on the Site." + ], + "created": "2020-05-27", + "modified": "2020-05-27", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-word-game/assets/preview.gif", + "alt": "Word Game" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-word-game/assets/settings.PNG?raw=true", + "alt": "Word Game" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-word-game/assets/wordgame_mobile.png?raw=true", + "alt": "Word Game" + } + ], + "authors": [ + { + "gitHubAccount": "nbarkhina", + "company": "", + "pictureUrl": "https://github.com/nbarkhina.png", + "name": "Neil Barkhina" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-world-clocks/assets/sample.json b/samples/react-world-clocks/assets/sample.json index 7876a7c81..4c2ed6e1b 100644 --- a/samples/react-world-clocks/assets/sample.json +++ b/samples/react-world-clocks/assets/sample.json @@ -1 +1,64 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-world-clocks","version":null,"source":"pnp","title":"React World Clocks","shortDescription":"This sample is extension of the single World time clock sample that was provided in SP Starter Kit.","longDescription":["This sample is extension of the single World time clock sample that was provided in SP Starter Kit."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-world-clocks/assets/ClocksInAction.gif","alt":"React World Clocks","slides":null}],"authors":[{"gitHubAccount":"jerryyasir","company":"","pictureUrl":"https://github.com/jerryyasir.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-world-clocks", + "source": "pnp", + "title": "React World Clocks", + "shortDescription": "This sample is extension of the single World time clock sample that was provided in SP Starter Kit.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-world-clocks", + "longDescription": [ + "This sample is extension of the single World time clock sample that was provided in SP Starter Kit." + ], + "created": "2020-09-26", + "modified": "2020-09-26", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-world-clocks/assets/ClocksInAction.gif", + "alt": "React World Clocks" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-world-clocks/assets/WebPart.png?raw=true", + "alt": "React World Clocks" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-world-clocks/assets/WorldClockList.png?raw=true", + "alt": "React World Clocks" + } + ], + "authors": [ + { + "gitHubAccount": "jerryyasir", + "company": "DXC Technology", + "pictureUrl": "https://github.com/jerryyasir.png", + "name": "Jerry Yasir", + "twitter": "jerryyasir" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-world-time/assets/sample.json b/samples/react-world-time/assets/sample.json index b95a86f35..a9d6f4916 100644 --- a/samples/react-world-time/assets/sample.json +++ b/samples/react-world-time/assets/sample.json @@ -1 +1,44 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-world-time","version":null,"source":"pnp","title":"World Time","shortDescription":"This web part provides you the ability to display basic clock for a given time zone on a web page. The clock is based on the user\u0027s workstation time with an offset from UTC to the selected time zone.","longDescription":["This web part provides you the ability to display basic clock for a given time zone on a web page. The clock is based on the user\u0027s workstation time with an offset from UTC to the selected time zone."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-world-time.gif","alt":"World Time","slides":null}],"authors":[{"gitHubAccount":null,"company":"","pictureUrl":"https://github.com/.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-world-time", + "source": "pnp", + "title": "World Time", + "shortDescription": "This web part provides you the ability to display basic clock for a given time zone on a web page. The clock is based on the user\u0027s workstation time with an offset from UTC to the selected time zone.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-world-time", + "longDescription": [ + "This web part provides you the ability to display basic clock for a given time zone on a web page. The clock is based on the user\u0027s workstation time with an offset from UTC to the selected time zone." + ], + "created": "2018-05-01", + "modified": "2018-05-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-starter-kit/raw/master/assets/images/components/part-world-time.gif", + "alt": "World Time" + } + ], + "authors": [], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-yammer-api/assets/sample.json b/samples/react-yammer-api/assets/sample.json index 6e967cb45..e74fb8961 100644 --- a/samples/react-yammer-api/assets/sample.json +++ b/samples/react-yammer-api/assets/sample.json @@ -1 +1,57 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-yammer-api","version":null,"source":"pnp","title":"Yammer REST API web part","shortDescription":"This sample shows how Yammer REST APIs can be consumed by using SharePoint Framework React web part and the Yammer JavaScript SDK. The SPFx web part contains wrapper around the Yammer JavaScript SDK that can be extended for fluent typescript api experience.","longDescription":["This sample shows how Yammer REST APIs can be consumed by using SharePoint Framework React web part and the Yammer JavaScript SDK. The SPFx web part contains wrapper around the Yammer JavaScript SDK that can be extended for fluent typescript api experience."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-yammer-api/assets/spfx-yammer-api-webpart.jpg","alt":"Yammer REST API web part","slides":null}],"authors":[{"gitHubAccount":"VelinGeorgiev","company":"","pictureUrl":"https://github.com/VelinGeorgiev.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-yammer-api", + "source": "pnp", + "title": "Yammer REST API web part", + "shortDescription": "This sample shows how Yammer REST APIs can be consumed by using SharePoint Framework React web part and the Yammer JavaScript SDK. The SPFx web part contains wrapper around the Yammer JavaScript SDK that can be extended for fluent typescript api experience.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-yammer-api", + "longDescription": [ + "This sample shows how Yammer REST APIs can be consumed by using SharePoint Framework React web part and the Yammer JavaScript SDK. The SPFx web part contains wrapper around the Yammer JavaScript SDK that can be extended for fluent typescript api experience." + ], + "created": "2017-04-19", + "modified": "2017-04-19", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-yammer-api/assets/spfx-yammer-api-webpart.jpg", + "alt": "Yammer REST API web part" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-yammer-api/assets/yammer-enabled-screen.png?raw=true", + "alt": "Yammer REST API web part" + } + ], + "authors": [ + { + "gitHubAccount": "VelinGeorgiev", + "company": "", + "pictureUrl": "https://github.com/VelinGeorgiev.png", + "name": "Velin Georgiev" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-yammer-praise/assets/sample.json b/samples/react-yammer-praise/assets/sample.json index be86abb02..1e9aadf13 100644 --- a/samples/react-yammer-praise/assets/sample.json +++ b/samples/react-yammer-praise/assets/sample.json @@ -1 +1,71 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-yammer-praise","version":null,"source":"pnp","title":"Yammer Praise using aadTokenProvider","shortDescription":"This sample shows how to post a praise to Yammer using aadTokenProvider (without Yammer JavaScript SDK).","longDescription":["This sample shows how to post a praise to Yammer using aadTokenProvider (without Yammer JavaScript SDK)."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-yammer-praise/assets/screenshot.gif","alt":"Yammer Praise using aadTokenProvider","slides":null}],"authors":[{"gitHubAccount":"AhmadiRamin","company":"","pictureUrl":"https://github.com/AhmadiRamin.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-yammer-praise", + "source": "pnp", + "title": "Yammer Praise using aadTokenProvider", + "shortDescription": "This sample shows how to post a praise to Yammer using aadTokenProvider (without Yammer JavaScript SDK).", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-yammer-praise", + "longDescription": [ + "This sample shows how to post a praise to Yammer using aadTokenProvider (without Yammer JavaScript SDK)." + ], + "created": "2020-03-23", + "modified": "2020-03-23", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + }, + { + "key": "SPFX-TEAMSTAB", + "value": "true" + }, + { + "key": "SPFX-TEAMSPERSONALAPP", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-yammer-praise/assets/screenshot.gif", + "alt": "Yammer Praise using aadTokenProvider" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/react-yammer-praise/assets/screenshot2.gif?raw=true", + "alt": "Yammer Praise using aadTokenProvider" + } + ], + "authors": [ + { + "gitHubAccount": "AhmadiRamin", + "company": "Content and Cloud", + "pictureUrl": "https://github.com/AhmadiRamin.png", + "name": "Ramin Ahmadi", + "twitter": "raminahmadi1986" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Building Microsoft Teams Tabs using SharePoint Framework", + "description": "Starting with SharePoint Framework v1.8, you can build tabs for Microsoft Teams with the SharePoint Framework tooling and use SharePoint as a host for your solutions. As part of the SharePoint Framework v1.10 you can also publish your solution as Microsoft Teams personal app.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/integrate-with-teams-introduction" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-youtube/assets/sample.json b/samples/react-youtube/assets/sample.json index 4ce97f778..f71819424 100644 --- a/samples/react-youtube/assets/sample.json +++ b/samples/react-youtube/assets/sample.json @@ -1 +1,58 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-youtube","version":null,"source":"pnp","title":"Youtube Web Part","shortDescription":"This web part allows to search and view the Youtube videos, across the Youtube API, directly on a SharePoint page, furthermore the property panel offers the possibility to specify the api key, the number of items to display and it is also possible specify a Youtube Channel Id.","longDescription":["This web part allows to search and view the Youtube videos, across the Youtube API, directly on a SharePoint page, furthermore the property panel offers the possibility to specify the api key, the number of items to display and it is also possible specify a Youtube Channel Id."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.11"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-youtube/assets/Preview.gif","alt":"Youtube Web Part","slides":null}],"authors":[{"gitHubAccount":"giuleon","company":"","pictureUrl":"https://github.com/giuleon.png"},{"gitHubAccount":"Ravikadri","company":"","pictureUrl":"https://github.com/Ravikadri.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-youtube", + "source": "pnp", + "title": "Youtube Web Part", + "shortDescription": "This web part allows to search and view the Youtube videos, across the Youtube API, directly on a SharePoint page, furthermore the property panel offers the possibility to specify the api key, the number of items to display and it is also possible specify a Youtube Channel Id.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-youtube", + "longDescription": [ + "This web part allows to search and view the Youtube videos, across the Youtube API, directly on a SharePoint page, furthermore the property panel offers the possibility to specify the api key, the number of items to display and it is also possible specify a Youtube Channel Id." + ], + "created": "2020-10-01", + "modified": "2020-10-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.11" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-youtube/assets/Preview.gif", + "alt": "Youtube Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "giuleon", + "company": "", + "pictureUrl": "https://github.com/giuleon.png", + "name": "Giuliano De Luca", + "twitter": "delucagiulian" + }, + { + "gitHubAccount": "Ravikadri", + "company": "Netwoven", + "pictureUrl": "https://github.com/Ravikadri.png", + "name": "Ravi Chandra" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/react-zpl-viewer/assets/sample.json b/samples/react-zpl-viewer/assets/sample.json index c56a43edf..a11682bfe 100644 --- a/samples/react-zpl-viewer/assets/sample.json +++ b/samples/react-zpl-viewer/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-react-zpl-viewer","version":null,"source":"pnp","title":"ZPL Viewer","shortDescription":"This web part will allow a user to select a text file contatining zpl which is used to generate an image using the labelary web service to render the zpl and return the image.","longDescription":["This web part will allow a user to select a text file contatining zpl which is used to generate an image using the labelary web service to render the zpl and return the image."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.9.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-zpl-viewer/assets/preview.gif","alt":"ZPL Viewer","slides":null}],"authors":[{"gitHubAccount":"zachroberts8668","company":"","pictureUrl":"https://github.com/zachroberts8668.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-zpl-viewer", + "source": "pnp", + "title": "ZPL Viewer", + "shortDescription": "This web part will allow a user to select a text file contatining zpl which is used to generate an image using the labelary web service to render the zpl and return the image.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-zpl-viewer", + "longDescription": [ + "This web part will allow a user to select a text file contatining zpl which is used to generate an image using the labelary web service to render the zpl and return the image." + ], + "created": "2020-02-13", + "modified": "2020-02-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.9.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-zpl-viewer/assets/preview.gif", + "alt": "ZPL Viewer" + } + ], + "authors": [ + { + "gitHubAccount": "zachroberts8668", + "company": "", + "pictureUrl": "https://github.com/zachroberts8668.png", + "name": "Zach Roberts" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/riot-list/assets/sample.json b/samples/riot-list/assets/sample.json index 62ff895d2..96e1b9ce1 100644 --- a/samples/riot-list/assets/sample.json +++ b/samples/riot-list/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-riot-list","version":null,"source":"pnp","title":"List RiotJS Client-Side Web Part","shortDescription":"Simplistic sample Web Part that demonstrates the use of RiotJS in creating a SharePoint Framework web part.","longDescription":["Simplistic sample Web Part that demonstrates the use of RiotJS in creating a SharePoint Framework web part."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"Other"},{"key":"SPFX-VERSION","value":"GA"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/riot-list/assets/riot-list-preview.gif","alt":"List RiotJS Client-Side Web Part","slides":null}],"authors":[{"gitHubAccount":"sebastienlevert","company":"","pictureUrl":"https://github.com/sebastienlevert.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-riot-list", + "source": "pnp", + "title": "List RiotJS Client-Side Web Part", + "shortDescription": "Simplistic sample Web Part that demonstrates the use of RiotJS in creating a SharePoint Framework web part.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/riot-list", + "longDescription": [ + "Simplistic sample Web Part that demonstrates the use of RiotJS in creating a SharePoint Framework web part." + ], + "created": "2017-04-26", + "modified": "2017-04-26", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "Other" + }, + { + "key": "SPFX-VERSION", + "value": "GA" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/riot-list/assets/riot-list-preview.gif", + "alt": "List RiotJS Client-Side Web Part" + } + ], + "authors": [ + { + "gitHubAccount": "sebastienlevert", + "company": "Microsoft", + "pictureUrl": "https://github.com/sebastienlevert.png", + "name": "S\u00E9bastien Levert", + "twitter": "sebastienlevert" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/section-backgrounds/assets/sample.json b/samples/section-backgrounds/assets/sample.json index e11c7d59c..7ab4b5f94 100644 --- a/samples/section-backgrounds/assets/sample.json +++ b/samples/section-backgrounds/assets/sample.json @@ -1 +1,73 @@ -{"name":"pnp-sp-dev-spfx-web-parts-section-backgrounds","version":null,"source":"pnp","title":"Supporting section backgrounds in your web parts","shortDescription":"These samples show how to implement support for section backgrounds in your web parts.","longDescription":["These samples show how to implement support for section backgrounds in your web parts."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.7.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/section-backgrounds/assets/webpartexample3.png","alt":"Supporting section backgrounds in your web parts","slides":null}],"authors":[{"gitHubAccount":"thechriskent","company":"","pictureUrl":"https://github.com/thechriskent.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-section-backgrounds", + "source": "pnp", + "title": "Supporting section backgrounds in your web parts", + "shortDescription": "These samples show how to implement support for section backgrounds in your web parts.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/section-backgrounds", + "longDescription": [ + "These samples show how to implement support for section backgrounds in your web parts." + ], + "created": "2019-03-13", + "modified": "2019-03-13", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.7.1" + }, + { + "key": "SPFX-SUPPORTSTHEMEVARIANTS", + "value": "true" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/section-backgrounds/assets/webpartexample3.png", + "alt": "Supporting section backgrounds in your web parts" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/section-backgrounds/assets/webpartexample1.png?raw=true", + "alt": "Supporting section backgrounds in your web parts" + }, + { + "type": "image", + "order": 102, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/master/samples/section-backgrounds/assets/webpartexample2.png?raw=true", + "alt": "Supporting section backgrounds in your web parts" + } + ], + "authors": [ + { + "gitHubAccount": "thechriskent", + "company": "DMI", + "pictureUrl": "https://avatars.githubusercontent.com/u/8364109?s=460\u0026v=4", + "name": "Chris Kent", + "twitter": "thechriskent" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + }, + { + "name": "Supporting section backgrounds", + "description": "Starting with SharePoint Framework v1.8, web parts can be made aware of any section backgrounds and use these colors to improve the appearance of a web part when hosted in a section with a different background.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/supporting-section-backgrounds" + } + ] + } +] \ No newline at end of file diff --git a/samples/sharepoint-crud/assets/sample.json b/samples/sharepoint-crud/assets/sample.json index 9c81ffb83..3a930dc20 100644 --- a/samples/sharepoint-crud/assets/sample.json +++ b/samples/sharepoint-crud/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-sharepoint-crud","version":null,"source":"pnp","title":"SharePoint CRUD operations","shortDescription":"Sample Web Parts illustrating performing SharePoint CRUD operations in React, Angular, JavaScript without any framework and using the @pnp/sp library.","longDescription":["Sample Web Parts illustrating performing SharePoint CRUD operations in React, Angular, JavaScript without any framework and using the @pnp/sp library."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"React"},{"key":"SPFX-VERSION","value":"1.6.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/sharepoint-crud/assets/preview.png","alt":"SharePoint CRUD operations","slides":null}],"authors":[{"gitHubAccount":"waldekmastykarz","company":"","pictureUrl":"https://github.com/waldekmastykarz.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-sharepoint-crud", + "source": "pnp", + "title": "SharePoint CRUD operations", + "shortDescription": "Sample Web Parts illustrating performing SharePoint CRUD operations in React, Angular, JavaScript without any framework and using the @pnp/sp library.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/sharepoint-crud", + "longDescription": [ + "Sample Web Parts illustrating performing SharePoint CRUD operations in React, Angular, JavaScript without any framework and using the @pnp/sp library." + ], + "created": "2018-11-01", + "modified": "2018-11-01", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.6.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/sharepoint-crud/assets/preview.png", + "alt": "SharePoint CRUD operations" + } + ], + "authors": [ + { + "gitHubAccount": "waldekmastykarz", + "company": "Microsoft", + "pictureUrl": "https://github.com/waldekmastykarz.png", + "name": "Waldek Mastykarz", + "twitter": "waldekm" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/vue-js-org-chart/assets/sample.json b/samples/vue-js-org-chart/assets/sample.json index 8b52b88f7..4b99af9d3 100644 --- a/samples/vue-js-org-chart/assets/sample.json +++ b/samples/vue-js-org-chart/assets/sample.json @@ -1 +1,51 @@ -{"name":"pnp-sp-dev-spfx-web-parts-vue-js-org-chart","version":null,"source":"pnp","title":"VueJS Org Chart","shortDescription":"A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API.","longDescription":["A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"VueJS"},{"key":"SPFX-VERSION","value":"1.8.1"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/vue-js-org-chart/assets/preview.gif","alt":"VueJS Org Chart","slides":null}],"authors":[{"gitHubAccount":"serdarketenci","company":"","pictureUrl":"https://github.com/serdarketenci.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-vue-js-org-chart", + "source": "pnp", + "title": "VueJS Org Chart", + "shortDescription": "A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/vue-js-org-chart", + "longDescription": [ + "A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API." + ], + "created": "2019-06-11", + "modified": "2019-06-11", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "VueJS" + }, + { + "key": "SPFX-VERSION", + "value": "1.8.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/vue-js-org-chart/assets/preview.gif", + "alt": "VueJS Org Chart" + } + ], + "authors": [ + { + "gitHubAccount": "serdarketenci", + "company": "", + "pictureUrl": "https://github.com/serdarketenci.png", + "name": "Serdar Ketenci\u0307" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file diff --git a/samples/vuejs-todo-single-file-component/assets/sample.json b/samples/vuejs-todo-single-file-component/assets/sample.json index 75c06f29f..9a731d6a6 100644 --- a/samples/vuejs-todo-single-file-component/assets/sample.json +++ b/samples/vuejs-todo-single-file-component/assets/sample.json @@ -1 +1,52 @@ -{"name":"pnp-sp-dev-spfx-web-parts-vuejs-todo-single-file-component","version":null,"source":"pnp","title":"Todo Client Web Part built with Vue.js and Vue\u0027s single-file components","shortDescription":"Sample Todo web part demonstrating how you can utilize Vue (a progressive framework for building user interfaces) with SharePoint Framework using handy single-file components approach.","longDescription":["Sample Todo web part demonstrating how you can utilize Vue (a progressive framework for building user interfaces) with SharePoint Framework using handy single-file components approach."],"products":["SharePoint","Office"],"categories":[""],"metadata":[{"key":"CLIENT-SIDE-DEV","value":"VueJS"},{"key":"SPFX-VERSION","value":"1.10.0"}],"thumbnails":[{"type":"image","order":100,"url":"https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png","alt":"Todo Client Web Part built with Vue.js and Vue\u0027s single-file components","slides":null}],"authors":[{"gitHubAccount":"s-KaiNet","company":"","pictureUrl":"https://github.com/s-KaiNet.png"}],"references":[]} \ No newline at end of file +[ + { + "name": "pnp-sp-dev-spfx-web-parts-vuejs-todo-single-file-component", + "source": "pnp", + "title": "Todo Client Web Part built with Vue.js and Vue\u0027s single-file components", + "shortDescription": "Sample Todo web part demonstrating how you can utilize Vue (a progressive framework for building user interfaces) with SharePoint Framework using handy single-file components approach.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/vuejs-todo-single-file-component", + "longDescription": [ + "Sample Todo web part demonstrating how you can utilize Vue (a progressive framework for building user interfaces) with SharePoint Framework using handy single-file components approach." + ], + "created": "2020-04-27", + "modified": "2020-04-27", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "VueJS" + }, + { + "key": "SPFX-VERSION", + "value": "1.10.0" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/media/raw/master/parker/pnp/300w/parker.png", + "alt": "Todo Client Web Part built with Vue.js and Vue\u0027s single-file components" + } + ], + "authors": [ + { + "gitHubAccount": "s-KaiNet", + "company": "Mastaq", + "pictureUrl": "https://github.com/s-KaiNet.png", + "name": "Sergei Sergeev", + "twitter": "sergeev_srg" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +] \ No newline at end of file