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 pull request #1368 from pnp/react-chartcontrol-110

This commit is contained in:
Hugo Bernier 2020-07-02 21:24:16 -04:00 committed by GitHub
parent c9d545dd09 22becdd403
commit 7228a3234f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
76 changed files with 15826 additions and 4929 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
samples/react-chartcontrol/.yo-rc.json
View File

@ -2,10 +2,10 @@
"@microsoft/generator-sharepoint": {
"isCreatingSolution": false,
"environment": "spo",
"version": "1.7.1",
"version": "1.10.0",
"libraryName": "react-chartcontrol",
"libraryId": "fb9665fb-4455-4b7f-99ab-2195920871fd",
"packageManager": "npm",
"componentType": "webpart"
}
}
}

7
samples/react-chartcontrol/README.md
View File

@ -8,7 +8,7 @@ This sample contains several web parts that demonstrate how to use the ChartCont
The web parts in this sample are not intended to be used in production -- they simply demonstrate how you would use all the capabilities of the ChartControl.
> **NOTE:** If you are looking for a ready-to-use web part, please look into [joelfmrodrigues' cool react-modern-charts sample](https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-modern-charts), which was built without the ChartControl.
> **NOTE:** If you are looking for a ready-to-use web part, please look into [joelfmrodrigues' cool react-modern-charts sample](https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-modern-charts), which was built without the `ChartControl`.
## About the samples
@ -16,7 +16,7 @@ We created the ChartControl by popular request of [@pnp/spfx-controls-react](htt
To keep things as easy as possible, the ChartControl supports (most) of the Chart.js functionality (yes, even the use of plugins!).
The samples in this solution mostly use code found from the Chart.js code samples -- with little or no conversion. Whereever possible, we localized strings, moved colors and styles to the web part's SCSS, and used Office Fabric UI components instead of regular buttons.
The samples in this solution mostly use code found from the Chart.js code samples -- with little or no conversion. Wherever possible, we localized strings, moved colors and styles to the web part's SCSS, and used Office Fabric UI components instead of regular buttons.
Each sample retrieves data and passes it to the ChartControl using one of the 3 methods:
@ -170,7 +170,7 @@ This sample shows how to use X and Y coordinate data elements in a scatter chart
## Used SharePoint Framework Version
![SPFx v1.7.1](https://img.shields.io/badge/SPFx-1.7.1-green.svg)
![SPFx v1.10.0](https://img.shields.io/badge/SPFx-1.10.1-green.svg)
## Applies to
@ -192,6 +192,7 @@ react-chart-control | Hugo Bernier ([Tahoe Ninjas](http://tahoeninjas.blog), @be
Version|Date|Comments
-------|----|--------
1.0|January, 2019|Initial release
1.1|July 02, 2020|Upgraded to SPFx 1.10.0
## Disclaimer

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

@ -3,7 +3,7 @@
"solution": {
"name": "react-chartcontrol-client-side-solution",
"id": "fb9665fb-4455-4b7f-99ab-2195920871fd",
"version": "1.0.0.0",
"version": "1.1.0.0",
"includeClientSideAssets": true
},
"paths": {

20441
samples/react-chartcontrol/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

36
samples/react-chartcontrol/package.json
View File

@ -1,6 +1,7 @@
{
"main": "lib/index.js",
"name": "react-chartcontrol",
"version": "0.0.1",
"version": "1.1.0",
"private": true,
"engines": {
"node": ">=0.10.0"
@ -11,10 +12,11 @@
"test": "gulp test"
},
"dependencies": {
"@microsoft/sp-core-library": "1.7.1",
"@microsoft/sp-lodash-subset": "1.7.1",
"@microsoft/sp-office-ui-fabric-core": "1.7.1",
"@microsoft/sp-webpart-base": "1.7.1",
"@microsoft/sp-core-library": "1.10.0",
"@microsoft/sp-lodash-subset": "1.10.0",
"@microsoft/sp-office-ui-fabric-core": "1.10.0",
"@microsoft/sp-property-pane": "1.10.0",
"@microsoft/sp-webpart-base": "1.10.0",
"@pnp/common": "^1.2.8",
"@pnp/logging": "^1.2.8",
"@pnp/odata": "^1.2.8",
@ -22,27 +24,29 @@
"@pnp/spfx-controls-react": "1.11.0",
"@pnp/spfx-property-controls": "^1.13.1",
"@types/es6-promise": "0.0.33",
"@types/react": "16.4.2",
"@types/react-dom": "16.0.5",
"@types/react": "16.8.8",
"@types/react-dom": "16.8.3",
"@types/webpack-env": "1.13.1",
"chartjs-plugin-streaming": "^1.7.1",
"color": "^3.1.0",
"moment": "^2.23.0",
"office-ui-fabric-react": "6.189.2",
"patternomaly": "^1.3.2",
"react": "16.3.2",
"react-dom": "16.3.2"
"react": "16.8.5",
"react-dom": "16.8.5"
},
"resolutions": {
"@types/react": "16.4.2"
"@types/react": "16.8.8"
},
"devDependencies": {
"@microsoft/sp-build-web": "1.7.1",
"@microsoft/sp-tslint-rules": "1.7.1",
"@microsoft/sp-module-interfaces": "1.7.1",
"@microsoft/sp-webpart-workbench": "1.7.1",
"gulp": "~3.9.1",
"@microsoft/rush-stack-compiler-3.3": "0.3.5",
"@microsoft/sp-build-web": "1.10.0",
"@microsoft/sp-module-interfaces": "1.10.0",
"@microsoft/sp-tslint-rules": "1.10.0",
"@microsoft/sp-webpart-workbench": "1.10.0",
"@types/chai": "3.4.34",
"@types/mocha": "2.2.38",
"ajv": "~5.2.2"
"ajv": "~5.2.2",
"gulp": "~3.9.1"
}
}

2
samples/react-chartcontrol/src/webparts/accessibleTable/AccessibleTableWebPart.manifest.json
View File

@ -8,7 +8,7 @@
"manifestVersion": 2,
"requiresCustomScript": false,
"supportedHosts": ["SharePointWebPart"],
"preconfiguredEntries": [{
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
"group": { "default": "Other" },

7
samples/react-chartcontrol/src/webparts/accessibleTable/AccessibleTableWebPart.ts
View File

@ -1,11 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
PropertyPaneTextField
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration, PropertyPaneTextField } from "@microsoft/sp-property-pane";
import * as strings from 'AccessibleTableWebPartStrings';
import AccessibleTable from './components/AccessibleTable';

7
samples/react-chartcontrol/src/webparts/accessibleTable/components/AccessibleTable.module.scss
View File

@ -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';
.accessibleTable {
.shomMeTheTable {
@ -34,7 +35,9 @@
font-size: $ms-font-size-xl;
font-weight: $ms-font-weight-semibold;
& span {
font-size: $ms-font-size-16;
//font-size: $ms-font-size-16;
font-size: 16px;
}
}
}

2
samples/react-chartcontrol/src/webparts/areaChartDemo/AreaChartDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "fcba1920-e685-428a-8637-ab15883a2d0b",
"alias": "AreaChartDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,
"requiresCustomScript": false,

6
samples/react-chartcontrol/src/webparts/areaChartDemo/AreaChartDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'AreaChartDemoWebPartStrings';

3
samples/react-chartcontrol/src/webparts/areaChartDemo/components/AreaChartDemo.module.scss
View File

@ -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';
.areaChartDemo {
color:inherit;

1
samples/react-chartcontrol/src/webparts/areaChartDemo/components/AreaChartDemo.tsx
View File

@ -122,7 +122,6 @@ export default class AreaChartDemo extends React.Component<IAreaChartDemoProps,
private _renderCommandBar(): JSX.Element {
return (
<CommandBar
isSearchBoxVisible={false}
items={[
{
key: 'randomizeData',

2
samples/react-chartcontrol/src/webparts/barChartDemo/BarChartDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "74f7231a-c3f1-4ef5-94e7-3d2dd97cb39b",
"alias": "BarChartDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/barChartDemo/BarChartDemoWebPart.ts
View File

@ -2,10 +2,8 @@ import * as React from 'react';
import * as ReactDom from 'react-dom';
import * as strings from 'BarChartDemoWebPartStrings';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import BarChartDemo from './components/BarChartDemo';
import { IBarChartDemoProps } from './components/IBarChartDemo.types';

3
samples/react-chartcontrol/src/webparts/barChartDemo/components/BarChartDemo.module.scss
View File

@ -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';
.barChartDemo {
color: inherit; // so that SCSS doesn't complain about an empty class

2
samples/react-chartcontrol/src/webparts/barChartStatic/BarChartStaticWebPart.manifest.json
View File

@ -6,7 +6,7 @@
"version": "*",
"manifestVersion": 2,
"supportedHosts": ["SharePointWebPart"],
"requiresCustomScript": false,
"preconfiguredEntries": [{

6
samples/react-chartcontrol/src/webparts/barChartStatic/BarChartStaticWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'BarChartStaticWebPartStrings';
import BarChartStatic from './components/BarChartStatic';

5
samples/react-chartcontrol/src/webparts/barChartStatic/components/BarChartStatic.module.scss
View File

@ -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';
.barChartStatic {
.container {
@ -71,4 +72,4 @@
display: inline-block;
}
}
}
}

2
samples/react-chartcontrol/src/webparts/bubbleChartDemo/BubbleChartDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "dd21a307-fd9f-4fef-8d9f-d8abcb83b814",
"alias": "BubbleChartDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/bubbleChartDemo/BubbleChartDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'BubbleChartDemoWebPartStrings';

3
samples/react-chartcontrol/src/webparts/bubbleChartDemo/components/BubbleChartDemo.module.scss
View File

@ -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';
.bubbleChartDemo {
color: inherit;

1
samples/react-chartcontrol/src/webparts/bubbleChartDemo/components/BubbleChartDemo.tsx
View File

@ -108,7 +108,6 @@ export default class BubbleChartDemo extends React.Component<IBubbleChartDemoPro
private _renderCommandBar(): JSX.Element {
return (
<CommandBar
isSearchBoxVisible={false}
items={[
{
key: 'randomizeData',

1
samples/react-chartcontrol/src/webparts/chartinator/ChartinatorWebPart.manifest.json
View File

@ -5,6 +5,7 @@
"componentType": "WebPart",
"version": "*",
"manifestVersion": 2,
"supportedHosts": ["SharePointWebPart"],
"requiresCustomScript": false,
"preconfiguredEntries": [
{

17
samples/react-chartcontrol/src/webparts/chartinator/ChartinatorWebPart.ts
View File

@ -5,21 +5,8 @@ import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
// Stuff for out-of-the-box property panes
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
PropertyPaneChoiceGroup,
PropertyPaneLabel,
PropertyPaneDropdown,
PropertyPaneToggle,
PropertyPaneTextField,
IPropertyPaneChoiceGroupOption,
PropertyPaneSlider,
IPropertyPaneGroup,
PropertyPaneButton,
IPropertyPaneDropdownOption,
PropertyPaneHorizontalRule
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration, PropertyPaneChoiceGroup, PropertyPaneLabel, PropertyPaneDropdown, PropertyPaneToggle, PropertyPaneTextField, IPropertyPaneChoiceGroupOption, PropertyPaneSlider, IPropertyPaneGroup, PropertyPaneButton, IPropertyPaneDropdownOption, PropertyPaneHorizontalRule } from "@microsoft/sp-property-pane";
// Needed to create drop down choices
import {

3
samples/react-chartcontrol/src/webparts/chartinator/components/Chartinator.module.scss
View File

@ -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';
.chartinator {
color: inherit;

3
samples/react-chartcontrol/src/webparts/chartinator/controls/ChartTitle/ChartTitle.module.scss
View File

@ -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';
.chartTitle {
font-size: 14px;

2
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyFieldRepeatingData/IPropertyFieldRepeatingDataInternalProps.ts
View File

@ -1,4 +1,4 @@
import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-webpart-base';
import { IPropertyPaneCustomFieldProps } from "@microsoft/sp-property-pane";
import { IPropertyFieldRepeatingDataProps } from '.';

3
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyFieldRepeatingData/PropertyFieldRepeatingData.module.scss
View File

@ -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';
.propertyPaneGroupField {
padding-top : 4px;

5
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyFieldRepeatingData/PropertyFieldRepeatingData.ts
View File

@ -1,9 +1,6 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import {
IPropertyPaneField,
PropertyPaneFieldType
} from '@microsoft/sp-webpart-base';
import { IPropertyPaneField, PropertyPaneFieldType } from "@microsoft/sp-property-pane";
import { IPropertyFieldRepeatingDataProps } from "./PropertyFieldRepeatingData.types";
import { IPropertyFieldRepeatingDataHostProps } from './PropertyFieldRepeatingData.types';

2
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyFieldRepeatingData/PropertyFieldRepeatingData.types.ts
View File

@ -1,4 +1,4 @@
import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-webpart-base';
import { IPropertyPaneCustomFieldProps } from "@microsoft/sp-property-pane";
import { ChartType } from '@pnp/spfx-controls-react/lib/ChartControl';
/**

2
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyPaneChartPaletteSelector/IPropertyPaneChartPaletteSelectorInternalProps.ts
View File

@ -1,4 +1,4 @@
import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-webpart-base';
import { IPropertyPaneCustomFieldProps } from "@microsoft/sp-property-pane";
import { IPropertyPaneChartPaletteSelectorProps } from './IPropertyPaneChartPaletteSelectorProps';
export interface IPropertyPaneChartPaletteSelectorInternalProps extends IPropertyPaneCustomFieldProps, IPropertyPaneChartPaletteSelectorProps { }

5
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyPaneChartPaletteSelector/PropertyPaneChartPaletteSelector.ts
View File

@ -1,9 +1,6 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import {
IPropertyPaneField,
PropertyPaneFieldType
} from '@microsoft/sp-webpart-base';
import { IPropertyPaneField, PropertyPaneFieldType } from "@microsoft/sp-property-pane";
import { IDropdownOption } from 'office-ui-fabric-react/lib/components/Dropdown';

2
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyPaneDashSelector/IPropertyPaneDashSelectorInternalProps.ts
View File

@ -1,4 +1,4 @@
import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-webpart-base';
import { IPropertyPaneCustomFieldProps } from "@microsoft/sp-property-pane";
import { IPropertyPaneDashSelectorProps } from './IPropertyPaneDashSelectorProps';
export interface IPropertyPaneDashSelectorInternalProps extends IPropertyPaneCustomFieldProps, IPropertyPaneDashSelectorProps { }

5
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyPaneDashSelector/PropertyPaneDashSelector.ts
View File

@ -1,9 +1,6 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import {
IPropertyPaneField,
PropertyPaneFieldType
} from '@microsoft/sp-webpart-base';
import { IPropertyPaneField, PropertyPaneFieldType } from "@microsoft/sp-property-pane";
import { IDropdownOption } from 'office-ui-fabric-react/lib/components/Dropdown';

3
samples/react-chartcontrol/src/webparts/chartinator/controls/PropertyPaneDashSelector/components/DashSelector.module.scss
View File

@ -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';
.dashSelector {
color: inherit;

2
samples/react-chartcontrol/src/webparts/comboChartDemo/ComboChartDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "849fad01-2cf4-4653-88ef-1fa9151a7b17",
"alias": "ComboChartDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/comboChartDemo/ComboChartDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'ComboChartDemoWebPartStrings';

3
samples/react-chartcontrol/src/webparts/comboChartDemo/components/ComboChartDemo.module.scss
View File

@ -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';
.comboChartDemo {
color: inherit;

2
samples/react-chartcontrol/src/webparts/customPluginDemo/CustomPluginDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "3bc38cb3-d1b1-4572-8196-679445d39d58",
"alias": "CustomPluginDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/customPluginDemo/CustomPluginDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'CustomPluginDemoWebPartStrings';

3
samples/react-chartcontrol/src/webparts/customPluginDemo/components/CustomPluginDemo.module.scss
View File

@ -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';
.customPluginDemo {
color: inherit;

2
samples/react-chartcontrol/src/webparts/donutPatternsDemo/DonutPatternsDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "907cfe87-fffe-4d9c-8fac-3ea23c3f2c09",
"alias": "DonutPatternsDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/donutPatternsDemo/DonutPatternsDemoWebPart.ts
View File

@ -3,10 +3,8 @@ import * as ReactDom from 'react-dom';
import * as strings from 'DonutPatternsDemoWebPartStrings';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import DonutPatternsDemo from './components/DonutPatternsDemo';

3
samples/react-chartcontrol/src/webparts/donutPatternsDemo/components/DonutPatternsDemo.module.scss
View File

@ -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';
.donutPatternsDemo {
color:inherit;

2
samples/react-chartcontrol/src/webparts/dynamicDataCallable/DynamicDataCallableWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "eeadd4a5-4787-4d86-a606-17271bcfe81b",
"alias": "DynamicDataCallableWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

7
samples/react-chartcontrol/src/webparts/dynamicDataCallable/DynamicDataCallableWebPart.ts
View File

@ -1,11 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
PropertyPaneTextField
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration, PropertyPaneTextField } from "@microsoft/sp-property-pane";
import * as strings from 'DynamicDataCallableWebPartStrings';
import DynamicDataCallable from './components/DynamicDataCallable';

3
samples/react-chartcontrol/src/webparts/dynamicDataCallable/components/DynamicDataCallable.module.scss
View File

@ -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';
.dynamicDataCallable {
color: inherit;

2
samples/react-chartcontrol/src/webparts/dynamicDataConsumer/DynamicDataConsumerWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "d5db1f38-c34b-4083-b2b0-99b09d9161b1",
"alias": "DynamicDataConsumerWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

12
samples/react-chartcontrol/src/webparts/dynamicDataConsumer/DynamicDataConsumerWebPart.ts
View File

@ -3,16 +3,8 @@ import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
// standard web part stuff
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
PropertyPaneTextField,
PropertyPaneDynamicFieldSet,
PropertyPaneDynamicField,
IPropertyPaneConditionalGroup,
DynamicDataSharedDepth,
IWebPartPropertiesMetadata
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, IWebPartPropertiesMetadata } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration, PropertyPaneTextField, PropertyPaneDynamicFieldSet, PropertyPaneDynamicField, IPropertyPaneConditionalGroup, DynamicDataSharedDepth } from "@microsoft/sp-property-pane";
// dynamic data web parts
import { DynamicProperty } from '@microsoft/sp-component-base';

5
samples/react-chartcontrol/src/webparts/dynamicDataConsumer/components/DynamicDataConsumer.module.scss
View File

@ -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';
.dynamicDataConsumer {
.container {
@ -71,4 +72,4 @@
display: inline-block;
}
}
}
}

2
samples/react-chartcontrol/src/webparts/horizontalBarDemo/HorizontalBarDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "a63646aa-098e-4c3f-b1f4-f32e9eed4013",
"alias": "HorizontalBarDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/horizontalBarDemo/HorizontalBarDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'HorizontalBarDemoWebPartStrings';
import HorizontalBarDemo from './components/HorizontalBarDemo';

3
samples/react-chartcontrol/src/webparts/horizontalBarDemo/components/HorizontalBarDemo.module.scss
View File

@ -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';
.horizontalBarDemo {
color: inherit;

1
samples/react-chartcontrol/src/webparts/horizontalBarDemo/components/HorizontalBarDemo.tsx
View File

@ -77,7 +77,6 @@ export default class HorizontalBarDemo extends React.Component<IHorizontalBarDem
private _renderCommandBar(): JSX.Element {
return (
<CommandBar
isSearchBoxVisible={false}
items={[
{
key: 'addData',

2
samples/react-chartcontrol/src/webparts/lineChartDemo/LineChartDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "3b06de0f-5762-4160-8a2c-405f34a7d55d",
"alias": "LineChartDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/lineChartDemo/LineChartDemoWebPart.ts
View File

@ -2,10 +2,8 @@ import * as React from 'react';
import * as ReactDom from 'react-dom';
import * as strings from 'LineChartDemoWebPartStrings';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import LineChartDemo from './components/LineChartDemo';
import { ILineChartDemoProps } from './components/ILineChartDemo.types';

3
samples/react-chartcontrol/src/webparts/lineChartDemo/components/LineChartDemo.module.scss
View File

@ -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';
.lineChartDemo {
color: inherit;

2
samples/react-chartcontrol/src/webparts/pieChartDemo/PieChartDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "0ccdae4a-e8b0-4bd8-aba3-30d54444ee10",
"alias": "PieChartDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/pieChartDemo/PieChartDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'PieChartDemoWebPartStrings';

3
samples/react-chartcontrol/src/webparts/pieChartDemo/components/PieChartDemo.module.scss
View File

@ -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';
.pieChartDemo {
color:inherit;

1
samples/react-chartcontrol/src/webparts/pieChartDemo/components/PieChartDemo.tsx
View File

@ -96,7 +96,6 @@ export default class PieChartDemo extends React.Component<IPieChartDemoProps, {}
private _renderCommandBar(): JSX.Element {
return (
<CommandBar
isSearchBoxVisible={false}
items={[
{
key: 'randomizeData',

2
samples/react-chartcontrol/src/webparts/polarAreaDemo/PolarAreaDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "75942037-254d-4c8d-a5d1-44031c957ebf",
"alias": "PolarAreaDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/polarAreaDemo/PolarAreaDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'PolarAreaDemoWebPartStrings';

3
samples/react-chartcontrol/src/webparts/polarAreaDemo/components/PolarAreaDemo.module.scss
View File

@ -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';
.polarAreaDemo {
color: inherit;

1
samples/react-chartcontrol/src/webparts/polarAreaDemo/components/PolarAreaDemo.tsx
View File

@ -87,7 +87,6 @@ export default class PolarAreaDemo extends React.Component<IPolarAreaDemoProps,
private _renderCommandBar(): JSX.Element {
return (
<CommandBar
isSearchBoxVisible={false}
items={[
{
key: 'randomizeData',

2
samples/react-chartcontrol/src/webparts/radarDemo/RadarDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "510b8ccc-c873-4a41-87ca-b43d94bb6d20",
"alias": "RadarDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/radarDemo/RadarDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'RadarDemoWebPartStrings';

3
samples/react-chartcontrol/src/webparts/radarDemo/components/RadarDemo.module.scss
View File

@ -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';
.radarDemo {
color: inherit;

2
samples/react-chartcontrol/src/webparts/realtimePluginDemo/RealtimePluginDemoWebPart.manifest.json
View File

@ -3,7 +3,7 @@
"id": "98c90b31-f355-4c24-9997-a7c25e0ff016",
"alias": "RealtimePluginDemoWebPart",
"componentType": "WebPart",
"supportedHosts": ["SharePointWebPart"],
"version": "*",
"manifestVersion": 2,

6
samples/react-chartcontrol/src/webparts/realtimePluginDemo/RealtimePluginDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
import * as strings from 'RealtimePluginDemoWebPartStrings';

3
samples/react-chartcontrol/src/webparts/realtimePluginDemo/components/RealtimePluginDemo.module.scss
View File

@ -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';
.realtimePluginDemo {
color: inherit;

1
samples/react-chartcontrol/src/webparts/realtimePluginDemo/components/RealtimePluginDemo.tsx
View File

@ -114,7 +114,6 @@ export default class RealtimePluginDemo extends React.Component<IRealtimePluginD
private _renderCommandBar(): JSX.Element {
return (
<CommandBar
isSearchBoxVisible={false}
items={[
{
key: 'randomizeData',

1
samples/react-chartcontrol/src/webparts/scatterChartDemo/ScatterChartDemoWebPart.manifest.json
View File

@ -5,6 +5,7 @@
"componentType": "WebPart",
"version": "*",
"manifestVersion": 2,
"supportedHosts": ["SharePointWebPart"],
"requiresCustomScript": false,
"preconfiguredEntries": [
{

6
samples/react-chartcontrol/src/webparts/scatterChartDemo/ScatterChartDemoWebPart.ts
View File

@ -1,10 +1,8 @@
import * as React from 'react';
import * as ReactDom from 'react-dom';
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
IPropertyPaneConfiguration,
} from '@microsoft/sp-webpart-base';
import { BaseClientSideWebPart, } from "@microsoft/sp-webpart-base";
import { IPropertyPaneConfiguration } from "@microsoft/sp-property-pane";
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';

3
samples/react-chartcontrol/src/webparts/scatterChartDemo/components/ScatterChartDemo.module.scss
View File

@ -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';
.scatterChartDemo {
color: inherit;

4
samples/react-chartcontrol/tsconfig.json
View File

@ -1,5 +1,9 @@
{
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.3/includes/tsconfig-web.json",
"compilerOptions": {
"noUnusedLocals": false,
"inlineSources": false,
"strictNullChecks": false,
"target": "es5",
"forceConsistentCasingInFileNames": true,
"module": "esnext",