From e6cd0b17deda4ddd0c5082229478c53928dae3c5 Mon Sep 17 00:00:00 2001 From: Hugo Bernier Date: Mon, 8 Feb 2021 02:19:31 -0500 Subject: [PATCH] Added sample metadata --- samples/aad-api-spo-cookie/assets/sample.json | 1 + samples/angular-aad-webapi/assets/sample.json | 1 + samples/angular-greeting/assets/sample.json | 1 + samples/angular-migration/assets/sample.json | 1 + samples/angular-msgraph/assets/sample.json | 44 +++++++++++ samples/angular-multipage/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/angular-search/assets/sample.json | 1 + samples/angular-todo/assets/sample.json | 1 + samples/angular2-prototype/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/bootstrap-slider/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/jquery-cdn/assets/sample.json | 1 + samples/jquery-photopile/assets/sample.json | 1 + .../js-advanced-commenting/assets/sample.json | 1 + samples/js-display-list/assets/sample.json | 1 + .../assets/sample.json | 1 + .../js-employee-spotlight/assets/sample.json | 1 + samples/js-extend-gulp/assets/sample.json | 1 + samples/js-extend-webpack/assets/sample.json | 1 + samples/js-gitHubBadge/assets/sample.json | 1 + samples/js-modern-calendar/assets/sample.json | 1 + .../js-msgraph-thumbnail/assets/sample.json | 1 + samples/js-myflows/assets/sample.json | 1 + .../js-powerbi-embedded/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/js-skype-status/assets/sample.json | 1 + .../js-solution-editions/assets/sample.json | 1 + .../js-theme-manager-2019/assets/sample.json | 1 + samples/js-theme-manager/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/knockout-sp-pnp-js/assets/sample.json | 1 + samples/knockout-taxonomy/assets/sample.json | 1 + samples/pnp-controls/assets/sample.json | 1 + .../react-3rd-party-api/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-aad-implicitflow/assets/sample.json | 1 + samples/react-aad-webapi/assets/sample.json | 1 + .../assets/sample.json | 69 +----------------- .../assets/sample.json | 1 + samples/react-accordion/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-adaptivecards/assets/sample.json | 1 + .../react-add-js-css-ref/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-app-settings/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-avatar/assets/sample.json | 1 + samples/react-azfunc-vimeo/assets/sample.json | 1 + samples/react-banner/assets/sample.json | 1 + samples/react-birthdays/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-bot-framework/assets/sample.json | 1 + .../react-calendar-feed/assets/sample.json | 1 + samples/react-calendar/assets/sample.json | 1 + samples/react-carousel/assets/sample.json | 1 + samples/react-chartcontrol/assets/sample.json | 1 + samples/react-check-flows/assets/sample.json | 1 + .../react-check-user-group/assets/sample.json | 1 + samples/react-comparer/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-covid19-info/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-custom-links/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-daterangepicker/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-dev-radar/assets/sample.json | 1 + samples/react-directory/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-dynamics-crm-api/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-facebook-plugin/assets/sample.json | 1 + samples/react-faqapp/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-feedback/assets/sample.json | 1 + samples/react-file-upload/assets/sample.json | 1 + .../react-followedsites/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-github-badge/assets/sample.json | 1 + samples/react-global-news/assets/sample.json | 1 + samples/react-google-fit/assets/sample.json | 1 + .../react-graph-calendar/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-graph-evalurl/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-graph-pnpjs/assets/sample.json | 1 + .../react-graph-reports/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-hooks/assets/sample.json | 1 + .../react-image-gallery/assets/sample.json | 1 + .../react-image-magnifier/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-ioc-tests/assets/sample.json | 1 + samples/react-item-History/assets/sample.json | 1 + samples/react-jest-testing/assets/sample.json | 1 + samples/react-kanban-board/assets/sample.json | 1 + samples/react-links/assets/sample.json | 1 + samples/react-list-form/assets/sample.json | 1 + .../react-list-items-menu/assets/sample.json | 1 + .../react-lob-integration/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-material-ui/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-mgtEvents/assets/sample.json | 1 + samples/react-minesweeper/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-mobx/assets/sample.json | 1 + .../react-modern-charts/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-msal-msgraph/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-multilist-grid/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-multipage/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-my-groups/assets/sample.json | 1 + .../react-my-personal-apps/assets/sample.json | 1 + samples/react-my-sites/assets/sample.json | 1 + samples/react-my-teams/assets/sample.json | 1 + samples/react-mytasks/assets/sample.json | 1 + .../src/index.ts | 1 - .../saveEmailToSharePoint/loc/en-us.js | 14 ---- .../saveEmailToSharePoint/loc/mystrings.d.ts | 17 ----- ...3c02-3280-4430-a877-22cbc6251d21_color.png | Bin 3023 -> 0 bytes ...02-3280-4430-a877-22cbc6251d21_outline.png | Bin 1429 -> 0 bytes samples/react-officegraph/assets/sample.json | 1 + .../react-offline-first/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-page-navigator/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-pagecontributors/assets/sample.json | 1 + .../react-pages-hierarchy/assets/sample.json | 1 + .../react-people-directory/assets/sample.json | 1 + samples/react-peoplepicker/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-personal-email/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-personal-tasks/assets/sample.json | 1 + samples/react-photo-sync/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-pnpjsexplorer/assets/sample.json | 1 + .../react-project-online/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-provision-assets/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-quick-poll/assets/sample.json | 1 + samples/react-quotes/assets/sample.json | 1 + samples/react-real-time/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-recaptcha/assets/sample.json | 1 + .../react-recent-contacts/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-redux/assets/sample.json | 1 + samples/react-reduxform/assets/sample.json | 1 + .../react-restaurant-menu/assets/sample.json | 1 + samples/react-rss-reader/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-save-attachments/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-script-editor/assets/sample.json | 1 + samples/react-search-refiners/README.md | 5 -- samples/react-search/assets/sample.json | 1 + samples/react-securitygrid/assets/sample.json | 1 + samples/react-side-panel/assets/sample.json | 1 + .../react-site-information/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-skype-status/assets/sample.json | 1 + samples/react-slide-swiper/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-tailwindcss/assets/sample.json | 1 + .../react-target-audience/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-taxonomypicker/assets/sample.json | 1 + samples/react-team-creator/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-teams-message/assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-teams-tabs-pnpjs/assets/sample.json | 1 + .../react-teams-tagging/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-themes/assets/sample.json | 1 + samples/react-tiles/assets/sample.json | 1 + samples/react-timeline/assets/sample.json | 1 + samples/react-tinymce/assets/sample.json | 1 + samples/react-todo-basic/assets/sample.json | 1 + samples/react-tour-pnpjs/assets/sample.json | 1 + .../react-tree-orgchart/assets/sample.json | 1 + samples/react-twitter/assets/sample.json | 1 + samples/react-upgrade-me/assets/sample.json | 1 + .../react-versiondisplay/assets/sample.json | 1 + samples/react-videolibrary/assets/sample.json | 1 + samples/react-visio/assets/sample.json | 1 + .../assets/sample.json | 1 + samples/react-webcam/assets/sample.json | 1 + .../assets/sample.json | 1 + .../react-webpartdetails/assets/sample.json | 1 + samples/react-word-game/assets/sample.json | 1 + samples/react-world-clocks/assets/sample.json | 1 + samples/react-world-time/assets/sample.json | 1 + samples/react-yammer-api/assets/sample.json | 1 + .../react-yammer-praise/assets/sample.json | 1 + samples/react-youtube/assets/sample.json | 1 + samples/react-zpl-viewer/assets/sample.json | 1 + samples/riot-list/assets/sample.json | 1 + .../section-backgrounds/assets/sample.json | 1 + samples/sharepoint-crud/assets/sample.json | 1 + samples/vue-js-org-chart/assets/sample.json | 1 + .../assets/sample.json | 1 + 250 files changed, 287 insertions(+), 105 deletions(-) create mode 100644 samples/aad-api-spo-cookie/assets/sample.json create mode 100644 samples/angular-aad-webapi/assets/sample.json create mode 100644 samples/angular-greeting/assets/sample.json create mode 100644 samples/angular-migration/assets/sample.json create mode 100644 samples/angular-msgraph/assets/sample.json create mode 100644 samples/angular-multipage/assets/sample.json create mode 100644 samples/angular-ngofficeuifabric-file-upload/assets/sample.json create mode 100644 samples/angular-ngofficeuifabric-todo/assets/sample.json create mode 100644 samples/angular-search/assets/sample.json create mode 100644 samples/angular-todo/assets/sample.json create mode 100644 samples/angular2-prototype/assets/sample.json create mode 100644 samples/angularelements-helloworld/assets/sample.json create mode 100644 samples/angularelements-html-templatefile/assets/sample.json create mode 100644 samples/bootstrap-slider/assets/sample.json create mode 100644 samples/handlebarsjs-webpack-loader/assets/sample.json create mode 100644 samples/jquery-cdn/assets/sample.json create mode 100644 samples/jquery-photopile/assets/sample.json create mode 100644 samples/js-advanced-commenting/assets/sample.json create mode 100644 samples/js-display-list/assets/sample.json create mode 100644 samples/js-dynamic-bundling-libraries/assets/sample.json create mode 100644 samples/js-employee-spotlight/assets/sample.json create mode 100644 samples/js-extend-gulp/assets/sample.json create mode 100644 samples/js-extend-webpack/assets/sample.json create mode 100644 samples/js-gitHubBadge/assets/sample.json create mode 100644 samples/js-modern-calendar/assets/sample.json create mode 100644 samples/js-msgraph-thumbnail/assets/sample.json create mode 100644 samples/js-myflows/assets/sample.json create mode 100644 samples/js-powerbi-embedded/assets/sample.json create mode 100644 samples/js-propertycontrols-svg/assets/sample.json create mode 100644 samples/js-public-unjoined-teams/assets/sample.json create mode 100644 samples/js-skype-status/assets/sample.json create mode 100644 samples/js-solution-editions/assets/sample.json create mode 100644 samples/js-theme-manager-2019/assets/sample.json create mode 100644 samples/js-theme-manager/assets/sample.json create mode 100644 samples/js-workbench-customizer/assets/sample.json create mode 100644 samples/knockout-dependent-properties/assets/sample.json create mode 100644 samples/knockout-sp-pnp-js/assets/sample.json create mode 100644 samples/knockout-taxonomy/assets/sample.json create mode 100644 samples/pnp-controls/assets/sample.json create mode 100644 samples/react-3rd-party-api/assets/sample.json create mode 100644 samples/react-Edit-ApplicationCustomizer/assets/sample.json create mode 100644 samples/react-aad-implicitflow/assets/sample.json create mode 100644 samples/react-aad-webapi/assets/sample.json create mode 100644 samples/react-accordion-section/assets/sample.json create mode 100644 samples/react-accordion/assets/sample.json create mode 100644 samples/react-adaptive-cards-image-gallery/assets/sample.json create mode 100644 samples/react-adaptivecards-hooks/assets/sample.json create mode 100644 samples/react-adaptivecards/assets/sample.json create mode 100644 samples/react-add-js-css-ref/assets/sample.json create mode 100644 samples/react-admin-sc-catalog-pnpjs/assets/sample.json create mode 100644 samples/react-aggregated-calendar/assets/sample.json create mode 100644 samples/react-app-settings/assets/sample.json create mode 100644 samples/react-appinsights-dashboard/assets/sample.json create mode 100644 samples/react-async-await-sp-pnp-js/assets/sample.json create mode 100644 samples/react-avatar/assets/sample.json create mode 100644 samples/react-azfunc-vimeo/assets/sample.json create mode 100644 samples/react-banner/assets/sample.json create mode 100644 samples/react-birthdays/assets/sample.json create mode 100644 samples/react-bot-framework-secure/assets/sample.json create mode 100644 samples/react-bot-framework-sso/assets/sample.json create mode 100644 samples/react-bot-framework/assets/sample.json create mode 100644 samples/react-calendar-feed/assets/sample.json create mode 100644 samples/react-calendar/assets/sample.json create mode 100644 samples/react-carousel/assets/sample.json create mode 100644 samples/react-chartcontrol/assets/sample.json create mode 100644 samples/react-check-flows/assets/sample.json create mode 100644 samples/react-check-user-group/assets/sample.json create mode 100644 samples/react-comparer/assets/sample.json create mode 100644 samples/react-components-dynamicloading/assets/sample.json create mode 100644 samples/react-content-query-online/assets/sample.json create mode 100644 samples/react-content-query-onprem/assets/sample.json create mode 100644 samples/react-covid19-info/assets/sample.json create mode 100644 samples/react-css-in-js-typestyle/assets/sample.json create mode 100644 samples/react-custom-links/assets/sample.json create mode 100644 samples/react-custompropertypanecontrols/assets/sample.json create mode 100644 samples/react-daterangepicker/assets/sample.json create mode 100644 samples/react-designpatterns-typescript/assets/sample.json create mode 100644 samples/react-dev-radar/assets/sample.json create mode 100644 samples/react-directory/assets/sample.json create mode 100644 samples/react-display-hierarchy/assets/sample.json create mode 100644 samples/react-documents-detailslist/assets/sample.json create mode 100644 samples/react-dynamics-crm-api/assets/sample.json create mode 100644 samples/react-enhanced-list-formatting/assets/sample.json create mode 100644 samples/react-enhanced-powerapps/assets/sample.json create mode 100644 samples/react-events-aggregator/assets/sample.json create mode 100644 samples/react-events-dynamicdata/assets/sample.json create mode 100644 samples/react-facebook-plugin/assets/sample.json create mode 100644 samples/react-faqapp/assets/sample.json create mode 100644 samples/react-feature-framework/assets/sample.json create mode 100644 samples/react-feedback/assets/sample.json create mode 100644 samples/react-file-upload/assets/sample.json create mode 100644 samples/react-followedsites/assets/sample.json create mode 100644 samples/react-functional-component-with-data-fetch/assets/sample.json create mode 100644 samples/react-functional-component/assets/sample.json create mode 100644 samples/react-functional-servicescope-hooks/assets/sample.json create mode 100644 samples/react-functional-stateful-component/assets/sample.json create mode 100644 samples/react-github-badge/assets/sample.json create mode 100644 samples/react-global-news/assets/sample.json create mode 100644 samples/react-google-fit/assets/sample.json create mode 100644 samples/react-graph-calendar/assets/sample.json create mode 100644 samples/react-graph-cascading-managed-metadata/assets/sample.json create mode 100644 samples/react-graph-evalurl/assets/sample.json create mode 100644 samples/react-graph-feedback-form/assets/sample.json create mode 100644 samples/react-graph-personalemail/assets/sample.json create mode 100644 samples/react-graph-pnpjs/assets/sample.json create mode 100644 samples/react-graph-reports/assets/sample.json create mode 100644 samples/react-graph-schema-extensions/assets/sample.json create mode 100644 samples/react-graph-telephonedirectory/assets/sample.json create mode 100644 samples/react-hooks/assets/sample.json create mode 100644 samples/react-image-gallery/assets/sample.json create mode 100644 samples/react-image-magnifier/assets/sample.json create mode 100644 samples/react-image-slider-list-taxonomy-filter/assets/sample.json create mode 100644 samples/react-invitation-manager/assets/sample.json create mode 100644 samples/react-ioc-tests/assets/sample.json create mode 100644 samples/react-item-History/assets/sample.json create mode 100644 samples/react-jest-testing/assets/sample.json create mode 100644 samples/react-kanban-board/assets/sample.json create mode 100644 samples/react-links/assets/sample.json create mode 100644 samples/react-list-form/assets/sample.json create mode 100644 samples/react-list-items-menu/assets/sample.json create mode 100644 samples/react-lob-integration/assets/sample.json create mode 100644 samples/react-manage-o365-groups/assets/sample.json create mode 100644 samples/react-manage-profile-card-properties/assets/sample.json create mode 100644 samples/react-manage-sitedesigns/assets/sample.json create mode 100644 samples/react-manage-spfx-solutions-alm/assets/sample.json create mode 100644 samples/react-material-ui/assets/sample.json create mode 100644 samples/react-members-with-presence/assets/sample.json create mode 100644 samples/react-mgtEvents/assets/sample.json create mode 100644 samples/react-minesweeper/assets/sample.json create mode 100644 samples/react-mobx-multiple-stores/assets/sample.json create mode 100644 samples/react-mobx/assets/sample.json create mode 100644 samples/react-modern-charts/assets/sample.json create mode 100644 samples/react-modern-organization-chart/assets/sample.json create mode 100644 samples/react-msal-msgraph/assets/sample.json create mode 100644 samples/react-msgraph-extension/assets/sample.json create mode 100644 samples/react-msgraph-peoplesearch/assets/sample.json create mode 100644 samples/react-multilist-grid/assets/sample.json create mode 100644 samples/react-multimedia-gallery/assets/sample.json create mode 100644 samples/react-multipage/assets/sample.json create mode 100644 samples/react-multiscreen-webpart/assets/sample.json create mode 100644 samples/react-my-groups/assets/sample.json create mode 100644 samples/react-my-personal-apps/assets/sample.json create mode 100644 samples/react-my-sites/assets/sample.json create mode 100644 samples/react-my-teams/assets/sample.json create mode 100644 samples/react-mytasks/assets/sample.json delete mode 100644 samples/react-office-add-in-save-email-to-sharepoint/src/index.ts delete mode 100644 samples/react-office-add-in-save-email-to-sharepoint/src/webparts/saveEmailToSharePoint/loc/en-us.js delete mode 100644 samples/react-office-add-in-save-email-to-sharepoint/src/webparts/saveEmailToSharePoint/loc/mystrings.d.ts delete mode 100644 samples/react-office-add-in-save-email-to-sharepoint/teams/e6083c02-3280-4430-a877-22cbc6251d21_color.png delete mode 100644 samples/react-office-add-in-save-email-to-sharepoint/teams/e6083c02-3280-4430-a877-22cbc6251d21_outline.png create mode 100644 samples/react-officegraph/assets/sample.json create mode 100644 samples/react-offline-first/assets/sample.json create mode 100644 samples/react-organisationchart/assets/sample.json create mode 100644 samples/react-outlook-add-todo-task/assets/sample.json create mode 100644 samples/react-outlook-copy2teams/assets/sample.json create mode 100644 samples/react-page-navigator/assets/sample.json create mode 100644 samples/react-page-sections-navigation/assets/sample.json create mode 100644 samples/react-pagecontributors/assets/sample.json create mode 100644 samples/react-pages-hierarchy/assets/sample.json create mode 100644 samples/react-people-directory/assets/sample.json create mode 100644 samples/react-peoplepicker/assets/sample.json create mode 100644 samples/react-personal-calendar/assets/sample.json create mode 100644 samples/react-personal-contacts/assets/sample.json create mode 100644 samples/react-personal-email/assets/sample.json create mode 100644 samples/react-personal-greeting/assets/sample.json create mode 100644 samples/react-personal-tasks/assets/sample.json create mode 100644 samples/react-photo-sync/assets/sample.json create mode 100644 samples/react-pnp-controls-list-view-fields/assets/sample.json create mode 100644 samples/react-pnpjs-project-online/assets/sample.json create mode 100644 samples/react-pnpjsexplorer/assets/sample.json create mode 100644 samples/react-project-online/assets/sample.json create mode 100644 samples/react-property-bag-editor/assets/sample.json create mode 100644 samples/react-provision-assets/assets/sample.json create mode 100644 samples/react-questions-and-answers/assets/sample.json create mode 100644 samples/react-quick-poll/assets/sample.json create mode 100644 samples/react-quotes/assets/sample.json create mode 100644 samples/react-real-time/assets/sample.json create mode 100644 samples/react-realtime-documents/assets/sample.json create mode 100644 samples/react-recaptcha/assets/sample.json create mode 100644 samples/react-recent-contacts/assets/sample.json create mode 100644 samples/react-recently-used-documents/assets/sample.json create mode 100644 samples/react-recently-visited-sites/assets/sample.json create mode 100644 samples/react-redux-async-immutablejs/assets/sample.json create mode 100644 samples/react-redux/assets/sample.json create mode 100644 samples/react-reduxform/assets/sample.json create mode 100644 samples/react-restaurant-menu/assets/sample.json create mode 100644 samples/react-rss-reader/assets/sample.json create mode 100644 samples/react-rxjs-event-emitter/assets/sample.json create mode 100644 samples/react-save-attachments/assets/sample.json create mode 100644 samples/react-script-editor-onprem/assets/sample.json create mode 100644 samples/react-script-editor/assets/sample.json delete mode 100644 samples/react-search-refiners/README.md create mode 100644 samples/react-search/assets/sample.json create mode 100644 samples/react-securitygrid/assets/sample.json create mode 100644 samples/react-side-panel/assets/sample.json create mode 100644 samples/react-site-information/assets/sample.json create mode 100644 samples/react-site-provisioning-manager/assets/sample.json create mode 100644 samples/react-sitepages-metadata/assets/sample.json create mode 100644 samples/react-skype-status/assets/sample.json create mode 100644 samples/react-slide-swiper/assets/sample.json create mode 100644 samples/react-smart-profile-photo-editor/assets/sample.json create mode 100644 samples/react-soccer-highlights/assets/sample.json create mode 100644 samples/react-sp-elevatedprivileges/assets/sample.json create mode 100644 samples/react-sp-pnp-js-property-decorators/assets/sample.json create mode 100644 samples/react-sp-site-user-groups/assets/sample.json create mode 100644 samples/react-spupsproperty-sync/assets/sample.json create mode 100644 samples/react-stock-information/assets/sample.json create mode 100644 samples/react-tailwindcss/assets/sample.json create mode 100644 samples/react-target-audience/assets/sample.json create mode 100644 samples/react-taxonomypicker-panel/assets/sample.json create mode 100644 samples/react-taxonomypicker/assets/sample.json create mode 100644 samples/react-team-creator/assets/sample.json create mode 100644 samples/react-teams-configure-tab/assets/sample.json create mode 100644 samples/react-teams-message/assets/sample.json create mode 100644 samples/react-teams-personal-app-settings/assets/sample.json create mode 100644 samples/react-teams-send-notification/assets/sample.json create mode 100644 samples/react-teams-tab-field-visit-mashup/assets/sample.json create mode 100644 samples/react-teams-tab-suggested-members/assets/sample.json create mode 100644 samples/react-teams-tabs-pnpjs/assets/sample.json create mode 100644 samples/react-teams-tagging/assets/sample.json create mode 100644 samples/react-tenant-properties/assets/sample.json create mode 100644 samples/react-themes/assets/sample.json create mode 100644 samples/react-tiles/assets/sample.json create mode 100644 samples/react-timeline/assets/sample.json create mode 100644 samples/react-tinymce/assets/sample.json create mode 100644 samples/react-todo-basic/assets/sample.json create mode 100644 samples/react-tour-pnpjs/assets/sample.json create mode 100644 samples/react-tree-orgchart/assets/sample.json create mode 100644 samples/react-twitter/assets/sample.json create mode 100644 samples/react-upgrade-me/assets/sample.json create mode 100644 samples/react-versiondisplay/assets/sample.json create mode 100644 samples/react-videolibrary/assets/sample.json create mode 100644 samples/react-visio/assets/sample.json create mode 100644 samples/react-weather-information/assets/sample.json create mode 100644 samples/react-webcam/assets/sample.json create mode 100644 samples/react-webhooks-realtime/assets/sample.json create mode 100644 samples/react-webpartdetails/assets/sample.json create mode 100644 samples/react-word-game/assets/sample.json create mode 100644 samples/react-world-clocks/assets/sample.json create mode 100644 samples/react-world-time/assets/sample.json create mode 100644 samples/react-yammer-api/assets/sample.json create mode 100644 samples/react-yammer-praise/assets/sample.json create mode 100644 samples/react-youtube/assets/sample.json create mode 100644 samples/react-zpl-viewer/assets/sample.json create mode 100644 samples/riot-list/assets/sample.json create mode 100644 samples/section-backgrounds/assets/sample.json create mode 100644 samples/sharepoint-crud/assets/sample.json create mode 100644 samples/vue-js-org-chart/assets/sample.json create mode 100644 samples/vuejs-todo-single-file-component/assets/sample.json diff --git a/samples/aad-api-spo-cookie/assets/sample.json b/samples/aad-api-spo-cookie/assets/sample.json new file mode 100644 index 000000000..142ccaac6 --- /dev/null +++ b/samples/aad-api-spo-cookie/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular-aad-webapi/assets/sample.json b/samples/angular-aad-webapi/assets/sample.json new file mode 100644 index 000000000..108ef2e29 --- /dev/null +++ b/samples/angular-aad-webapi/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular-greeting/assets/sample.json b/samples/angular-greeting/assets/sample.json new file mode 100644 index 000000000..f08497d05 --- /dev/null +++ b/samples/angular-greeting/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular-migration/assets/sample.json b/samples/angular-migration/assets/sample.json new file mode 100644 index 000000000..710b753eb --- /dev/null +++ b/samples/angular-migration/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular-msgraph/assets/sample.json b/samples/angular-msgraph/assets/sample.json new file mode 100644 index 000000000..acc947208 --- /dev/null +++ b/samples/angular-msgraph/assets/sample.json @@ -0,0 +1,44 @@ +{ + "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": [] +} diff --git a/samples/angular-multipage/assets/sample.json b/samples/angular-multipage/assets/sample.json new file mode 100644 index 000000000..d68a6a546 --- /dev/null +++ b/samples/angular-multipage/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular-ngofficeuifabric-file-upload/assets/sample.json b/samples/angular-ngofficeuifabric-file-upload/assets/sample.json new file mode 100644 index 000000000..ccb65d68d --- /dev/null +++ b/samples/angular-ngofficeuifabric-file-upload/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular-ngofficeuifabric-todo/assets/sample.json b/samples/angular-ngofficeuifabric-todo/assets/sample.json new file mode 100644 index 000000000..f8efb00b2 --- /dev/null +++ b/samples/angular-ngofficeuifabric-todo/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular-search/assets/sample.json b/samples/angular-search/assets/sample.json new file mode 100644 index 000000000..cb3b10019 --- /dev/null +++ b/samples/angular-search/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular-todo/assets/sample.json b/samples/angular-todo/assets/sample.json new file mode 100644 index 000000000..e192df7be --- /dev/null +++ b/samples/angular-todo/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angular2-prototype/assets/sample.json b/samples/angular2-prototype/assets/sample.json new file mode 100644 index 000000000..367ca0992 --- /dev/null +++ b/samples/angular2-prototype/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angularelements-helloworld/assets/sample.json b/samples/angularelements-helloworld/assets/sample.json new file mode 100644 index 000000000..1d75d68d8 --- /dev/null +++ b/samples/angularelements-helloworld/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/angularelements-html-templatefile/assets/sample.json b/samples/angularelements-html-templatefile/assets/sample.json new file mode 100644 index 000000000..63d654a9a --- /dev/null +++ b/samples/angularelements-html-templatefile/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/bootstrap-slider/assets/sample.json b/samples/bootstrap-slider/assets/sample.json new file mode 100644 index 000000000..4cc547f80 --- /dev/null +++ b/samples/bootstrap-slider/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/handlebarsjs-webpack-loader/assets/sample.json b/samples/handlebarsjs-webpack-loader/assets/sample.json new file mode 100644 index 000000000..0497ac19d --- /dev/null +++ b/samples/handlebarsjs-webpack-loader/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/jquery-cdn/assets/sample.json b/samples/jquery-cdn/assets/sample.json new file mode 100644 index 000000000..81b526dea --- /dev/null +++ b/samples/jquery-cdn/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/jquery-photopile/assets/sample.json b/samples/jquery-photopile/assets/sample.json new file mode 100644 index 000000000..51baa921a --- /dev/null +++ b/samples/jquery-photopile/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-advanced-commenting/assets/sample.json b/samples/js-advanced-commenting/assets/sample.json new file mode 100644 index 000000000..b848653b1 --- /dev/null +++ b/samples/js-advanced-commenting/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-display-list/assets/sample.json b/samples/js-display-list/assets/sample.json new file mode 100644 index 000000000..cd4e21e16 --- /dev/null +++ b/samples/js-display-list/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-dynamic-bundling-libraries/assets/sample.json b/samples/js-dynamic-bundling-libraries/assets/sample.json new file mode 100644 index 000000000..3f493bf79 --- /dev/null +++ b/samples/js-dynamic-bundling-libraries/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-employee-spotlight/assets/sample.json b/samples/js-employee-spotlight/assets/sample.json new file mode 100644 index 000000000..ffb9cd522 --- /dev/null +++ b/samples/js-employee-spotlight/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-extend-gulp/assets/sample.json b/samples/js-extend-gulp/assets/sample.json new file mode 100644 index 000000000..92c29bdaf --- /dev/null +++ b/samples/js-extend-gulp/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-extend-webpack/assets/sample.json b/samples/js-extend-webpack/assets/sample.json new file mode 100644 index 000000000..4edc153c5 --- /dev/null +++ b/samples/js-extend-webpack/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-gitHubBadge/assets/sample.json b/samples/js-gitHubBadge/assets/sample.json new file mode 100644 index 000000000..043f96e42 --- /dev/null +++ b/samples/js-gitHubBadge/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-modern-calendar/assets/sample.json b/samples/js-modern-calendar/assets/sample.json new file mode 100644 index 000000000..ab408232b --- /dev/null +++ b/samples/js-modern-calendar/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-msgraph-thumbnail/assets/sample.json b/samples/js-msgraph-thumbnail/assets/sample.json new file mode 100644 index 000000000..3e743750d --- /dev/null +++ b/samples/js-msgraph-thumbnail/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-myflows/assets/sample.json b/samples/js-myflows/assets/sample.json new file mode 100644 index 000000000..569b6c3cc --- /dev/null +++ b/samples/js-myflows/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-powerbi-embedded/assets/sample.json b/samples/js-powerbi-embedded/assets/sample.json new file mode 100644 index 000000000..b632da694 --- /dev/null +++ b/samples/js-powerbi-embedded/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-propertycontrols-svg/assets/sample.json b/samples/js-propertycontrols-svg/assets/sample.json new file mode 100644 index 000000000..18168e789 --- /dev/null +++ b/samples/js-propertycontrols-svg/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-public-unjoined-teams/assets/sample.json b/samples/js-public-unjoined-teams/assets/sample.json new file mode 100644 index 000000000..30e6c5f3d --- /dev/null +++ b/samples/js-public-unjoined-teams/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-skype-status/assets/sample.json b/samples/js-skype-status/assets/sample.json new file mode 100644 index 000000000..e4b701a52 --- /dev/null +++ b/samples/js-skype-status/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-solution-editions/assets/sample.json b/samples/js-solution-editions/assets/sample.json new file mode 100644 index 000000000..2b286389f --- /dev/null +++ b/samples/js-solution-editions/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-theme-manager-2019/assets/sample.json b/samples/js-theme-manager-2019/assets/sample.json new file mode 100644 index 000000000..7461bdd5c --- /dev/null +++ b/samples/js-theme-manager-2019/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-theme-manager/assets/sample.json b/samples/js-theme-manager/assets/sample.json new file mode 100644 index 000000000..a86a168b8 --- /dev/null +++ b/samples/js-theme-manager/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/js-workbench-customizer/assets/sample.json b/samples/js-workbench-customizer/assets/sample.json new file mode 100644 index 000000000..0452d608a --- /dev/null +++ b/samples/js-workbench-customizer/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/knockout-dependent-properties/assets/sample.json b/samples/knockout-dependent-properties/assets/sample.json new file mode 100644 index 000000000..d538590b0 --- /dev/null +++ b/samples/knockout-dependent-properties/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/knockout-sp-pnp-js/assets/sample.json b/samples/knockout-sp-pnp-js/assets/sample.json new file mode 100644 index 000000000..e54210052 --- /dev/null +++ b/samples/knockout-sp-pnp-js/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/knockout-taxonomy/assets/sample.json b/samples/knockout-taxonomy/assets/sample.json new file mode 100644 index 000000000..e26182651 --- /dev/null +++ b/samples/knockout-taxonomy/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/pnp-controls/assets/sample.json b/samples/pnp-controls/assets/sample.json new file mode 100644 index 000000000..ca7c91a2d --- /dev/null +++ b/samples/pnp-controls/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-3rd-party-api/assets/sample.json b/samples/react-3rd-party-api/assets/sample.json new file mode 100644 index 000000000..de519b945 --- /dev/null +++ b/samples/react-3rd-party-api/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-Edit-ApplicationCustomizer/assets/sample.json b/samples/react-Edit-ApplicationCustomizer/assets/sample.json new file mode 100644 index 000000000..27c8e9668 --- /dev/null +++ b/samples/react-Edit-ApplicationCustomizer/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-aad-implicitflow/assets/sample.json b/samples/react-aad-implicitflow/assets/sample.json new file mode 100644 index 000000000..d272b4a06 --- /dev/null +++ b/samples/react-aad-implicitflow/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-aad-webapi/assets/sample.json b/samples/react-aad-webapi/assets/sample.json new file mode 100644 index 000000000..908a6dfa6 --- /dev/null +++ b/samples/react-aad-webapi/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-accordion-dynamic-section/assets/sample.json b/samples/react-accordion-dynamic-section/assets/sample.json index 7e93d36cb..f84b6913a 100644 --- a/samples/react-accordion-dynamic-section/assets/sample.json +++ b/samples/react-accordion-dynamic-section/assets/sample.json @@ -1,68 +1 @@ -{ - "$schema": "https://developer.microsoft.com/en-us/json-schemas/pnp/samples/v1.0/metadata-schema.json", - "name": "pnp-sp-dev-spfx-web-parts-react-accordion-dynamic-section", - "version": "1.4.2.0", - "source": "pnp", - "title": "Dynamic Accordion - FAQ Builder", - "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's Accordion Section FAQ Builder web part. It was extended support single FAQs list based on Category and dynamic properties selection.", - "Adds a collapsible accordion section to an Office 365 SharePoint page or Teams Tab.", - "Ideal for displaying FAQs.", - "When adding the web part, you'll be prompted to select a list from a property panel dropdown (target list must be created with FAQ type Question and Answer.).", - "The web part expects a column called Category of type choice that will be used as the category.", - "The web part will automatically load all the properties in two dropdowns. One for Accordion Title and One for Accordion Content that must be html type.", - "This will generate an accordion with one section for each item in the list.", - "Modifications/deletions/additions to the list items in the target list of an added web part are automatically reflected on the page." - ], - "products": [ - "Microsoft Teams", "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-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/react-accordion-section.gif", - "alt": "Alt text for the image" - }, - { - "type": "slideshow", - "order": 102, - "alt": "Alt text for the image", - "slides": [ - { "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/FAQsList.png","order": 10, "alt": "The FAQ list, showing the category column"}, - { "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/AccordionSettings1.png","order": 20, "alt": "The web part before being configured"}, - { "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/master/samples/react-accordion-dynamic-section/assets/AccordionSettings2.png","order": 30, "alt": "An illustration showing the relation between the configuration settings and the web part results"} - ] - } - ], - "authors": [ - { - "gitHubAccount": "ejbenke", - "company": "Clackamas County", - "pictureUrl": "https://avatars.githubusercontent.com/u/5017358?s=460&u=789d537eb1e89ce82b36604fa7ff48cc40fcd5a2&v=4" - }, - { - "gitHubAccount": "mikezimm", - "pictureUrl": "https://avatars.githubusercontent.com/u/49648086?s=460&v=4" - }, - { - "gitHubAccount": "jyasir", - "company": "DXC Technology", - "pictureUrl": "https://pbs.twimg.com/profile_images/1145701162190082050/pbgFe-BJ_400x400.png" - } - ] -} \ No newline at end of file +{"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 diff --git a/samples/react-accordion-section/assets/sample.json b/samples/react-accordion-section/assets/sample.json new file mode 100644 index 000000000..f276e5e81 --- /dev/null +++ b/samples/react-accordion-section/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-accordion/assets/sample.json b/samples/react-accordion/assets/sample.json new file mode 100644 index 000000000..660be89ff --- /dev/null +++ b/samples/react-accordion/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-adaptive-cards-image-gallery/assets/sample.json b/samples/react-adaptive-cards-image-gallery/assets/sample.json new file mode 100644 index 000000000..e696f041f --- /dev/null +++ b/samples/react-adaptive-cards-image-gallery/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-adaptivecards-hooks/assets/sample.json b/samples/react-adaptivecards-hooks/assets/sample.json new file mode 100644 index 000000000..6c325365a --- /dev/null +++ b/samples/react-adaptivecards-hooks/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-adaptivecards/assets/sample.json b/samples/react-adaptivecards/assets/sample.json new file mode 100644 index 000000000..8bba59676 --- /dev/null +++ b/samples/react-adaptivecards/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-add-js-css-ref/assets/sample.json b/samples/react-add-js-css-ref/assets/sample.json new file mode 100644 index 000000000..6c5ed8675 --- /dev/null +++ b/samples/react-add-js-css-ref/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-admin-sc-catalog-pnpjs/assets/sample.json b/samples/react-admin-sc-catalog-pnpjs/assets/sample.json new file mode 100644 index 000000000..c76b662ec --- /dev/null +++ b/samples/react-admin-sc-catalog-pnpjs/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-aggregated-calendar/assets/sample.json b/samples/react-aggregated-calendar/assets/sample.json new file mode 100644 index 000000000..d682b198b --- /dev/null +++ b/samples/react-aggregated-calendar/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-app-settings/assets/sample.json b/samples/react-app-settings/assets/sample.json new file mode 100644 index 000000000..fd024e9aa --- /dev/null +++ b/samples/react-app-settings/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-appinsights-dashboard/assets/sample.json b/samples/react-appinsights-dashboard/assets/sample.json new file mode 100644 index 000000000..d87683c94 --- /dev/null +++ b/samples/react-appinsights-dashboard/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-async-await-sp-pnp-js/assets/sample.json b/samples/react-async-await-sp-pnp-js/assets/sample.json new file mode 100644 index 000000000..58d3297e3 --- /dev/null +++ b/samples/react-async-await-sp-pnp-js/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-avatar/assets/sample.json b/samples/react-avatar/assets/sample.json new file mode 100644 index 000000000..cdea4718e --- /dev/null +++ b/samples/react-avatar/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-azfunc-vimeo/assets/sample.json b/samples/react-azfunc-vimeo/assets/sample.json new file mode 100644 index 000000000..b4ff1bea3 --- /dev/null +++ b/samples/react-azfunc-vimeo/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-banner/assets/sample.json b/samples/react-banner/assets/sample.json new file mode 100644 index 000000000..14d3bb727 --- /dev/null +++ b/samples/react-banner/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-birthdays/assets/sample.json b/samples/react-birthdays/assets/sample.json new file mode 100644 index 000000000..b26df57cd --- /dev/null +++ b/samples/react-birthdays/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-bot-framework-secure/assets/sample.json b/samples/react-bot-framework-secure/assets/sample.json new file mode 100644 index 000000000..1256b3f5f --- /dev/null +++ b/samples/react-bot-framework-secure/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-bot-framework-sso/assets/sample.json b/samples/react-bot-framework-sso/assets/sample.json new file mode 100644 index 000000000..d5405c67b --- /dev/null +++ b/samples/react-bot-framework-sso/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-bot-framework/assets/sample.json b/samples/react-bot-framework/assets/sample.json new file mode 100644 index 000000000..13dd71658 --- /dev/null +++ b/samples/react-bot-framework/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-calendar-feed/assets/sample.json b/samples/react-calendar-feed/assets/sample.json new file mode 100644 index 000000000..e95f7eaad --- /dev/null +++ b/samples/react-calendar-feed/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-calendar/assets/sample.json b/samples/react-calendar/assets/sample.json new file mode 100644 index 000000000..432e7e244 --- /dev/null +++ b/samples/react-calendar/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-carousel/assets/sample.json b/samples/react-carousel/assets/sample.json new file mode 100644 index 000000000..ecce19cf4 --- /dev/null +++ b/samples/react-carousel/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-chartcontrol/assets/sample.json b/samples/react-chartcontrol/assets/sample.json new file mode 100644 index 000000000..a26e33864 --- /dev/null +++ b/samples/react-chartcontrol/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-check-flows/assets/sample.json b/samples/react-check-flows/assets/sample.json new file mode 100644 index 000000000..4b38b6c17 --- /dev/null +++ b/samples/react-check-flows/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-check-user-group/assets/sample.json b/samples/react-check-user-group/assets/sample.json new file mode 100644 index 000000000..dcde21a2e --- /dev/null +++ b/samples/react-check-user-group/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-comparer/assets/sample.json b/samples/react-comparer/assets/sample.json new file mode 100644 index 000000000..f43ce0191 --- /dev/null +++ b/samples/react-comparer/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-components-dynamicloading/assets/sample.json b/samples/react-components-dynamicloading/assets/sample.json new file mode 100644 index 000000000..3c55288c4 --- /dev/null +++ b/samples/react-components-dynamicloading/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-content-query-online/assets/sample.json b/samples/react-content-query-online/assets/sample.json new file mode 100644 index 000000000..b50a8657f --- /dev/null +++ b/samples/react-content-query-online/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-content-query-onprem/assets/sample.json b/samples/react-content-query-onprem/assets/sample.json new file mode 100644 index 000000000..fa0ab707d --- /dev/null +++ b/samples/react-content-query-onprem/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-covid19-info/assets/sample.json b/samples/react-covid19-info/assets/sample.json new file mode 100644 index 000000000..b29c9c8f5 --- /dev/null +++ b/samples/react-covid19-info/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-css-in-js-typestyle/assets/sample.json b/samples/react-css-in-js-typestyle/assets/sample.json new file mode 100644 index 000000000..591185248 --- /dev/null +++ b/samples/react-css-in-js-typestyle/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-custom-links/assets/sample.json b/samples/react-custom-links/assets/sample.json new file mode 100644 index 000000000..4ee28e529 --- /dev/null +++ b/samples/react-custom-links/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-custompropertypanecontrols/assets/sample.json b/samples/react-custompropertypanecontrols/assets/sample.json new file mode 100644 index 000000000..ea8a07b11 --- /dev/null +++ b/samples/react-custompropertypanecontrols/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-daterangepicker/assets/sample.json b/samples/react-daterangepicker/assets/sample.json new file mode 100644 index 000000000..9875a956b --- /dev/null +++ b/samples/react-daterangepicker/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-designpatterns-typescript/assets/sample.json b/samples/react-designpatterns-typescript/assets/sample.json new file mode 100644 index 000000000..6316291f4 --- /dev/null +++ b/samples/react-designpatterns-typescript/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-dev-radar/assets/sample.json b/samples/react-dev-radar/assets/sample.json new file mode 100644 index 000000000..9350f259e --- /dev/null +++ b/samples/react-dev-radar/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-directory/assets/sample.json b/samples/react-directory/assets/sample.json new file mode 100644 index 000000000..e7d0ce9c4 --- /dev/null +++ b/samples/react-directory/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-display-hierarchy/assets/sample.json b/samples/react-display-hierarchy/assets/sample.json new file mode 100644 index 000000000..e4c66a912 --- /dev/null +++ b/samples/react-display-hierarchy/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-documents-detailslist/assets/sample.json b/samples/react-documents-detailslist/assets/sample.json new file mode 100644 index 000000000..aa1022310 --- /dev/null +++ b/samples/react-documents-detailslist/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-dynamics-crm-api/assets/sample.json b/samples/react-dynamics-crm-api/assets/sample.json new file mode 100644 index 000000000..9be91dc81 --- /dev/null +++ b/samples/react-dynamics-crm-api/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-enhanced-list-formatting/assets/sample.json b/samples/react-enhanced-list-formatting/assets/sample.json new file mode 100644 index 000000000..b018fda23 --- /dev/null +++ b/samples/react-enhanced-list-formatting/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-enhanced-powerapps/assets/sample.json b/samples/react-enhanced-powerapps/assets/sample.json new file mode 100644 index 000000000..03ddbcc5a --- /dev/null +++ b/samples/react-enhanced-powerapps/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-events-aggregator/assets/sample.json b/samples/react-events-aggregator/assets/sample.json new file mode 100644 index 000000000..a81635e8f --- /dev/null +++ b/samples/react-events-aggregator/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-events-dynamicdata/assets/sample.json b/samples/react-events-dynamicdata/assets/sample.json new file mode 100644 index 000000000..f168f68b8 --- /dev/null +++ b/samples/react-events-dynamicdata/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-facebook-plugin/assets/sample.json b/samples/react-facebook-plugin/assets/sample.json new file mode 100644 index 000000000..4f57e08c5 --- /dev/null +++ b/samples/react-facebook-plugin/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-faqapp/assets/sample.json b/samples/react-faqapp/assets/sample.json new file mode 100644 index 000000000..cae3dabad --- /dev/null +++ b/samples/react-faqapp/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-feature-framework/assets/sample.json b/samples/react-feature-framework/assets/sample.json new file mode 100644 index 000000000..a996bfd8a --- /dev/null +++ b/samples/react-feature-framework/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-feedback/assets/sample.json b/samples/react-feedback/assets/sample.json new file mode 100644 index 000000000..2d4d56e82 --- /dev/null +++ b/samples/react-feedback/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-file-upload/assets/sample.json b/samples/react-file-upload/assets/sample.json new file mode 100644 index 000000000..3a4ed497e --- /dev/null +++ b/samples/react-file-upload/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-followedsites/assets/sample.json b/samples/react-followedsites/assets/sample.json new file mode 100644 index 000000000..d14e08372 --- /dev/null +++ b/samples/react-followedsites/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-functional-component-with-data-fetch/assets/sample.json b/samples/react-functional-component-with-data-fetch/assets/sample.json new file mode 100644 index 000000000..afda18816 --- /dev/null +++ b/samples/react-functional-component-with-data-fetch/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-functional-component/assets/sample.json b/samples/react-functional-component/assets/sample.json new file mode 100644 index 000000000..f0cd7826f --- /dev/null +++ b/samples/react-functional-component/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-functional-servicescope-hooks/assets/sample.json b/samples/react-functional-servicescope-hooks/assets/sample.json new file mode 100644 index 000000000..03d58771e --- /dev/null +++ b/samples/react-functional-servicescope-hooks/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-functional-stateful-component/assets/sample.json b/samples/react-functional-stateful-component/assets/sample.json new file mode 100644 index 000000000..aac0f1b28 --- /dev/null +++ b/samples/react-functional-stateful-component/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-github-badge/assets/sample.json b/samples/react-github-badge/assets/sample.json new file mode 100644 index 000000000..fffe48180 --- /dev/null +++ b/samples/react-github-badge/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-global-news/assets/sample.json b/samples/react-global-news/assets/sample.json new file mode 100644 index 000000000..b6c3a19b4 --- /dev/null +++ b/samples/react-global-news/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-google-fit/assets/sample.json b/samples/react-google-fit/assets/sample.json new file mode 100644 index 000000000..048d42585 --- /dev/null +++ b/samples/react-google-fit/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-calendar/assets/sample.json b/samples/react-graph-calendar/assets/sample.json new file mode 100644 index 000000000..bbd2dcf50 --- /dev/null +++ b/samples/react-graph-calendar/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-cascading-managed-metadata/assets/sample.json b/samples/react-graph-cascading-managed-metadata/assets/sample.json new file mode 100644 index 000000000..8765188c5 --- /dev/null +++ b/samples/react-graph-cascading-managed-metadata/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-evalurl/assets/sample.json b/samples/react-graph-evalurl/assets/sample.json new file mode 100644 index 000000000..0d3f43ea3 --- /dev/null +++ b/samples/react-graph-evalurl/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-feedback-form/assets/sample.json b/samples/react-graph-feedback-form/assets/sample.json new file mode 100644 index 000000000..1da3174f8 --- /dev/null +++ b/samples/react-graph-feedback-form/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-personalemail/assets/sample.json b/samples/react-graph-personalemail/assets/sample.json new file mode 100644 index 000000000..fa589641b --- /dev/null +++ b/samples/react-graph-personalemail/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-pnpjs/assets/sample.json b/samples/react-graph-pnpjs/assets/sample.json new file mode 100644 index 000000000..ad4f950bb --- /dev/null +++ b/samples/react-graph-pnpjs/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-reports/assets/sample.json b/samples/react-graph-reports/assets/sample.json new file mode 100644 index 000000000..a9e708885 --- /dev/null +++ b/samples/react-graph-reports/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-schema-extensions/assets/sample.json b/samples/react-graph-schema-extensions/assets/sample.json new file mode 100644 index 000000000..50037f2d1 --- /dev/null +++ b/samples/react-graph-schema-extensions/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-graph-telephonedirectory/assets/sample.json b/samples/react-graph-telephonedirectory/assets/sample.json new file mode 100644 index 000000000..df1656e43 --- /dev/null +++ b/samples/react-graph-telephonedirectory/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-hooks/assets/sample.json b/samples/react-hooks/assets/sample.json new file mode 100644 index 000000000..5a7f67980 --- /dev/null +++ b/samples/react-hooks/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-image-gallery/assets/sample.json b/samples/react-image-gallery/assets/sample.json new file mode 100644 index 000000000..45a4b95be --- /dev/null +++ b/samples/react-image-gallery/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-image-magnifier/assets/sample.json b/samples/react-image-magnifier/assets/sample.json new file mode 100644 index 000000000..49819215b --- /dev/null +++ b/samples/react-image-magnifier/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-image-slider-list-taxonomy-filter/assets/sample.json b/samples/react-image-slider-list-taxonomy-filter/assets/sample.json new file mode 100644 index 000000000..f458dcdb6 --- /dev/null +++ b/samples/react-image-slider-list-taxonomy-filter/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-invitation-manager/assets/sample.json b/samples/react-invitation-manager/assets/sample.json new file mode 100644 index 000000000..e5841dc05 --- /dev/null +++ b/samples/react-invitation-manager/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-ioc-tests/assets/sample.json b/samples/react-ioc-tests/assets/sample.json new file mode 100644 index 000000000..da44d7f4e --- /dev/null +++ b/samples/react-ioc-tests/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-item-History/assets/sample.json b/samples/react-item-History/assets/sample.json new file mode 100644 index 000000000..ae3aafc45 --- /dev/null +++ b/samples/react-item-History/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-jest-testing/assets/sample.json b/samples/react-jest-testing/assets/sample.json new file mode 100644 index 000000000..387cef421 --- /dev/null +++ b/samples/react-jest-testing/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-kanban-board/assets/sample.json b/samples/react-kanban-board/assets/sample.json new file mode 100644 index 000000000..2ce3b429d --- /dev/null +++ b/samples/react-kanban-board/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-links/assets/sample.json b/samples/react-links/assets/sample.json new file mode 100644 index 000000000..dbb945143 --- /dev/null +++ b/samples/react-links/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-list-form/assets/sample.json b/samples/react-list-form/assets/sample.json new file mode 100644 index 000000000..0f0cefde3 --- /dev/null +++ b/samples/react-list-form/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-list-items-menu/assets/sample.json b/samples/react-list-items-menu/assets/sample.json new file mode 100644 index 000000000..14f07d191 --- /dev/null +++ b/samples/react-list-items-menu/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-lob-integration/assets/sample.json b/samples/react-lob-integration/assets/sample.json new file mode 100644 index 000000000..77615f561 --- /dev/null +++ b/samples/react-lob-integration/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-manage-o365-groups/assets/sample.json b/samples/react-manage-o365-groups/assets/sample.json new file mode 100644 index 000000000..ed34cf3ad --- /dev/null +++ b/samples/react-manage-o365-groups/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-manage-profile-card-properties/assets/sample.json b/samples/react-manage-profile-card-properties/assets/sample.json new file mode 100644 index 000000000..92a5374be --- /dev/null +++ b/samples/react-manage-profile-card-properties/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-manage-sitedesigns/assets/sample.json b/samples/react-manage-sitedesigns/assets/sample.json new file mode 100644 index 000000000..a5ea494f3 --- /dev/null +++ b/samples/react-manage-sitedesigns/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-manage-spfx-solutions-alm/assets/sample.json b/samples/react-manage-spfx-solutions-alm/assets/sample.json new file mode 100644 index 000000000..26e097295 --- /dev/null +++ b/samples/react-manage-spfx-solutions-alm/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-material-ui/assets/sample.json b/samples/react-material-ui/assets/sample.json new file mode 100644 index 000000000..28089c739 --- /dev/null +++ b/samples/react-material-ui/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-members-with-presence/assets/sample.json b/samples/react-members-with-presence/assets/sample.json new file mode 100644 index 000000000..898e7f31f --- /dev/null +++ b/samples/react-members-with-presence/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-mgtEvents/assets/sample.json b/samples/react-mgtEvents/assets/sample.json new file mode 100644 index 000000000..75dcf4962 --- /dev/null +++ b/samples/react-mgtEvents/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-minesweeper/assets/sample.json b/samples/react-minesweeper/assets/sample.json new file mode 100644 index 000000000..671a688ae --- /dev/null +++ b/samples/react-minesweeper/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-mobx-multiple-stores/assets/sample.json b/samples/react-mobx-multiple-stores/assets/sample.json new file mode 100644 index 000000000..ed11c6ca5 --- /dev/null +++ b/samples/react-mobx-multiple-stores/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-mobx/assets/sample.json b/samples/react-mobx/assets/sample.json new file mode 100644 index 000000000..5fbdc0450 --- /dev/null +++ b/samples/react-mobx/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-modern-charts/assets/sample.json b/samples/react-modern-charts/assets/sample.json new file mode 100644 index 000000000..6014f6829 --- /dev/null +++ b/samples/react-modern-charts/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-modern-organization-chart/assets/sample.json b/samples/react-modern-organization-chart/assets/sample.json new file mode 100644 index 000000000..d757d7421 --- /dev/null +++ b/samples/react-modern-organization-chart/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-msal-msgraph/assets/sample.json b/samples/react-msal-msgraph/assets/sample.json new file mode 100644 index 000000000..56bf300e2 --- /dev/null +++ b/samples/react-msal-msgraph/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-msgraph-extension/assets/sample.json b/samples/react-msgraph-extension/assets/sample.json new file mode 100644 index 000000000..b30b35c45 --- /dev/null +++ b/samples/react-msgraph-extension/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-msgraph-peoplesearch/assets/sample.json b/samples/react-msgraph-peoplesearch/assets/sample.json new file mode 100644 index 000000000..bfc813019 --- /dev/null +++ b/samples/react-msgraph-peoplesearch/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-multilist-grid/assets/sample.json b/samples/react-multilist-grid/assets/sample.json new file mode 100644 index 000000000..c8f92bb03 --- /dev/null +++ b/samples/react-multilist-grid/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-multimedia-gallery/assets/sample.json b/samples/react-multimedia-gallery/assets/sample.json new file mode 100644 index 000000000..6152e37a7 --- /dev/null +++ b/samples/react-multimedia-gallery/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-multipage/assets/sample.json b/samples/react-multipage/assets/sample.json new file mode 100644 index 000000000..90eb13971 --- /dev/null +++ b/samples/react-multipage/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-multiscreen-webpart/assets/sample.json b/samples/react-multiscreen-webpart/assets/sample.json new file mode 100644 index 000000000..8a7fa7be9 --- /dev/null +++ b/samples/react-multiscreen-webpart/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-my-groups/assets/sample.json b/samples/react-my-groups/assets/sample.json new file mode 100644 index 000000000..7fe4c789d --- /dev/null +++ b/samples/react-my-groups/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-my-personal-apps/assets/sample.json b/samples/react-my-personal-apps/assets/sample.json new file mode 100644 index 000000000..265aa6f3f --- /dev/null +++ b/samples/react-my-personal-apps/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-my-sites/assets/sample.json b/samples/react-my-sites/assets/sample.json new file mode 100644 index 000000000..f65c55cc8 --- /dev/null +++ b/samples/react-my-sites/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-my-teams/assets/sample.json b/samples/react-my-teams/assets/sample.json new file mode 100644 index 000000000..a2c645c23 --- /dev/null +++ b/samples/react-my-teams/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-mytasks/assets/sample.json b/samples/react-mytasks/assets/sample.json new file mode 100644 index 000000000..4dee174db --- /dev/null +++ b/samples/react-mytasks/assets/sample.json @@ -0,0 +1 @@ +{"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 diff --git a/samples/react-office-add-in-save-email-to-sharepoint/src/index.ts b/samples/react-office-add-in-save-email-to-sharepoint/src/index.ts deleted file mode 100644 index fb81db1e2..000000000 --- a/samples/react-office-add-in-save-email-to-sharepoint/src/index.ts +++ /dev/null @@ -1 +0,0 @@ -// A file is required to be in the root of the /src directory by the TypeScript compiler diff --git a/samples/react-office-add-in-save-email-to-sharepoint/src/webparts/saveEmailToSharePoint/loc/en-us.js b/samples/react-office-add-in-save-email-to-sharepoint/src/webparts/saveEmailToSharePoint/loc/en-us.js deleted file mode 100644 index 533ee1a34..000000000 --- a/samples/react-office-add-in-save-email-to-sharepoint/src/webparts/saveEmailToSharePoint/loc/en-us.js +++ /dev/null @@ -1,14 +0,0 @@ -define([], function () { - return { - "PropertyPaneDescription": "Description", - "BasicGroupName": "Group Name", - "DescriptionFieldLabel": "Description Field", - "SiteLabel": "Select a site", - "SitePlaceHolder": "Select a site", - "LibraryLabel": "Select a Library", - "LibraryPlaceHolder": "Select a Library", - "PreviewMessage":"The selected email is saved in the {libName} Library. Select 'OK' to preview the saved email.", - "Save": "Save", - "Cancel": "Cancel" - } -}); \ No newline at end of file diff --git a/samples/react-office-add-in-save-email-to-sharepoint/src/webparts/saveEmailToSharePoint/loc/mystrings.d.ts b/samples/react-office-add-in-save-email-to-sharepoint/src/webparts/saveEmailToSharePoint/loc/mystrings.d.ts deleted file mode 100644 index 46ff9f845..000000000 --- a/samples/react-office-add-in-save-email-to-sharepoint/src/webparts/saveEmailToSharePoint/loc/mystrings.d.ts +++ /dev/null @@ -1,17 +0,0 @@ -declare interface ISaveEmailToSharePointWebPartStrings { - PropertyPaneDescription: string; - BasicGroupName: string; - DescriptionFieldLabel: string; - SiteLabel:string; - SitePlaceHolder: string; - LibraryLabel: string; - LibraryPlaceHolder: string; - PreviewMessage: string; - Save: string; - Cancel: string; -} - -declare module 'SaveEmailToSharePointWebPartStrings' { - const strings: ISaveEmailToSharePointWebPartStrings; - export = strings; -} diff --git a/samples/react-office-add-in-save-email-to-sharepoint/teams/e6083c02-3280-4430-a877-22cbc6251d21_color.png b/samples/react-office-add-in-save-email-to-sharepoint/teams/e6083c02-3280-4430-a877-22cbc6251d21_color.png deleted file mode 100644 index a8d2797077f94518d1f84addd0afa2fea87a91db..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3023 zcmb7GXugm?@HX&Y8RzUD z0|4r6&?EQgCv{yA+)i+DbJ#wsD!*f|0huh^BZD0L2TK>Tqgmw}@$UZbC z1dqZIP}pcdOZi8A5Lbcl3s_tN9u*!z0O%SYEJ0LVhT=nmA<=^b6ebif7i%bkE6UJ{ zH#UqAAB+zLkT@wMt}0WGiV2Ad21W5eO-ofa2=9Pk-(Y++Dmol!(f#xrh;9FCe=I&E z6c9;o3jQm00gJ(eMiYS550Bq~m=YxBgCazQ0xy>a3_(AWUF^^K+z4EpK;A{d_I0e# zzKba8L+!C5U3%*p(N5VXKYIT*=91^1?L#=Z!-oel9TN@ORS#oY@7X=f)vhZr2=vt2 z#ozWU<{8H2uKtnY0oS*2_fA*!RLO697+W^N%SjFHUA7fUb31?q%^ zjm{x^M+Efj>`h+kC%`>9sb1c=AHb27NRej1<>zwKI%)tn0;qLVXff9T%Kz6=M+%9e zJD$|Z9~Pw6jDE1T5F;i`s)moL90o4y%c0S{Z>X}VgfB1IaO38Jy@DgBk=WS&MpZ_l zlYEQ$u7Z+xDXZAFhL$yF(2D%fr3UJz?us$aW*1PN1MJyny=76BNi;sjPcM8NJGU4E zH~%8&&8tuTw>Mm5+!wveteLp;@>a`4R-JR7HRwH5Vj4S$DNSeB z8^|dGTxXI!g)FIrAs>(wNs))`u1z{_ImTX;mzm2E*-Gxiy6@j8_Ah?1+}MFGhr&>> z*LJiar{t?4xgj1)VEQ_&?5?eM#C;6;6W-L19yHaMih!l|>;bh$kUHVQ?n*=YYE*nX zFX~m;nmnX+O6%igSczcx%5o2;SpQ?uPngS2!ry$$g) z3JzAxSf^I6PscF*$%{+5+Wr$JL*cB6x;TTO(fx1fOExB<=GEccz({lP)02NiJ#Q+i zaO$9=i^vW<@qARTAIH`-ICgB(g3(dvZ4k!@2s8JU(QjF#DedQZ_-}S$Gd0at7hL%{ z!c7e+2G+HQs2)^#USk~ph}{s~IF2@!@&C|=eftDuqLjZoyjv+*@Pg^*W>8~)5UfLG zPcQ!3rlX|?Z@MX{fs8 z1$?ixIX`ou6yX<2dsK2jmc!1W3{$;fZx&8Gd}&#)OiNbUPgShys&dOzf+uay&bYsd z!%~^1;KGU^N{2N@XftCD=)}!PmBBD4>7VW$&S)Cp#4fDnOJ~2H9Ic8>eC^)WUVjpGXAl=`! zDf;LUS;!d+XC+zIlai!`{X~8`*z_Od9Zn}U)@DYE{yY&Na->Q<)TXYO$AerxmpfE8 z7Ct@PYB4jT?DEp=!#-#-kUHb^&V*#g6SLe$9$0}oPpR&H8ja}xtOCocq^dGp+33FU zH)@6ufhXOpiV=*-p$Vj|Wc?957iFPb)f}WBR^uK%*voZp##RiU;_$`HvCb2++9^R5 zaglnuqc@Wp?2|3-gYoWoo&%CbCFJ~;Lr>utP**%}@lUzwlh#^b5 z?>lAua#}e>QpROeyP8axRTg6NVY|Vud7Lc&aQ|9(ZrlSP4-6Plt^5juJrz*7^;Eem z@Tl^U)9MI@fRcMT2f!JPDebTz&sS^qwr-`(t|W{S&|s?HSIe~~ZAondZ((aiMi#UB zppsQJ+*r$bVxvmrovQL3E70Bzr5%xeRaxy?lWDYb@-3_d-4=l)emJP_v+}NgWP?$R zFqI}wnxI5b!@D^geGYpPv@yOW_%vl1K<9CLDuy;xtEgA54vOFcf;c+w9^{W=pZbf* znW+HG*^J}bd0!+gM!x>+&apc^OG7EQd@>5ABERWUS$Ar|I6p<(l57Oah?*fZ-MT_7 z{Za&5>?b==H$}#tr=NMMODQ;`T#)Rf?$voo{xEejJnCA#m@_WanRh22F8Tit{5?Q)rrIMSpqhdpev| zAjl}s)g^ys` zFdPdKhwaEp8~vjTcIB8Rx}45zWRIv3hkiWosklpcSCd}^Zf7`&XQWz z%L9MwR=aqEM#)pQs-`s>F2o!5jy|A-)&1<&U==XF}{AA<>hf#?iDhN!{w3^JBgN?7*=w z;Yi9xW_!0t!$wSD`v_9Js8?t9L)tum#ZvZxG1`1vZRUyN9k;s%mp!;>j@I=!9$CGYtkVfNo2r^{wk^~;vCb}8{Q&5j0yRjtgvuqz1(_o{txP_dY_*z zY3f1RF+d*e)z^Qch>fE$gm(vITcdRC^xufT#)1|_I9yovDX^?xJ84;I?@AoCG10Br(ky3Jyg``;vNr*fLXmn^dD6hOJ|GNPxGyc zG*jPuQek9CXn48sD{F8eKbOcTgp8FT<=YCePd4-tyJ$AgYcA@qK7Q5?{{@$3sL^gj~j4vbh(TT*_jYcC!sp$6PuRmivf2bTh&V zxh1t+x*)e6dD1E46i0D}uyQ>=o#*`V`F@|z>+}A8|M>p#z2@cNERWoW1OPxDk8?Z) z?wZ>L-vO?y`1mDogRo9H+XI4rwHdI1hGX5a08p1DyH13GJ%WKd!vX+>uI+*p7$~TM zD8t6PJIPGSO2PN&aJfsnevy+O8yn4zpfiCgK_3nzIW|a+BvuHM%wUu0G(Z`lr42fA z+a2hPI3_tff(_K5`Yb_J_@zt|aXYHXCR0hkF$oF*P7vD@Z+aLzmdGRlL5!{Kxa_aX z$*d3x5sWf{X5phOkm1`*ATnuWS~wt7ow^E|%zx*jnIR-#c`N1H|1k$Tl}e(qft5bq zGthQy$9%|a3JIwEXZQg46b^VttdE~_H-Y1JnzSduh+#b1i$bSQ=qLtE_@7v3m;`e} zd*6`5I4x!s24M{ox0%$Mca?vx8Whrcd;?Or1~Y2f z)0jVPGaU$fBAGmX=VDXCrG81N__A1HJ+PKA-lzxVp^2;Fdg5!Tq6PiRpH!eZmA}lB z>CDA@EseOVZ3$$F*9=5!rUZJBTE*VK_b!NDdnPzjziY0P&I%V+KL|Tx`aI%tI7^mK z$@@Ea#{MTaT%TcnJM3l>tl!!Va)x=0GgwzC?;Ei29sxSw5{1;*Fv7r#Vv> zEG;OZkq|i+DHmEwgyUeS2sj)8NlDW6IU8Ykh z)K;l>W)4+yuEhk~v)jH>;_9e!v{Ye(i0KQ*lG~>i&%pYB;MklNtQZngr>oXB%)gQM zN7XHBnK;uB%_0R+sfm%=`H7PUa`HnoVV+$R$Yn_y!bwSNI83m@{m#RDO(^P5rk{!M z;p!ydtXpm&Q!nX( z%F@;OGm7xYj-Cq46W^iRGx(G$A7rcMy#%)DbO}@&IwKo?#O61=ZjM2$i-_q%g|YWKNwfD z9I9L+K7Mt}E@0qp(_)mdb(xK;jTlBUxX_hJX>-i%Oy||}bCg~#QWPP3(~KUMyBig= z?tL)R?Jo&rFjQmP$@O-5T=#y>XfcU;)ih101i!}|9GqBrYa^q6