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

pushing the enhancement versions

This commit is contained in:
Mrigango Deb 2024-09-13 20:37:35 +05:30
parent 01f03d34a2
commit 99d6278688
8 changed files with 65876 additions and 54098 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
samples/react-rhythm-of-business-calendar/.nvmrc Normal file
View File

@ -0,0 +1 @@
v16.15.1

67
samples/react-rhythm-of-business-calendar/README.md
View File

@ -4,6 +4,26 @@
This sample is the source code for the Rhythm of Business Calendar app and is intended to demonstrate patterns and practices for building enterprise apps on the SharePoint platform. This sample is the source code for the Rhythm of Business Calendar app and is intended to demonstrate patterns and practices for building enterprise apps on the SharePoint platform.
This application requires below Graph Api Permissions-
# Send Approval notifications to approvers over teams in personal chat
1. Chat.Create - It is required for creating the chat and getting the chat id for sending an adaptive card to the approver.
2. ChatMessage.Send - It is required for sending the adaptive card (with @mention activity feed) to all the approvers whenever any event is created with approval rule applied for any refiner.
# Share event details to teams channel where the app is installed
1. ChannelMessage.Send - It is required for sharing the event details on click of "Share" button into the same teams channel in which the app is added.
Note: Sharing events details to teams channel feature will be disbled if the webpart is installed on a SharePoint page.
### versions
node v16.15.1
npm 8.13.2
spfx 1.15.0
TypeScript 4.5
<!-- TODO: link to the app once published <!-- TODO: link to the app once published
This sample is the source code for the Rhythm of Business Calendar app published in [AppSource](https://appsource.microsoft.com/en-us/marketplace/apps?product=sharepoint) and is intended to demonstrate patterns and practices for building enterprise apps on the SharePoint platform. This sample is the source code for the Rhythm of Business Calendar app published in [AppSource](https://appsource.microsoft.com/en-us/marketplace/apps?product=sharepoint) and is intended to demonstrate patterns and practices for building enterprise apps on the SharePoint platform.
--> -->
@ -22,7 +42,7 @@ Edit refiner
## Compatibility ## Compatibility
| :warning: Important | | :warning: Important |
|:---------------------------| | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node. | | Every SPFx version is only compatible with specific version(s) of Node.js. In order to be able to build this sample, please ensure that the version of Node on your workstation matches one of the versions listed in this section. This sample will not work on a different version of Node. |
| Refer to <https://aka.ms/spfx-matrix> for more information on SPFx compatibility. | | Refer to <https://aka.ms/spfx-matrix> for more information on SPFx compatibility. |
@ -30,7 +50,7 @@ Edit refiner
![Node.js v16](https://img.shields.io/badge/Node.js-v16-green.svg) ![Node.js v16](https://img.shields.io/badge/Node.js-v16-green.svg)
![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg)
![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg "SharePoint Server 2019 requires SPFx 1.4.1 or lower") ![Does not work with SharePoint 2019](https://img.shields.io/badge/SharePoint%20Server%202019-Incompatible-red.svg "SharePoint Server 2019 requires SPFx 1.4.1 or lower")
![Does not work with SharePoint 2016 (Feature Pack 2)](https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1") ![Does not work with SharePoint 2016 (Feature Pack 2)](<https://img.shields.io/badge/SharePoint%20Server%202016%20(Feature%20Pack%202)-Incompatible-red.svg> "SharePoint Server 2016 Feature Pack 2 requires SPFx 1.1")
![Local Workbench Unsupported](https://img.shields.io/badge/Local%20Workbench-Unsupported-red.svg "Local workbench is no longer available as of SPFx 1.13 and above") ![Local Workbench Unsupported](https://img.shields.io/badge/Local%20Workbench-Unsupported-red.svg "Local workbench is no longer available as of SPFx 1.13 and above")
![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg)
![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg)
@ -38,29 +58,30 @@ Edit refiner
## Applies to ## Applies to
* [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) - [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview)
* [Microsoft 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment) - [Microsoft 365 tenant](https://docs.microsoft.com/sharepoint/dev/spfx/set-up-your-development-environment)
> Get your own free development tenant by subscribing to [Microsoft 365 developer program](https://aka.ms/m365/devprogram) > Get your own free development tenant by subscribing to [Microsoft 365 developer program](https://aka.ms/m365/devprogram)
## Contributors ## Contributors
- [Dan Turley](https://github.com/d-turley)
* [Dan Turley](https://github.com/d-turley) co- author [Mrigango Deb]
## Version history ## Version history
Version|Date|Comments | Version | Date | Comments |
-------|----|-------- | ------- | ------------------ | ------------------- |
1.0|September 26, 2022|Initial release | 1.0 | September 26, 2022 | Initial release |
| 5.0.1 | September 16, 2024 | Enhancement release |
## Minimal path to awesome ## Minimal path to awesome
* Clone this repository (or [download this solution as a .ZIP file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-rhythm-of-business-calendar) then unzip it) - Clone this repository (or [download this solution as a .ZIP file](https://pnp.github.io/download-partial/?url=https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-rhythm-of-business-calendar) then unzip it)
* From your command line, change your current directory to the directory containing this sample (`react-rhythm-of-business-calendar`, located under `samples`) - From your command line, change your current directory to the directory containing this sample (`react-rhythm-of-business-calendar`, located under `samples`)
* in the command line run: - in the command line run:
* `npm install` - `npm install`
* `gulp serve --nobrowser` - `gulp serve --nobrowser`
<!-- <!--
TODO: add support for containers TODO: add support for containers
@ -72,17 +93,17 @@ TODO: add support for containers
This sample is a complete app that demonstrates the "SPFx Solution Accelerator" framework, along with patterns and practices for building enterprise-class apps on SharePoint. Inspired by Domain Driven Design and Onion Architecture, this accelerator has evolved since SPFx v1.0, and we want to share it with the world! This sample is a complete app that demonstrates the "SPFx Solution Accelerator" framework, along with patterns and practices for building enterprise-class apps on SharePoint. Inspired by Domain Driven Design and Onion Architecture, this accelerator has evolved since SPFx v1.0, and we want to share it with the world!
At a high-level, the accelerator includes the following features: At a high-level, the accelerator includes the following features:
* Prescribed [solution structure](./documentation/solution-structure.md) separates web parts, components, model, services, and schema (data) layers
* Robust [entity domain model](./documentation/entities.md) with relationships, validation, change tracking, and text search - Prescribed [solution structure](./documentation/solution-structure.md) separates web parts, components, model, services, and schema (data) layers
* Robust [schema provisioning](./documentation/schema.md) and versioning; use SharePoint lists as a simple relational database - Robust [entity domain model](./documentation/entities.md) with relationships, validation, change tracking, and text search
* [Services](./documentation/services.md) for interacting with SharePoint, timezones, domain isolation, and users and groups, plus patterns for building custom services for app-specific logic - Robust [schema provisioning](./documentation/schema.md) and versioning; use SharePoint lists as a simple relational database
* [Component library](./documentation/components.md) with customizable wizard, panel/dialog for quickly building view/edit screens, validation, and more - [Services](./documentation/services.md) for interacting with SharePoint, timezones, domain isolation, and users and groups, plus patterns for building custom services for app-specific logic
* [Live Update](./documentation/live-update.md) feature ensures users are always working with the latest data without manaually reloading the page - [Component library](./documentation/components.md) with customizable wizard, panel/dialog for quickly building view/edit screens, validation, and more
* Built on the latest SPFx with TypeScript, React, and Fluent UI, plus PnPjs, Moment.js, Lodash, and Jest - [Live Update](./documentation/live-update.md) feature ensures users are always working with the latest data without manaually reloading the page
- Built on the latest SPFx with TypeScript, React, and Fluent UI, plus PnPjs, Moment.js, Lodash, and Jest
A deep dive into the various features of the accelerator can be found in the [documentation](./documentation/README.md) folder. A deep dive into the various features of the accelerator can be found in the [documentation](./documentation/README.md) folder.
<!-- <!--
RESERVED FOR REPO MAINTAINERS RESERVED FOR REPO MAINTAINERS
@ -111,6 +132,6 @@ Finally, if you have an idea for improvement, [make a suggestion](https://github
## Disclaimer ## Disclaimer
**THIS CODE IS PROVIDED *AS IS* WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.** **THIS CODE IS PROVIDED _AS IS_ WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.**
<img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/react-rhythm-of-business-calendar" /> <img src="https://m365-visitor-stats.azurewebsites.net/sp-dev-fx-webparts/samples/react-rhythm-of-business-calendar" />

3
samples/react-rhythm-of-business-calendar/config/config.json
View File

@ -15,6 +15,7 @@
"localizedResources": { "localizedResources": {
"CommonStrings": "lib/common/components/loc/{locale}.js", "CommonStrings": "lib/common/components/loc/{locale}.js",
"ComponentStrings": "lib/components/loc/{locale}.js", "ComponentStrings": "lib/components/loc/{locale}.js",
"RhythmOfBusinessCalendarWebPartStrings": "lib/webparts/rhythmOfBusinessCalendar/loc/{locale}.js" "RhythmOfBusinessCalendarWebPartStrings": "lib/webparts/rhythmOfBusinessCalendar/loc/{locale}.js",
"ControlStrings": "node_modules/@pnp/spfx-controls-react/lib/loc/{locale}.js"
} }
} }

22
samples/react-rhythm-of-business-calendar/config/package-solution.json
View File

@ -1,11 +1,25 @@
{ {
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json", "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json",
"solution": { "solution": {
"name": "LOCAL Rhythm of Business Calendar", "name": "Rhythm of Business Calendar",
"id": "37df9a1c-b53e-46ad-9efb-2e4da77a724f", "id": "8588904e-d33f-40ac-9ee0-2fcfcfb0ebc2",
"version": "1.0.0.0", "version": "5.0.1.0",
"includeClientSideAssets": true, "includeClientSideAssets": true,
"skipFeatureDeployment": true, "skipFeatureDeployment": true,
"webApiPermissionRequests": [
{
"resource": "Microsoft Graph",
"scope": "ChatMessage.Send"
},
{
"resource": "Microsoft Graph",
"scope": "Chat.Create"
},
{
"resource": "Microsoft Graph",
"scope": "ChannelMessage.Send"
}
],
"developer": { "developer": {
"name": "", "name": "",
"websiteUrl": "", "websiteUrl": "",
@ -15,6 +29,6 @@
} }
}, },
"paths": { "paths": {
"zippedPackage": "solution/RhythmOfBusinessCalendar-LOCAL.sppkg" "zippedPackage": "solution/RhythmOfBusinessCalendar.sppkg"
} }
} }

72058
samples/react-rhythm-of-business-calendar/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

37
samples/react-rhythm-of-business-calendar/package.json
View File

@ -1,17 +1,29 @@
{ {
"name": "rhythm-of-business-calendar", "name": "rhythm-of-business-calendar",
"version": "1.0.0", "version": "5.0.1",
"main": "lib/index.js", "main": "lib/index.js",
"private": true, "private": true,
"scripts": { "scripts": {
"refreshVSToken": "vsts-npm-auth -config .npmrc",
"build": "gulp bundle", "build": "gulp bundle",
"clean": "gulp clean", "clean": "gulp clean",
"deploy": "gulp deploy", "deploy": "gulp deploy",
"package": "gulp package", "package": "gulp package",
"test": "./node_modules/.bin/jest" "test": "./node_modules/.bin/jest",
"preinstall": "npx npm-force-resolutions"
}, },
"resolutions": { "resolutions": {
"@types/react": "~16.9.51" "@types/react": "16.9.56",
"loader-utils": "2.0.4",
"json5": "2.2.2",
"nanoid": "3.1.31",
"fast-xml-parser": "4.4.1",
"@babel/traverse": "7.23.2",
"browserify-sign":"4.2.2",
"jszip":"3.8.0",
"braces":"3.0.3",
"fast-loops": "1.1.4",
"semver": "7.5.2"
}, },
"dependencies": { "dependencies": {
"@fluentui/react": "^8.77.2", "@fluentui/react": "^8.77.2",
@ -29,26 +41,32 @@
"@pnp/logging": "^2.13.0", "@pnp/logging": "^2.13.0",
"@pnp/odata": "^2.13.0", "@pnp/odata": "^2.13.0",
"@pnp/sp": "^2.13.0", "@pnp/sp": "^2.13.0",
"@pnp/spfx-controls-react": "^3.13.0",
"compressed-json": "^1.0.16", "compressed-json": "^1.0.16",
"eslint": "^7.32.0",
"he": "^1.2.0", "he": "^1.2.0",
"hoist-non-react-statics": "^3.3.0", "hoist-non-react-statics": "^3.3.0",
"html2canvas": "^1.4.1",
"react-export-table-to-excel": "^1.0.6",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"moment-timezone": "^0.5.34", "moment-timezone": "^0.5.35",
"office-ui-fabric-react": "7.185.7", "office-ui-fabric-react": "7.185.7",
"pptxgenjs": "^3.12.0",
"react": "~16.13.1", "react": "~16.13.1",
"react-beautiful-dnd": "^13.1.1", "react-beautiful-dnd": "^13.1.1",
"react-dom": "~16.13.1", "react-dom": "~16.13.1",
"react-router-dom": "^6.3.0", "react-router-dom": "^6.3.0",
"sanitize-html": "^2.12.1", "sanitize-html": "^2.7.1",
"swiped-events": "^1.1.6" "swiped-events": "^1.1.6",
"typescript": "^4.5.2"
}, },
"devDependencies": { "devDependencies": {
"@microsoft/eslint-config-spfx": "^1.15.2", "@microsoft/eslint-config-spfx": "^1.15.2",
"@microsoft/eslint-plugin-spfx": "^1.15.2", "@microsoft/eslint-plugin-spfx": "^1.15.2",
"@microsoft/gulp-core-build": "3.17.19", "@microsoft/gulp-core-build": "3.17.19",
"@microsoft/rush-stack-compiler-4.5": "0.2.2", "@microsoft/rush-stack-compiler-4.5": "0.2.2",
"@microsoft/sp-build-core-tasks": "^1.20.1", "@microsoft/sp-build-core-tasks": "^1.15.2",
"@microsoft/sp-build-web": "^1.20.1", "@microsoft/sp-build-web": "^1.15.2",
"@microsoft/sp-module-interfaces": "^1.15.2", "@microsoft/sp-module-interfaces": "^1.15.2",
"@rushstack/eslint-config": "2.5.1", "@rushstack/eslint-config": "2.5.1",
"@testing-library/jest-dom": "^5.14.1", "@testing-library/jest-dom": "^5.14.1",
@ -72,7 +90,7 @@
"gulp-zip": "^5.1.0", "gulp-zip": "^5.1.0",
"identity-obj-proxy": "^3.0.0", "identity-obj-proxy": "^3.0.0",
"jest": "^26.6.3", "jest": "^26.6.3",
"json5": "^2.2.2", "json5": "^2.2.0",
"raf": "^3.4.1", "raf": "^3.4.1",
"react-test-renderer": "~16.13.1", "react-test-renderer": "~16.13.1",
"stateful-process-command-proxy": "^1.0.1", "stateful-process-command-proxy": "^1.0.1",
@ -82,3 +100,4 @@
"node": ">=16.15.1" "node": ">=16.15.1"
} }
} }

2
samples/react-rhythm-of-business-calendar/src/services/events/Defaults.ts
View File

@ -8,7 +8,7 @@ const Environments = {
PROD: { TeamsAppId: Guid.parse('1e92a7c2-d849-4fa7-bd2d-8fb9f876609d') } PROD: { TeamsAppId: Guid.parse('1e92a7c2-d849-4fa7-bd2d-8fb9f876609d') }
}; };
const Environment = Environments.LOCAL; const Environment = Environments.PROD;
export const Defaults = { export const Defaults = {
TeamsAppId: Environment.TeamsAppId TeamsAppId: Environment.TeamsAppId

6
samples/react-rhythm-of-business-calendar/src/webparts/rhythmOfBusinessCalendar/RhythmOfBusinessCalendarWebPart.manifest.json
View File

@ -1,7 +1,7 @@
{ {
"$schema": "https://dev.office.com/json-schemas/spfx/client-side-web-part-manifest.schema.json", "$schema": "https://dev.office.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
"id": "ff77b45a-483c-4fe7-94b4-b5fc8def29c0", "id": "077f5c4a-37bf-4531-ac24-6369ca0f5f51",
"alias": "RhythmOfBusinessCalendarWebPartLOCAL", "alias": "RhythmOfBusinessCalendarWebPart",
"componentType": "WebPart", "componentType": "WebPart",
"version": "*", "version": "*",
"manifestVersion": 2, "manifestVersion": 2,
@ -20,7 +20,7 @@
"default": "Other" "default": "Other"
}, },
"title": { "title": {
"default": "(LOCAL) Rhythm of Business Calendar" "default": "Rhythm of Business Calendar"
}, },
"description": { "description": {
"default": "One calendar for managing and maintaining all team and organizational events" "default": "One calendar for managing and maintaining all team and organizational events"