Upgraded to SPFx 1.10
|
@ -0,0 +1,25 @@
|
||||||
|
# EditorConfig helps developers define and maintain consistent
|
||||||
|
# coding styles between different editors and IDEs
|
||||||
|
# editorconfig.org
|
||||||
|
|
||||||
|
root = true
|
||||||
|
|
||||||
|
|
||||||
|
[*]
|
||||||
|
|
||||||
|
# change these settings to your own preference
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
|
||||||
|
# we recommend you to keep these unchanged
|
||||||
|
end_of_line = lf
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
|
|
||||||
|
[{package,bower}.json]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
|
@ -1 +1,32 @@
|
||||||
.npmrc
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
|
||||||
|
# Dependency directories
|
||||||
|
node_modules
|
||||||
|
|
||||||
|
# Build generated files
|
||||||
|
dist
|
||||||
|
lib
|
||||||
|
solution
|
||||||
|
temp
|
||||||
|
*.sppkg
|
||||||
|
|
||||||
|
# Coverage directory used by tools like istanbul
|
||||||
|
coverage
|
||||||
|
|
||||||
|
# OSX
|
||||||
|
.DS_Store
|
||||||
|
|
||||||
|
# Visual Studio files
|
||||||
|
.ntvs_analysis.dat
|
||||||
|
.vs
|
||||||
|
bin
|
||||||
|
obj
|
||||||
|
|
||||||
|
# Resx Generated Code
|
||||||
|
*.resx.ts
|
||||||
|
|
||||||
|
# Styles Generated Code
|
||||||
|
*.scss.ts
|
||||||
|
|
|
@ -1,11 +1,12 @@
|
||||||
{
|
{
|
||||||
"@microsoft/generator-sharepoint": {
|
"@microsoft/generator-sharepoint": {
|
||||||
"isCreatingSolution": true,
|
"isCreatingSolution": false,
|
||||||
"environment": "spo",
|
"environment": "spo",
|
||||||
"version": "1.7.0",
|
"version": "1.10.0",
|
||||||
"libraryName": "react-events-dynamicdata",
|
"libraryName": "react-events-dynamicdata",
|
||||||
"libraryId": "dcd4558f-8ea7-4f77-b494-c2b8a4d51b1d",
|
"libraryId": "eb6be822-bf5f-4d3f-876c-2eaf311f01a4",
|
||||||
"packageManager": "npm",
|
"packageManager": "npm",
|
||||||
|
"isDomainIsolated": false,
|
||||||
"componentType": "webpart"
|
"componentType": "webpart"
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -17,11 +17,13 @@ Sample web parts illustrating using the SharePoint Framework Dynamic data capabi
|
||||||
Solution|Author(s)
|
Solution|Author(s)
|
||||||
--------|---------
|
--------|---------
|
||||||
react-events-dynamicdata|Waldek Mastykarz (MVP, Rencore, @waldekm)
|
react-events-dynamicdata|Waldek Mastykarz (MVP, Rencore, @waldekm)
|
||||||
|
react-events-dynamicdata|Hugo Bernier (MVP, [@bernierh](https://twitter.com/bernierh))
|
||||||
|
|
||||||
## Version history
|
## Version history
|
||||||
|
|
||||||
Version|Date|Comments
|
Version|Date|Comments
|
||||||
-------|----|--------
|
-------|----|--------
|
||||||
|
1.2|July 8, 2020|Updated sample to SPFx v1.10.0 (Hugo Bernier)
|
||||||
1.1|November 9, 2018|Updated sample to SPFx v1.7.0
|
1.1|November 9, 2018|Updated sample to SPFx v1.7.0
|
||||||
1.0|June 5, 2018|Initial release
|
1.0|June 5, 2018|Initial release
|
||||||
|
|
||||||
|
@ -66,4 +68,4 @@ Web parts in this solution illustrate the following concepts on top of the Share
|
||||||
* using [PnPjs](https://github.com/pnp/pnpjs) to retrieve data from a SharePoint list
|
* using [PnPjs](https://github.com/pnp/pnpjs) to retrieve data from a SharePoint list
|
||||||
* using [SharePoint Framework React Controls](https://github.com/SharePoint/sp-dev-fx-controls-react) in web parts
|
* using [SharePoint Framework React Controls](https://github.com/SharePoint/sp-dev-fx-controls-react) in web parts
|
||||||
|
|
||||||
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-events-dynamicdata" />
|
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-events-dynamicdata" />
|
||||||
|
|
Before Width: | Height: | Size: 197 KiB |
|
@ -2,16 +2,24 @@
|
||||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
|
"$schema": "https://developer.microsoft.com/json-schemas/spfx-build/config.2.0.schema.json",
|
||||||
"version": "2.0",
|
"version": "2.0",
|
||||||
"bundles": {
|
"bundles": {
|
||||||
"events": {
|
"event-details-web-part": {
|
||||||
|
"components": [
|
||||||
|
{
|
||||||
|
"entrypoint": "./lib/webparts/eventDetails/EventDetailsWebPart.js",
|
||||||
|
"manifest": "./src/webparts/eventDetails/EventDetailsWebPart.manifest.json"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"events-web-part": {
|
||||||
"components": [
|
"components": [
|
||||||
{
|
{
|
||||||
"entrypoint": "./lib/webparts/events/EventsWebPart.js",
|
"entrypoint": "./lib/webparts/events/EventsWebPart.js",
|
||||||
"manifest": "./src/webparts/events/EventsWebPart.manifest.json"
|
"manifest": "./src/webparts/events/EventsWebPart.manifest.json"
|
||||||
},
|
}
|
||||||
{
|
]
|
||||||
"entrypoint": "./lib/webparts/eventDetails/EventDetailsWebPart.js",
|
},
|
||||||
"manifest": "./src/webparts/eventDetails/EventDetailsWebPart.manifest.json"
|
"map-web-part": {
|
||||||
},
|
"components": [
|
||||||
{
|
{
|
||||||
"entrypoint": "./lib/webparts/map/MapWebPart.js",
|
"entrypoint": "./lib/webparts/map/MapWebPart.js",
|
||||||
"manifest": "./src/webparts/map/MapWebPart.manifest.json"
|
"manifest": "./src/webparts/map/MapWebPart.manifest.json"
|
||||||
|
@ -21,8 +29,8 @@
|
||||||
},
|
},
|
||||||
"externals": {},
|
"externals": {},
|
||||||
"localizedResources": {
|
"localizedResources": {
|
||||||
"EventsWebPartStrings": "lib/webparts/events/loc/{locale}.js",
|
|
||||||
"EventDetailsWebPartStrings": "lib/webparts/eventDetails/loc/{locale}.js",
|
"EventDetailsWebPartStrings": "lib/webparts/eventDetails/loc/{locale}.js",
|
||||||
|
"EventsWebPartStrings": "lib/webparts/events/loc/{locale}.js",
|
||||||
"MapWebPartStrings": "lib/webparts/map/loc/{locale}.js",
|
"MapWebPartStrings": "lib/webparts/map/loc/{locale}.js",
|
||||||
"ControlStrings": "node_modules/@pnp/spfx-controls-react/lib/loc/{locale}.js"
|
"ControlStrings": "node_modules/@pnp/spfx-controls-react/lib/loc/{locale}.js"
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,25 +2,10 @@
|
||||||
"$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": "react-events-dynamicdata-client-side-solution",
|
"name": "react-events-dynamicdata-client-side-solution",
|
||||||
"id": "57e5d6e5-04df-4810-b2bd-5b2751200ad9",
|
"id": "eb6be822-bf5f-4d3f-876c-2eaf311f01a4",
|
||||||
"version": "1.0.0.0",
|
"version": "1.2.0.0",
|
||||||
"includeClientSideAssets": true,
|
"includeClientSideAssets": true,
|
||||||
"features": [
|
"isDomainIsolated": false
|
||||||
{
|
|
||||||
"title": "Events - Deployment of data",
|
|
||||||
"description": "Deploys data required by the solution",
|
|
||||||
"id": "1b23d9fa-50ab-48e2-9b57-1b7cf18658a5",
|
|
||||||
"version": "1.0.0.0",
|
|
||||||
"assets": {
|
|
||||||
"elementManifests": [
|
|
||||||
"events_elements.xml"
|
|
||||||
],
|
|
||||||
"elementFiles": [
|
|
||||||
"events_schema.xml"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"paths": {
|
"paths": {
|
||||||
"zippedPackage": "solution/react-events-dynamicdata.sppkg"
|
"zippedPackage": "solution/react-events-dynamicdata.sppkg"
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
const gulp = require('gulp');
|
|
||||||
const build = require('@microsoft/sp-build-web');
|
const build = require('@microsoft/sp-build-web');
|
||||||
|
|
||||||
build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);
|
build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);
|
||||||
|
|
||||||
build.initialize(gulp);
|
build.initialize(require('gulp'));
|
||||||
|
|
|
@ -1,7 +1,8 @@
|
||||||
{
|
{
|
||||||
"name": "react-events-dynamicdata",
|
"name": "react-events-dynamicdata",
|
||||||
"version": "0.0.1",
|
"version": "1.2.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
|
"main": "lib/index.js",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
},
|
},
|
||||||
|
@ -11,30 +12,32 @@
|
||||||
"test": "gulp test"
|
"test": "gulp test"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@microsoft/sp-core-library": "1.7.0",
|
"@microsoft/sp-core-library": "1.10.0",
|
||||||
"@microsoft/sp-lodash-subset": "1.7.0",
|
"@microsoft/sp-lodash-subset": "1.10.0",
|
||||||
"@microsoft/sp-office-ui-fabric-core": "1.7.0",
|
"@microsoft/sp-office-ui-fabric-core": "1.10.0",
|
||||||
"@microsoft/sp-webpart-base": "1.7.0",
|
"@microsoft/sp-property-pane": "1.10.0",
|
||||||
"@pnp/common": "^1.1.0",
|
"@microsoft/sp-webpart-base": "1.10.0",
|
||||||
"@pnp/logging": "^1.1.0",
|
"@pnp/spfx-controls-react": "^1.19.0",
|
||||||
"@pnp/odata": "^1.1.0",
|
|
||||||
"@pnp/sp": "^1.1.0",
|
|
||||||
"@pnp/spfx-controls-react": "^1.4.0",
|
|
||||||
"@types/es6-promise": "0.0.33",
|
"@types/es6-promise": "0.0.33",
|
||||||
"@types/react": "16.4.2",
|
"@types/react": "16.8.8",
|
||||||
"@types/react-dom": "16.0.5",
|
"@types/react-dom": "16.8.3",
|
||||||
"@types/webpack-env": "1.13.1",
|
"@types/webpack-env": "1.13.1",
|
||||||
"react": "16.3.2",
|
"office-ui-fabric-react": "6.189.2",
|
||||||
"react-dom": "16.3.2"
|
"react": "16.8.5",
|
||||||
|
"react-dom": "16.8.5"
|
||||||
|
},
|
||||||
|
"resolutions": {
|
||||||
|
"@types/react": "16.8.8"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@microsoft/sp-build-web": "1.7.0",
|
"@microsoft/sp-build-web": "1.10.0",
|
||||||
"@microsoft/sp-module-interfaces": "1.7.0",
|
"@microsoft/sp-tslint-rules": "1.10.0",
|
||||||
"@microsoft/sp-webpart-workbench": "1.7.0",
|
"@microsoft/sp-module-interfaces": "1.10.0",
|
||||||
"@microsoft/sp-tslint-rules": "1.7.0",
|
"@microsoft/sp-webpart-workbench": "1.10.0",
|
||||||
|
"@microsoft/rush-stack-compiler-3.3": "0.3.5",
|
||||||
|
"gulp": "~3.9.1",
|
||||||
"@types/chai": "3.4.34",
|
"@types/chai": "3.4.34",
|
||||||
"@types/mocha": "2.2.38",
|
"@types/mocha": "2.2.38",
|
||||||
"ajv": "~5.2.2",
|
"ajv": "~5.2.2"
|
||||||
"gulp": "~3.9.1"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,83 +0,0 @@
|
||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
|
|
||||||
<Field ID="8f34b2cd-0a01-4a45-9a81-3d564d24fdf8"
|
|
||||||
Name="PnPCity"
|
|
||||||
DisplayName="City"
|
|
||||||
Type="Text"
|
|
||||||
Required="TRUE"
|
|
||||||
Group="PnP Columns" />
|
|
||||||
<Field ID="8b6ebc5d-2b1c-4170-9475-75105394034d"
|
|
||||||
Name="PnPAddress"
|
|
||||||
DisplayName="Address"
|
|
||||||
Type="Note"
|
|
||||||
RichText="FALSE"
|
|
||||||
NumLines="2"
|
|
||||||
Required="TRUE"
|
|
||||||
Group="PnP Columns" />
|
|
||||||
<Field ID="00292097-d535-43d5-a4de-91fbb8c9481b"
|
|
||||||
Name="PnPOrganizerName"
|
|
||||||
DisplayName="Organizer name"
|
|
||||||
Type="Text"
|
|
||||||
Group="PnP Columns" />
|
|
||||||
<Field ID="d7e33d91-8743-4429-a96a-b70ffdbd0f35"
|
|
||||||
Name="PnPOrganizerEmail"
|
|
||||||
DisplayName="Organizer e-mail"
|
|
||||||
Type="Text"
|
|
||||||
Group="PnP Columns" />
|
|
||||||
<Field ID="6d34055b-cafd-4f32-a1ab-c6db8a3c5c84"
|
|
||||||
Name="PnPEventDate"
|
|
||||||
DisplayName="Event date"
|
|
||||||
Type="DateTime"
|
|
||||||
Format="DateOnly"
|
|
||||||
Group="PnP Columns" />
|
|
||||||
|
|
||||||
<ContentType ID="0x0100A73DD10A87FA4075B98FC1CBCAA2C775"
|
|
||||||
Name="PnP Event"
|
|
||||||
Group="PnP Content Types"
|
|
||||||
Description="Event">
|
|
||||||
<FieldRefs>
|
|
||||||
<FieldRef ID="8f34b2cd-0a01-4a45-9a81-3d564d24fdf8" />
|
|
||||||
<FieldRef ID="8b6ebc5d-2b1c-4170-9475-75105394034d" />
|
|
||||||
<FieldRef ID="00292097-d535-43d5-a4de-91fbb8c9481b" />
|
|
||||||
<FieldRef ID="d7e33d91-8743-4429-a96a-b70ffdbd0f35" />
|
|
||||||
<FieldRef ID="6d34055b-cafd-4f32-a1ab-c6db8a3c5c84" />
|
|
||||||
</FieldRefs>
|
|
||||||
</ContentType>
|
|
||||||
|
|
||||||
<ListInstance
|
|
||||||
CustomSchema="events_schema.xml"
|
|
||||||
FeatureId="00bfea71-de22-43b2-a848-c05709900100"
|
|
||||||
Title="Company events"
|
|
||||||
Description="Company events"
|
|
||||||
TemplateType="100"
|
|
||||||
Url="Lists/CompanyEvents">
|
|
||||||
<Data>
|
|
||||||
<Rows>
|
|
||||||
<Row>
|
|
||||||
<Field Name="Title">Tampa Home Show</Field>
|
|
||||||
<Field Name="PnPCity">Tampa, FL</Field>
|
|
||||||
<Field Name="PnPAddress">333 S Franklin St</Field>
|
|
||||||
<Field Name="PnPOrganizerName">Grady Archie</Field>
|
|
||||||
<Field Name="PnPOrganizerEmail">GradyA@contoso.OnMicrosoft.com</Field>
|
|
||||||
<Field Name="PnPEventDate">2018-05-29T00:00:00Z</Field>
|
|
||||||
</Row>
|
|
||||||
<Row>
|
|
||||||
<Field Name="Title">Custom Electronic Design and Installation Association (CEDIA)</Field>
|
|
||||||
<Field Name="PnPCity">San Diego, CA</Field>
|
|
||||||
<Field Name="PnPAddress">111 W Harbor Dr</Field>
|
|
||||||
<Field Name="PnPOrganizerName">Megan Bowen</Field>
|
|
||||||
<Field Name="PnPOrganizerEmail">MeganB@contoso.OnMicrosoft.com</Field>
|
|
||||||
<Field Name="PnPEventDate">2018-06-15T00:00:00Z</Field>
|
|
||||||
</Row>
|
|
||||||
<Row>
|
|
||||||
<Field Name="Title">Design Automation Conference (DAC)</Field>
|
|
||||||
<Field Name="PnPCity">San Francisco, CA</Field>
|
|
||||||
<Field Name="PnPAddress">747 Howard St Fl 5</Field>
|
|
||||||
<Field Name="PnPOrganizerName">Irvin Sayers</Field>
|
|
||||||
<Field Name="PnPOrganizerEmail">IrvinSB@contoso.OnMicrosoft.com</Field>
|
|
||||||
<Field Name="PnPEventDate">2018-07-05T00:00:00Z</Field>
|
|
||||||
</Row>
|
|
||||||
</Rows>
|
|
||||||
</Data>
|
|
||||||
</ListInstance>
|
|
||||||
</Elements>
|
|
|
@ -1,34 +0,0 @@
|
||||||
<List xmlns:ows="Microsoft SharePoint" Title="Redirections" EnableContentTypes="TRUE" FolderCreation="FALSE" Direction="$Resources:Direction;" Url="Lists/PnPRedirections" BaseType="0" xmlns="http://schemas.microsoft.com/sharepoint/">
|
|
||||||
<MetaData>
|
|
||||||
<ContentTypes>
|
|
||||||
<ContentTypeRef ID="0x0100A73DD10A87FA4075B98FC1CBCAA2C775" />
|
|
||||||
</ContentTypes>
|
|
||||||
<Fields></Fields>
|
|
||||||
<Views>
|
|
||||||
<View BaseViewID="1" Type="HTML" WebPartZoneID="Main" DisplayName="$Resources:core,objectiv_schema_mwsidcamlidC24;" DefaultView="TRUE" MobileView="TRUE" MobileDefaultView="TRUE" SetupPath="pages\viewpage.aspx" ImageUrl="/_layouts/images/generic.png" Url="AllItems.aspx">
|
|
||||||
<XslLink Default="TRUE">main.xsl</XslLink>
|
|
||||||
<JSLink>clienttemplates.js</JSLink>
|
|
||||||
<RowLimit Paged="TRUE">30</RowLimit>
|
|
||||||
<Toolbar Type="Standard" />
|
|
||||||
<ViewFields>
|
|
||||||
<FieldRef Name="LinkTitle"></FieldRef>
|
|
||||||
<FieldRef Name="PnPCity"></FieldRef>
|
|
||||||
<FieldRef Name="PnPAddress"></FieldRef>
|
|
||||||
<FieldRef Name="PnPOrganizerName"></FieldRef>
|
|
||||||
<FieldRef Name="PnPOrganizerEmail"></FieldRef>
|
|
||||||
<FieldRef Name="PnPEventDate"></FieldRef>
|
|
||||||
</ViewFields>
|
|
||||||
<Query>
|
|
||||||
<OrderBy>
|
|
||||||
<FieldRef Name="ID" />
|
|
||||||
</OrderBy>
|
|
||||||
</Query>
|
|
||||||
</View>
|
|
||||||
</Views>
|
|
||||||
<Forms>
|
|
||||||
<Form Type="DisplayForm" Url="DispForm.aspx" SetupPath="pages\form.aspx" WebPartZoneID="Main" />
|
|
||||||
<Form Type="EditForm" Url="EditForm.aspx" SetupPath="pages\form.aspx" WebPartZoneID="Main" />
|
|
||||||
<Form Type="NewForm" Url="NewForm.aspx" SetupPath="pages\form.aspx" WebPartZoneID="Main" />
|
|
||||||
</Forms>
|
|
||||||
</MetaData>
|
|
||||||
</List>
|
|
|
@ -1,22 +1,19 @@
|
||||||
{
|
{
|
||||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
|
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
|
||||||
"id": "d164f880-41df-4698-846d-6bae153d8258",
|
"id": "4042c7c8-3623-4c0c-9223-649557464016",
|
||||||
"alias": "EventDetailsWebPart",
|
"alias": "EventDetailsWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
|
||||||
// The "*" signifies that the version should be taken from the package.json
|
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
// If true, the component can only be installed on sites where Custom Script is allowed.
|
|
||||||
// Components that allow authors to embed arbitrary script code should set this to true.
|
|
||||||
// https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
|
|
||||||
"requiresCustomScript": false,
|
"requiresCustomScript": false,
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
|
|
||||||
"preconfiguredEntries": [{
|
"preconfiguredEntries": [{
|
||||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other
|
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
|
||||||
"group": { "default": "Other" },
|
"group": { "default": "Other" },
|
||||||
"title": { "default": "Event details" },
|
"title": { "default": "EventDetails" },
|
||||||
"description": { "default": "Shows details of the selected event" },
|
"description": { "default": "Shows details of the selected event" },
|
||||||
"officeFabricIconFontName": "CustomList",
|
"officeFabricIconFontName": "CustomList",
|
||||||
"properties": {
|
"properties": {
|
||||||
|
|
|
@ -1,13 +1,8 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import * as ReactDom from 'react-dom';
|
import * as ReactDom from 'react-dom';
|
||||||
import { Version } from '@microsoft/sp-core-library';
|
import { Version } from '@microsoft/sp-core-library';
|
||||||
import {
|
import { BaseClientSideWebPart, IWebPartPropertiesMetadata } from "@microsoft/sp-webpart-base";
|
||||||
BaseClientSideWebPart,
|
import { IPropertyPaneConfiguration, PropertyPaneDynamicFieldSet, PropertyPaneDynamicField } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneConfiguration,
|
|
||||||
IWebPartPropertiesMetadata,
|
|
||||||
PropertyPaneDynamicFieldSet,
|
|
||||||
PropertyPaneDynamicField
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
import * as strings from 'EventDetailsWebPartStrings';
|
import * as strings from 'EventDetailsWebPartStrings';
|
||||||
import { EventDetails, IEventDetailsProps } from './components';
|
import { EventDetails, IEventDetailsProps } from './components';
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss';
|
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss';
|
||||||
|
@import '~office-ui-fabric-react/dist/sass/References.scss';
|
||||||
|
|
||||||
.eventDetails {
|
.eventDetails {
|
||||||
.info {
|
.info {
|
||||||
|
|
|
@ -1,20 +1,17 @@
|
||||||
{
|
{
|
||||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
|
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
|
||||||
"id": "a453b126-4b2d-4314-bf38-76d1e4416175",
|
"id": "fe9049bb-eb8b-474b-b777-ff492089f5c8",
|
||||||
"alias": "EventsWebPart",
|
"alias": "EventsWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
|
||||||
// The "*" signifies that the version should be taken from the package.json
|
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
// If true, the component can only be installed on sites where Custom Script is allowed.
|
|
||||||
// Components that allow authors to embed arbitrary script code should set this to true.
|
|
||||||
// https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
|
|
||||||
"requiresCustomScript": false,
|
"requiresCustomScript": false,
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
|
|
||||||
"preconfiguredEntries": [{
|
"preconfiguredEntries": [{
|
||||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other
|
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
|
||||||
"group": { "default": "Other" },
|
"group": { "default": "Other" },
|
||||||
"title": { "default": "Events" },
|
"title": { "default": "Events" },
|
||||||
"description": { "default": "Shows upcoming events" },
|
"description": { "default": "Shows upcoming events" },
|
||||||
|
|
|
@ -1,11 +1,8 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import * as ReactDom from 'react-dom';
|
import * as ReactDom from 'react-dom';
|
||||||
import { Version } from '@microsoft/sp-core-library';
|
import { Version } from '@microsoft/sp-core-library';
|
||||||
import {
|
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
|
||||||
BaseClientSideWebPart,
|
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneConfiguration
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
import * as strings from 'EventsWebPartStrings';
|
import * as strings from 'EventsWebPartStrings';
|
||||||
import { Events } from './components';
|
import { Events } from './components';
|
||||||
import { IEventsProps } from './components/IEventsProps';
|
import { IEventsProps } from './components/IEventsProps';
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss';
|
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss';
|
||||||
|
@import '~office-ui-fabric-react/dist/sass/References.scss';
|
||||||
|
|
||||||
.events {
|
.events {
|
||||||
.error {
|
.error {
|
||||||
|
@ -12,4 +13,4 @@
|
||||||
.info {
|
.info {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,3 +1,3 @@
|
||||||
export * from './Events';
|
export * from './Events';
|
||||||
export * from './IEventsProps';
|
export * from './IEventsProps';
|
||||||
export * from './IEventsState';
|
export * from './IEventsState';
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
define([], function() {
|
define([], function() {
|
||||||
return {
|
return {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,20 +1,17 @@
|
||||||
{
|
{
|
||||||
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
|
"$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json",
|
||||||
"id": "44181a37-27e5-4802-8f0b-4f8766792eda",
|
"id": "53ac9dad-7fd5-49f6-83be-1a6439076493",
|
||||||
"alias": "MapWebPart",
|
"alias": "MapWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
|
||||||
// The "*" signifies that the version should be taken from the package.json
|
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
// If true, the component can only be installed on sites where Custom Script is allowed.
|
|
||||||
// Components that allow authors to embed arbitrary script code should set this to true.
|
|
||||||
// https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
|
|
||||||
"requiresCustomScript": false,
|
"requiresCustomScript": false,
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
|
|
||||||
"preconfiguredEntries": [{
|
"preconfiguredEntries": [{
|
||||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70", // Other
|
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
|
||||||
"group": { "default": "Other" },
|
"group": { "default": "Other" },
|
||||||
"title": { "default": "Map" },
|
"title": { "default": "Map" },
|
||||||
"description": { "default": "Shows the specified location on a map" },
|
"description": { "default": "Shows the specified location on a map" },
|
||||||
|
|
|
@ -1,17 +1,9 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import * as ReactDom from 'react-dom';
|
import * as ReactDom from 'react-dom';
|
||||||
import { Version } from '@microsoft/sp-core-library';
|
import { Version } from '@microsoft/sp-core-library';
|
||||||
import {
|
import { BaseClientSideWebPart, IWebPartPropertiesMetadata } from "@microsoft/sp-webpart-base";
|
||||||
BaseClientSideWebPart,
|
import { IPropertyPaneConfiguration, PropertyPaneTextField, PropertyPaneLink, IPropertyPaneConditionalGroup, PropertyPaneDynamicFieldSet, PropertyPaneDynamicField,DynamicDataSharedDepth } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneConfiguration,
|
|
||||||
PropertyPaneTextField,
|
|
||||||
PropertyPaneLink,
|
|
||||||
IPropertyPaneConditionalGroup,
|
|
||||||
PropertyPaneDynamicFieldSet,
|
|
||||||
PropertyPaneDynamicField,
|
|
||||||
IWebPartPropertiesMetadata,
|
|
||||||
DynamicDataSharedDepth
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
import * as strings from 'MapWebPartStrings';
|
import * as strings from 'MapWebPartStrings';
|
||||||
import { Map, IMapProps } from './components';
|
import { Map, IMapProps } from './components';
|
||||||
|
@ -58,7 +50,7 @@ export default class MapWebPart extends BaseClientSideWebPart<IMapWebPartProps>
|
||||||
// address entered in web part properties
|
// address entered in web part properties
|
||||||
const address: string | undefined = this.properties.address.tryGetValue();
|
const address: string | undefined = this.properties.address.tryGetValue();
|
||||||
const city: string | undefined = this.properties.city.tryGetValue();
|
const city: string | undefined = this.properties.city.tryGetValue();
|
||||||
const needsConfiguration: boolean = !this.properties.bingMapsApiKey || (!address && !this.properties.address.tryGetSource()) ||
|
const needsConfiguration: boolean = !this.properties.bingMapsApiKey || (!address && !this.properties.address.tryGetSource()) ||
|
||||||
(!city && !this.properties.city.tryGetSource());
|
(!city && !this.properties.city.tryGetSource());
|
||||||
|
|
||||||
const element: React.ReactElement<IMapProps> = React.createElement(
|
const element: React.ReactElement<IMapProps> = React.createElement(
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss';
|
@import '~@microsoft/sp-office-ui-fabric-core/dist/sass/SPFabricCore.scss';
|
||||||
|
@import '~office-ui-fabric-react/dist/sass/References.scss';
|
||||||
|
|
||||||
.map {
|
.map {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -12,4 +12,4 @@ define([], function() {
|
||||||
"PropertyIdFieldLabel": "Data property",
|
"PropertyIdFieldLabel": "Data property",
|
||||||
"PropertyPaneDescription": "Web part configuration"
|
"PropertyPaneDescription": "Web part configuration"
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 1.4 KiB |
|
@ -1,4 +1,5 @@
|
||||||
{
|
{
|
||||||
|
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.3/includes/tsconfig-web.json",
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"target": "es5",
|
"target": "es5",
|
||||||
"forceConsistentCasingInFileNames": true,
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
@ -10,6 +11,9 @@
|
||||||
"experimentalDecorators": true,
|
"experimentalDecorators": true,
|
||||||
"skipLibCheck": true,
|
"skipLibCheck": true,
|
||||||
"outDir": "lib",
|
"outDir": "lib",
|
||||||
|
"inlineSources": false,
|
||||||
|
"strictNullChecks": false,
|
||||||
|
"noUnusedLocals": false,
|
||||||
"typeRoots": [
|
"typeRoots": [
|
||||||
"./node_modules/@types",
|
"./node_modules/@types",
|
||||||
"./node_modules/@microsoft"
|
"./node_modules/@microsoft"
|
||||||
|
|