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

Merge branch 'dev' of https://github.com/SharePoint/sp-dev-fx-webparts into dev 

# Please enter a commit message to explain why this merge is necessary,
# especially if it merges an updated upstream into a topic branch.
#
# Lines starting with '#' will be ignored, and an empty message aborts
# the commit.
This commit is contained in:
chaksc 2016-10-20 15:13:44 -07:00
parent 5edf23310e 6edbb5c5ce
commit 06cdfb517b
14 changed files with 35 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
samples/react-organisationchart/package.json
View File

@ -6,18 +6,18 @@
"node": ">=0.10.0"
},
"dependencies": {
"@microsoft/sp-client-base": "~0.2.1",
"@microsoft/sp-client-preview": "~0.3.0",
"office-ui-fabric-react": "0.36.0",
"@microsoft/sp-client-base": "~0.4.0",
"@microsoft/sp-client-preview": "~0.5.0",
"office-ui-fabric-react": "0.52.0",
"react": "0.14.8",
"react-dom": "0.14.8"
},
"devDependencies": {
"@microsoft/sp-build-web": "~0.5.0",
"@microsoft/sp-module-interfaces": "~0.2.0",
"@microsoft/sp-webpart-workbench": "~0.3.0",
"@microsoft/sp-build-web": "~0.7.0",
"@microsoft/sp-module-interfaces": "~0.4.0",
"@microsoft/sp-webpart-workbench": "~0.5.0",
"gulp": "~3.9.1",
"office-ui-fabric": "2.6.1"
"office-ui-fabric": "2.6.2"
},
"scripts": {
"build": "gulp bundle",

2
samples/react-organisationchart/src/webparts/organisationChart/IOrganisationChartWebPartProps.ts
View File

@ -1,5 +1,3 @@
import { ServiceScope, EnvironmentType } from '@microsoft/sp-client-base';
export interface IOrganisationChartWebPartProps {
description: string;
}

10
samples/react-organisationchart/src/webparts/organisationChart/mocks/MockUserProfileService.ts
View File

@ -11,7 +11,7 @@ export class MockUserProfileService implements IUserProfileService {
public getPropertiesForCurrentUser(): Promise<IPerson> {
return new Promise<IPerson>((resolve, reject) => {
const user: IPerson = { Title: "Consultant", DisplayName: "Adam Jones", PictureUrl: "http://dev.office.com/Modules/DevOffice.Fabric/Fabric/components/persona/Persona.Person2.png" };
const user: IPerson = { Title: "Consultant", DisplayName: "Adam Jones", PictureUrl: "https://raw.githubusercontent.com/OfficeDev/office-ui-fabric-react/master/images/persona-male.png" };
resolve(user);
});
}
@ -20,8 +20,8 @@ export class MockUserProfileService implements IUserProfileService {
return new Promise<IPerson[]>((resolve, reject) => {
const users: IPerson[] = [];
users.push({ Title: "Manager", DisplayName: "Grant Steel", PictureUrl: "http://dev.office.com/Modules/DevOffice.Fabric/Fabric/components/persona/Persona.Person2.png" });
users.push({ Title: "Head of Management", DisplayName: "Marcel Grose", PictureUrl: "http://dev.office.com/Modules/DevOffice.Fabric/Fabric/components/persona/Persona.Person2.png" });
users.push({ Title: "Manager", DisplayName: "Grant Steel", PictureUrl: "https://raw.githubusercontent.com/OfficeDev/office-ui-fabric-react/master/images/persona-male.png" });
users.push({ Title: "Head of Management", DisplayName: "Marcel Grose", PictureUrl: "https://raw.githubusercontent.com/OfficeDev/office-ui-fabric-react/master/images/persona-female.png" });
resolve(users);
});
@ -31,8 +31,8 @@ export class MockUserProfileService implements IUserProfileService {
return new Promise<IPerson[]>((resolve, reject) => {
const users: IPerson[] = [];
users.push({ Title: "Developer", DisplayName: "Russel Miller", PictureUrl: "http://dev.office.com/Modules/DevOffice.Fabric/Fabric/components/persona/Persona.Person2.png" });
users.push({ Title: "IT Admin", DisplayName: "Robert Fischer", PictureUrl: "http://dev.office.com/Modules/DevOffice.Fabric/Fabric/components/persona/Persona.Person2.png" });
users.push({ Title: "Developer", DisplayName: "Russel Miller", PictureUrl: "https://raw.githubusercontent.com/OfficeDev/office-ui-fabric-react/master/images/persona-female.png" });
users.push({ Title: "IT Admin", DisplayName: "Robert Fischer", PictureUrl: "https://raw.githubusercontent.com/OfficeDev/office-ui-fabric-react/master/images/persona-male.png" });
resolve(users);
});

3
samples/react-search/README.md
View File

@ -23,6 +23,7 @@ Version|Date|Comments
-------|----|--------
0.0.4|September 08, 2016|Initial release
0.0.5|September 27, 2016|Updates for drop 4. Added the abilty to use various search tokens. Plus a logging field to watch search calls.
0.0.6|October 19, 2016|Updates for drop 5.
## 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.**
@ -61,6 +62,8 @@ External templates can be loaded from an URL.
If you want to test out this functionality, you can find a couple of sample templates in the [external templates]('./external_templates') folder. Upload one of these templates to your site, copy the file location and past it in the textbox.
> There is a sample project which you can use to create your own external templates. You can find it here: [Search WP SPFx Template Generator](https://github.com/estruyf/search-wp-spfx-templategenerator).
This Web Part illustrates the following concepts on top of the SharePoint Framework:
- using React and the Flux pattern with TypeScript for building SharePoint Framework Client-Side Web Parts

1
samples/react-search/config/config.json
View File

@ -9,6 +9,7 @@
"externals": {
"@microsoft/sp-client-base": "node_modules/@microsoft/sp-client-base/dist/sp-client-base.js",
"@microsoft/sp-client-preview": "node_modules/@microsoft/sp-client-preview/dist/sp-client-preview.js",
"@microsoft/sp-webpart-base": "node_modules/@microsoft/sp-webpart-base/dist/sp-webpart-base.js",
"@microsoft/sp-lodash-subset": "node_modules/@microsoft/sp-lodash-subset/dist/sp-lodash-subset.js",
"office-ui-fabric-react": "node_modules/office-ui-fabric-react/dist/office-ui-fabric-react.js",
"react": "node_modules/react/dist/react.min.js",

15
samples/react-search/package.json
View File

@ -1,13 +1,14 @@
{
"name": "search-wp-spfx",
"version": "0.0.5",
"version": "0.0.6",
"private": true,
"engines": {
"node": ">=0.10.0"
},
"dependencies": {
"@microsoft/sp-client-base": "~0.3.0",
"@microsoft/sp-client-preview": "~0.4.0",
"@microsoft/sp-client-base": "~0.4.0",
"@microsoft/sp-client-preview": "~0.5.0",
"@microsoft/sp-webpart-base": "^0.1.0",
"flux": "^2.1.1",
"moment": "^2.14.1",
"office-ui-fabric-react": "0.36.0",
@ -15,9 +16,9 @@
"react-dom": "0.14.8"
},
"devDependencies": {
"@microsoft/sp-build-web": "~0.6.0",
"@microsoft/sp-module-interfaces": "~0.3.0",
"@microsoft/sp-webpart-workbench": "~0.4.0",
"@microsoft/sp-build-web": "~0.7.0",
"@microsoft/sp-module-interfaces": "~0.4.0",
"@microsoft/sp-webpart-workbench": "~0.5.0",
"expose-loader": "^0.7.1",
"gulp": "~3.9.1"
},
@ -26,4 +27,4 @@
"clean": "gulp nuke",
"test": "gulp test"
}
}
}

2
samples/react-search/src/webparts/searchSpfx/PropertyPaneControls/PropertyPaneLoggingField.ts
View File

@ -4,7 +4,7 @@ import * as ReactDom from 'react-dom';
import {
IPropertyPaneField,
IPropertyPaneFieldType
} from '@microsoft/sp-client-preview';
} from '@microsoft/sp-webpart-base';
import { IPropertyPaneLoggingFieldProps } from './IPropertyPaneLoggingFieldProps';
import PropertyPaneLoggingFieldHost, { IPropertyPaneLoggingFieldHostProps } from './PropertyPaneLoggingFieldHost';

23
samples/react-search/src/webparts/searchSpfx/SearchSpfxWebPart.ts
View File

@ -8,7 +8,7 @@ import {
PropertyPaneDropdown,
PropertyPaneSlider,
PropertyPaneToggle
} from '@microsoft/sp-client-preview';
} from '@microsoft/sp-webpart-base';
import { PropertyPaneLoggingField } from './PropertyPaneControls/PropertyPaneLoggingField';
@ -190,21 +190,6 @@ export default class SearchSpfxWebPart extends BaseClientSideWebPart<ISearchSpfx
this.removeChangeBinding = setTimeout(this.removeLogging, 500);
}
// protected onPropertyPaneConfigurationStart() {
// // Will probably be deleted in the next drop
// console.log('onPropertyPaneConfigurationStart');
// }
// protected onAfterPropertyPaneChangesApplied() {
// // Will probably be deleted in the next drop
// console.log('onAfterPropertyPaneChangesApplied');
// }
// Will probably be added in the next drop
// protected onPropertyPaneSave() {
// console.log('onPropertyPaneSave');
// }
/**
* Property pane settings
*/
@ -231,9 +216,6 @@ export default class SearchSpfxWebPart extends BaseClientSideWebPart<ISearchSpfx
groups: [{
groupName: strings.BasicGroupName,
groupFields: [
PropertyPaneTextField('title', {
label: strings.FieldsTitleLabel
}),
PropertyPaneTextField('query', {
label: strings.QueryFieldLabel,
description: strings.QueryInfoDescription,
@ -251,6 +233,9 @@ export default class SearchSpfxWebPart extends BaseClientSideWebPart<ISearchSpfx
}, {
groupName: strings.TemplateGroupName,
groupFields: [
PropertyPaneTextField('title', {
label: strings.FieldsTitleLabel
}),
PropertyPaneToggle('external', {
label: strings.FieldsExternalLabel
}),

2
samples/react-search/src/webparts/searchSpfx/components/SearchSpfx.tsx
View File

@ -1,6 +1,6 @@
import * as React from 'react';
import { ISearchSpfxWebPartProps } from '../ISearchSpfxWebPartProps';
import { IWebPartContext } from '@microsoft/sp-client-preview';
import { IWebPartContext } from '@microsoft/sp-webpart-base';
import searchActions from '../flux/actions/searchActions';
import searchStore from '../flux/stores/searchStore';

2
samples/react-search/src/webparts/searchSpfx/flux/actions/ISearchAction.ts
View File

@ -1,4 +1,4 @@
import {IWebPartContext} from '@microsoft/sp-client-preview';
import {IWebPartContext} from '@microsoft/sp-webpart-base';
export interface ISearchAction {
actionType: Number;
context?: IWebPartContext;

2
samples/react-search/src/webparts/searchSpfx/flux/actions/searchActions.ts
View File

@ -1,6 +1,6 @@
import appDispatcher from '../dispatcher/appDispatcher';
import searchActionIDs from './searchActionIDs';
import {IWebPartContext} from '@microsoft/sp-client-preview';
import {IWebPartContext} from '@microsoft/sp-webpart-base';
export class SearchActionsStatic {
/**

2
samples/react-search/src/webparts/searchSpfx/flux/helpers/SearchTokenHelper.ts
View File

@ -1,4 +1,4 @@
import { IWebPartContext } from '@microsoft/sp-client-preview';
import { IWebPartContext } from '@microsoft/sp-webpart-base';
import { IPageContext } from '../../utils/IPageContext';
import * as moment from 'moment';

2
samples/react-search/src/webparts/searchSpfx/flux/stores/searchStore.ts
View File

@ -3,7 +3,7 @@ import searchActionIDs from '../actions/searchActionIDs';
import SearchTokenHelper from '../helpers/SearchTokenHelper';
import { EventEmitter } from 'events';
import { IWebPartContext } from '@microsoft/sp-client-preview';
import { IWebPartContext } from '@microsoft/sp-webpart-base';
import { ISearchResults, ICells, ICellValue } from '../../utils/ISearchResults';
const CHANGE_EVENT: string = 'change';

2
samples/react-search/src/webparts/searchSpfx/templates/TableTemplate.tsx
View File

@ -61,7 +61,7 @@ export default class TableTemplate extends React.Component<ITableTemplate, {}> {
this.props.results.map((result, index) => {
return (<tr key={index}>
<td>
<a href={result.Path}><img src={`${this.iconUrl}${result.Fileextension !== null && this.unknown.indexOf(result.Fileextension) === -1 ? result.Fileextension : 'code'}.png`} /></a>
<a href={result.Path}><img src={`${this.iconUrl}${result.Fileextension !== null && this.unknown.indexOf(result.Fileextension) === -1 ? result.Fileextension : 'code'}.png`} role='presentation' /></a>
</td>
<td>
<a href={result.Path}>{result.Filename !== null ? result.Filename.substring(0, result.Filename.lastIndexOf('.')) : ""}</a>