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

SPFx upgrade and package dependendency

This commit is contained in:
petkir 2020-07-10 11:03:34 +02:00
parent 9cfbdaf142
commit 0d8e95cca2
7 changed files with 14395 additions and 5235 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
samples/react-multimedia-gallery/.yo-rc.json
View File

@ -1,6 +1,6 @@
{ {
"@microsoft/generator-sharepoint": { "@microsoft/generator-sharepoint": {
"version": "1.8.2", "version": "1.10.0",
"libraryName": "react-image-gallery", "libraryName": "react-image-gallery",
"libraryId": "cff1f832-50fb-4a72-bb4e-1393121dc4ad", "libraryId": "cff1f832-50fb-4a72-bb4e-1393121dc4ad",
"environment": "spo", "environment": "spo",

25
samples/react-multimedia-gallery/README.md
View File

@ -31,7 +31,7 @@ It uses Microsoft Graph API to get thumbnails and image/video url and use PnPjs
## Used SharePoint Framework Version ## Used SharePoint Framework Version
![drop](https://img.shields.io/badge/version-1.8.2-green.svg) ![drop](https://img.shields.io/badge/version-1.10.0-green.svg)
## Applies to ## Applies to
@ -42,26 +42,27 @@ It uses Microsoft Graph API to get thumbnails and image/video url and use PnPjs
## WebPart Properties ## WebPart Properties
Property |Type|Required| comments | Property | Type | Required | comments |
--------------------|----|--------|---------- | --------------------- | --------------- | -------- | --------------------------------- |
Site Url of library | Text| yes| | Site Url of library | Text | yes |
Library| Choice/Dropdown | yes| this is filled with all libraries | Library | Choice/Dropdown | yes | this is filled with all libraries |
number images to load | number| yes | number between 1 and 200 | number images to load | number | yes | number between 1 and 200 |
## Solution ## Solution
The web part Use PnPjs library, Microsoft Graph API, Office-ui-fabric-react components, react-slick Component The web part Use PnPjs library, Microsoft Graph API, Office-ui-fabric-react components, react-slick Component
Solution|Author(s) | Solution | Author(s) |
--------|--------- | ---------------------------- | ----------- |
Multimedia Gallery Web Part|João Mendes | Multimedia Gallery Web Part | João Mendes |
## Version history ## Version history
Version|Date|Comments | Version | Date | Comments | Author(s) |
-------|----|-------- | ------- | ------------- | ------------------------------------------------------- | ------------------------------------------------------------------ |
1.0.0|June 24, 2019|Initial release | 1.0.0 | June 24, 2019 | Initial release | João Mendes |
| 1.1.0 | July 15, 2020 | Version Conflict with websocket-driver | Peter Paul Kirschner ([@petkir_at](https://twitter.com/petkir_at)) |
## Disclaimer ## Disclaimer

2
samples/react-multimedia-gallery/config/package-solution.json
View File

@ -3,7 +3,7 @@
"solution": { "solution": {
"name": "react-image-gallery-client-side-solution", "name": "react-image-gallery-client-side-solution",
"id": "cff1f832-50fb-4a72-bb4e-1393121dc4ad", "id": "cff1f832-50fb-4a72-bb4e-1393121dc4ad",
"version": "1.0.0.0", "version": "1.1.0.0",
"includeClientSideAssets": true, "includeClientSideAssets": true,
"skipFeatureDeployment": true, "skipFeatureDeployment": true,
"isDomainIsolated": false "isDomainIsolated": false

19564
samples/react-multimedia-gallery/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

32
samples/react-multimedia-gallery/package.json
View File

@ -1,6 +1,7 @@
{ {
"name": "react-image-gallery", "name": "react-image-gallery",
"version": "0.0.1", "main": "lib/index.js",
"version": "1.1.0",
"private": true, "private": true,
"engines": { "engines": {
"node": ">=0.10.0" "node": ">=0.10.0"
@ -14,25 +15,24 @@
"test:watch": "./node_modules/.bin/jest --config ./config/jest.config.json --watchAll" "test:watch": "./node_modules/.bin/jest --config ./config/jest.config.json --watchAll"
}, },
"dependencies": { "dependencies": {
"@microsoft/sp-core-library": "1.8.2", "@microsoft/sp-core-library": "1.10.0",
"@microsoft/sp-lodash-subset": "1.8.2", "@microsoft/sp-lodash-subset": "1.10.0",
"@microsoft/sp-office-ui-fabric-core": "1.8.2", "@microsoft/sp-office-ui-fabric-core": "1.10.0",
"@microsoft/sp-property-pane": "1.8.2", "@microsoft/sp-property-pane": "1.10.0",
"@microsoft/sp-webpart-base": "1.8.2", "@microsoft/sp-webpart-base": "1.10.0",
"@pnp/pnpjs": "^1.3.2", "@pnp/pnpjs": "^1.3.2",
"@pnp/polyfill-ie11": "^1.0.1", "@pnp/polyfill-ie11": "^1.0.1",
"@pnp/spfx-controls-react": "1.13.1", "@pnp/spfx-controls-react": "1.13.1",
"@pnp/spfx-property-controls": "1.14.1", "@pnp/spfx-property-controls": "1.14.1",
"@types/es6-promise": "0.0.33", "@types/es6-promise": "0.0.33",
"@types/jquery": "^3.3.29", "@types/jquery": "^3.3.29",
"@types/react": "16.7.22", "@types/react-dom": "16.8.3",
"@types/react-dom": "16.8.0",
"@types/webpack-env": "1.13.1", "@types/webpack-env": "1.13.1",
"@uifabric/fluent-theme": "^0.16.9", "@uifabric/fluent-theme": "^0.16.9",
"jquery": "^3.4.1", "jquery": "^3.4.1",
"lightbox-react": "^0.3.7", "lightbox-react": "^0.3.7",
"office-ui-fabric-react": "^6.182.0", "office-ui-fabric-react": "6.189.2",
"react": "16.7.0", "react": "16.8.5",
"react-dom": "16.7.0", "react-dom": "16.7.0",
"react-grid-gallery": "^0.5.4", "react-grid-gallery": "^0.5.4",
"react-responsive-carousel": "^3.1.49", "react-responsive-carousel": "^3.1.49",
@ -44,14 +44,14 @@
"@types/react": "16.7.22" "@types/react": "16.7.22"
}, },
"devDependencies": { "devDependencies": {
"@microsoft/rush-stack-compiler-3.3": "~0.2.x", "@microsoft/rush-stack-compiler-3.3": "0.3.5",
"@microsoft/sp-build-web": "1.8.2", "@microsoft/sp-build-web": "1.10.0",
"@microsoft/sp-module-interfaces": "1.8.2", "@microsoft/sp-module-interfaces": "1.10.0",
"@microsoft/sp-tslint-rules": "1.8.2", "@microsoft/sp-tslint-rules": "1.10.0",
"@microsoft/sp-webpart-workbench": "1.8.2", "@microsoft/sp-webpart-workbench": "1.10.0",
"@types/chai": "3.4.34", "@types/chai": "3.4.34",
"@types/mocha": "2.2.38", "@types/mocha": "2.2.38",
"@types/react": "^16.7.22", "@types/react": "16.8.8",
"@voitanos/jest-preset-spfx-react16": "^1.1.0", "@voitanos/jest-preset-spfx-react16": "^1.1.0",
"ajv": "~5.2.2", "ajv": "~5.2.2",
"gulp": "~3.9.1", "gulp": "~3.9.1",

2
samples/react-multimedia-gallery/src/webparts/imageGallery/components/ImageGallery/ImageGallery.module.scss
View File

@ -1,4 +1,4 @@
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss'; @import '~office-ui-fabric-react/dist/sass/References.scss';
.carousel { .carousel {
background-color: white; background-color: white;

3
samples/react-multimedia-gallery/src/webparts/imageGallery/components/RenderImage/RenderImage.module.scss
View File

@ -1,5 +1,4 @@
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss'; @import '~office-ui-fabric-react/dist/sass/References.scss';
.overlay { .overlay {
position: absolute; position: absolute;