Merge pull request #1368 from pnp/react-chartcontrol-110
This commit is contained in:
commit
7228a3234f
|
@ -2,10 +2,10 @@
|
||||||
"@microsoft/generator-sharepoint": {
|
"@microsoft/generator-sharepoint": {
|
||||||
"isCreatingSolution": false,
|
"isCreatingSolution": false,
|
||||||
"environment": "spo",
|
"environment": "spo",
|
||||||
"version": "1.7.1",
|
"version": "1.10.0",
|
||||||
"libraryName": "react-chartcontrol",
|
"libraryName": "react-chartcontrol",
|
||||||
"libraryId": "fb9665fb-4455-4b7f-99ab-2195920871fd",
|
"libraryId": "fb9665fb-4455-4b7f-99ab-2195920871fd",
|
||||||
"packageManager": "npm",
|
"packageManager": "npm",
|
||||||
"componentType": "webpart"
|
"componentType": "webpart"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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.
|
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
|
## 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!).
|
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:
|
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
|
## 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
|
## Applies to
|
||||||
|
|
||||||
|
@ -192,6 +192,7 @@ react-chart-control | Hugo Bernier ([Tahoe Ninjas](http://tahoeninjas.blog), @be
|
||||||
Version|Date|Comments
|
Version|Date|Comments
|
||||||
-------|----|--------
|
-------|----|--------
|
||||||
1.0|January, 2019|Initial release
|
1.0|January, 2019|Initial release
|
||||||
|
1.1|July 02, 2020|Upgraded to SPFx 1.10.0
|
||||||
|
|
||||||
## Disclaimer
|
## Disclaimer
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"solution": {
|
"solution": {
|
||||||
"name": "react-chartcontrol-client-side-solution",
|
"name": "react-chartcontrol-client-side-solution",
|
||||||
"id": "fb9665fb-4455-4b7f-99ab-2195920871fd",
|
"id": "fb9665fb-4455-4b7f-99ab-2195920871fd",
|
||||||
"version": "1.0.0.0",
|
"version": "1.1.0.0",
|
||||||
"includeClientSideAssets": true
|
"includeClientSideAssets": true
|
||||||
},
|
},
|
||||||
"paths": {
|
"paths": {
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -1,6 +1,7 @@
|
||||||
{
|
{
|
||||||
|
"main": "lib/index.js",
|
||||||
"name": "react-chartcontrol",
|
"name": "react-chartcontrol",
|
||||||
"version": "0.0.1",
|
"version": "1.1.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
|
@ -11,10 +12,11 @@
|
||||||
"test": "gulp test"
|
"test": "gulp test"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@microsoft/sp-core-library": "1.7.1",
|
"@microsoft/sp-core-library": "1.10.0",
|
||||||
"@microsoft/sp-lodash-subset": "1.7.1",
|
"@microsoft/sp-lodash-subset": "1.10.0",
|
||||||
"@microsoft/sp-office-ui-fabric-core": "1.7.1",
|
"@microsoft/sp-office-ui-fabric-core": "1.10.0",
|
||||||
"@microsoft/sp-webpart-base": "1.7.1",
|
"@microsoft/sp-property-pane": "1.10.0",
|
||||||
|
"@microsoft/sp-webpart-base": "1.10.0",
|
||||||
"@pnp/common": "^1.2.8",
|
"@pnp/common": "^1.2.8",
|
||||||
"@pnp/logging": "^1.2.8",
|
"@pnp/logging": "^1.2.8",
|
||||||
"@pnp/odata": "^1.2.8",
|
"@pnp/odata": "^1.2.8",
|
||||||
|
@ -22,27 +24,29 @@
|
||||||
"@pnp/spfx-controls-react": "1.11.0",
|
"@pnp/spfx-controls-react": "1.11.0",
|
||||||
"@pnp/spfx-property-controls": "^1.13.1",
|
"@pnp/spfx-property-controls": "^1.13.1",
|
||||||
"@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",
|
||||||
"chartjs-plugin-streaming": "^1.7.1",
|
"chartjs-plugin-streaming": "^1.7.1",
|
||||||
"color": "^3.1.0",
|
"color": "^3.1.0",
|
||||||
"moment": "^2.23.0",
|
"moment": "^2.23.0",
|
||||||
|
"office-ui-fabric-react": "6.189.2",
|
||||||
"patternomaly": "^1.3.2",
|
"patternomaly": "^1.3.2",
|
||||||
"react": "16.3.2",
|
"react": "16.8.5",
|
||||||
"react-dom": "16.3.2"
|
"react-dom": "16.8.5"
|
||||||
},
|
},
|
||||||
"resolutions": {
|
"resolutions": {
|
||||||
"@types/react": "16.4.2"
|
"@types/react": "16.8.8"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@microsoft/sp-build-web": "1.7.1",
|
"@microsoft/rush-stack-compiler-3.3": "0.3.5",
|
||||||
"@microsoft/sp-tslint-rules": "1.7.1",
|
"@microsoft/sp-build-web": "1.10.0",
|
||||||
"@microsoft/sp-module-interfaces": "1.7.1",
|
"@microsoft/sp-module-interfaces": "1.10.0",
|
||||||
"@microsoft/sp-webpart-workbench": "1.7.1",
|
"@microsoft/sp-tslint-rules": "1.10.0",
|
||||||
"gulp": "~3.9.1",
|
"@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",
|
||||||
"ajv": "~5.2.2"
|
"ajv": "~5.2.2",
|
||||||
|
"gulp": "~3.9.1"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
"requiresCustomScript": false,
|
"requiresCustomScript": false,
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"preconfiguredEntries": [{
|
"preconfiguredEntries": [{
|
||||||
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
|
"groupId": "5c03119e-3074-46fd-976b-c60198311f70",
|
||||||
"group": { "default": "Other" },
|
"group": { "default": "Other" },
|
||||||
|
|
|
@ -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, PropertyPaneTextField } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneConfiguration,
|
|
||||||
PropertyPaneTextField
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
import * as strings from 'AccessibleTableWebPartStrings';
|
import * as strings from 'AccessibleTableWebPartStrings';
|
||||||
import AccessibleTable from './components/AccessibleTable';
|
import AccessibleTable from './components/AccessibleTable';
|
||||||
|
|
|
@ -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 {
|
.accessibleTable {
|
||||||
.shomMeTheTable {
|
.shomMeTheTable {
|
||||||
|
@ -34,7 +35,9 @@
|
||||||
font-size: $ms-font-size-xl;
|
font-size: $ms-font-size-xl;
|
||||||
font-weight: $ms-font-weight-semibold;
|
font-weight: $ms-font-weight-semibold;
|
||||||
& span {
|
& span {
|
||||||
font-size: $ms-font-size-16;
|
//font-size: $ms-font-size-16;
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "fcba1920-e685-428a-8637-ab15883a2d0b",
|
"id": "fcba1920-e685-428a-8637-ab15883a2d0b",
|
||||||
"alias": "AreaChartDemoWebPart",
|
"alias": "AreaChartDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
"requiresCustomScript": false,
|
"requiresCustomScript": false,
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'AreaChartDemoWebPartStrings';
|
import * as strings from 'AreaChartDemoWebPartStrings';
|
||||||
|
|
|
@ -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 {
|
.areaChartDemo {
|
||||||
color:inherit;
|
color:inherit;
|
||||||
|
|
|
@ -122,7 +122,6 @@ export default class AreaChartDemo extends React.Component<IAreaChartDemoProps,
|
||||||
private _renderCommandBar(): JSX.Element {
|
private _renderCommandBar(): JSX.Element {
|
||||||
return (
|
return (
|
||||||
<CommandBar
|
<CommandBar
|
||||||
isSearchBoxVisible={false}
|
|
||||||
items={[
|
items={[
|
||||||
{
|
{
|
||||||
key: 'randomizeData',
|
key: 'randomizeData',
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "74f7231a-c3f1-4ef5-94e7-3d2dd97cb39b",
|
"id": "74f7231a-c3f1-4ef5-94e7-3d2dd97cb39b",
|
||||||
"alias": "BarChartDemoWebPart",
|
"alias": "BarChartDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -2,10 +2,8 @@ import * as React from 'react';
|
||||||
import * as ReactDom from 'react-dom';
|
import * as ReactDom from 'react-dom';
|
||||||
import * as strings from 'BarChartDemoWebPartStrings';
|
import * as strings from 'BarChartDemoWebPartStrings';
|
||||||
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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
import BarChartDemo from './components/BarChartDemo';
|
import BarChartDemo from './components/BarChartDemo';
|
||||||
import { IBarChartDemoProps } from './components/IBarChartDemo.types';
|
import { IBarChartDemoProps } from './components/IBarChartDemo.types';
|
||||||
|
|
|
@ -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 {
|
.barChartDemo {
|
||||||
color: inherit; // so that SCSS doesn't complain about an empty class
|
color: inherit; // so that SCSS doesn't complain about an empty class
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
|
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"requiresCustomScript": false,
|
"requiresCustomScript": false,
|
||||||
|
|
||||||
"preconfiguredEntries": [{
|
"preconfiguredEntries": [{
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
import * as strings from 'BarChartStaticWebPartStrings';
|
import * as strings from 'BarChartStaticWebPartStrings';
|
||||||
import BarChartStatic from './components/BarChartStatic';
|
import BarChartStatic from './components/BarChartStatic';
|
||||||
|
|
|
@ -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 {
|
.barChartStatic {
|
||||||
.container {
|
.container {
|
||||||
|
@ -71,4 +72,4 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "dd21a307-fd9f-4fef-8d9f-d8abcb83b814",
|
"id": "dd21a307-fd9f-4fef-8d9f-d8abcb83b814",
|
||||||
"alias": "BubbleChartDemoWebPart",
|
"alias": "BubbleChartDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'BubbleChartDemoWebPartStrings';
|
import * as strings from 'BubbleChartDemoWebPartStrings';
|
||||||
|
|
|
@ -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 {
|
.bubbleChartDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -108,7 +108,6 @@ export default class BubbleChartDemo extends React.Component<IBubbleChartDemoPro
|
||||||
private _renderCommandBar(): JSX.Element {
|
private _renderCommandBar(): JSX.Element {
|
||||||
return (
|
return (
|
||||||
<CommandBar
|
<CommandBar
|
||||||
isSearchBoxVisible={false}
|
|
||||||
items={[
|
items={[
|
||||||
{
|
{
|
||||||
key: 'randomizeData',
|
key: 'randomizeData',
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"requiresCustomScript": false,
|
"requiresCustomScript": false,
|
||||||
"preconfiguredEntries": [
|
"preconfiguredEntries": [
|
||||||
{
|
{
|
||||||
|
|
|
@ -5,21 +5,8 @@ import * as ReactDom from 'react-dom';
|
||||||
import { Version } from '@microsoft/sp-core-library';
|
import { Version } from '@microsoft/sp-core-library';
|
||||||
|
|
||||||
// Stuff for out-of-the-box property panes
|
// Stuff for out-of-the-box property panes
|
||||||
import {
|
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
|
||||||
BaseClientSideWebPart,
|
import { IPropertyPaneConfiguration, PropertyPaneChoiceGroup, PropertyPaneLabel, PropertyPaneDropdown, PropertyPaneToggle, PropertyPaneTextField, IPropertyPaneChoiceGroupOption, PropertyPaneSlider, IPropertyPaneGroup, PropertyPaneButton, IPropertyPaneDropdownOption, PropertyPaneHorizontalRule } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneConfiguration,
|
|
||||||
PropertyPaneChoiceGroup,
|
|
||||||
PropertyPaneLabel,
|
|
||||||
PropertyPaneDropdown,
|
|
||||||
PropertyPaneToggle,
|
|
||||||
PropertyPaneTextField,
|
|
||||||
IPropertyPaneChoiceGroupOption,
|
|
||||||
PropertyPaneSlider,
|
|
||||||
IPropertyPaneGroup,
|
|
||||||
PropertyPaneButton,
|
|
||||||
IPropertyPaneDropdownOption,
|
|
||||||
PropertyPaneHorizontalRule
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
// Needed to create drop down choices
|
// Needed to create drop down choices
|
||||||
import {
|
import {
|
||||||
|
|
|
@ -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 {
|
.chartinator {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -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 {
|
.chartTitle {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-webpart-base';
|
import { IPropertyPaneCustomFieldProps } from "@microsoft/sp-property-pane";
|
||||||
import { IPropertyFieldRepeatingDataProps } from '.';
|
import { IPropertyFieldRepeatingDataProps } from '.';
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
.propertyPaneGroupField {
|
||||||
padding-top : 4px;
|
padding-top : 4px;
|
||||||
|
|
|
@ -1,9 +1,6 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import * as ReactDom from 'react-dom';
|
import * as ReactDom from 'react-dom';
|
||||||
import {
|
import { IPropertyPaneField, PropertyPaneFieldType } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneField,
|
|
||||||
PropertyPaneFieldType
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
import { IPropertyFieldRepeatingDataProps } from "./PropertyFieldRepeatingData.types";
|
import { IPropertyFieldRepeatingDataProps } from "./PropertyFieldRepeatingData.types";
|
||||||
import { IPropertyFieldRepeatingDataHostProps } from './PropertyFieldRepeatingData.types';
|
import { IPropertyFieldRepeatingDataHostProps } from './PropertyFieldRepeatingData.types';
|
||||||
|
|
|
@ -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';
|
import { ChartType } from '@pnp/spfx-controls-react/lib/ChartControl';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-webpart-base';
|
import { IPropertyPaneCustomFieldProps } from "@microsoft/sp-property-pane";
|
||||||
import { IPropertyPaneChartPaletteSelectorProps } from './IPropertyPaneChartPaletteSelectorProps';
|
import { IPropertyPaneChartPaletteSelectorProps } from './IPropertyPaneChartPaletteSelectorProps';
|
||||||
|
|
||||||
export interface IPropertyPaneChartPaletteSelectorInternalProps extends IPropertyPaneCustomFieldProps, IPropertyPaneChartPaletteSelectorProps { }
|
export interface IPropertyPaneChartPaletteSelectorInternalProps extends IPropertyPaneCustomFieldProps, IPropertyPaneChartPaletteSelectorProps { }
|
||||||
|
|
|
@ -1,9 +1,6 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import * as ReactDom from 'react-dom';
|
import * as ReactDom from 'react-dom';
|
||||||
import {
|
import { IPropertyPaneField, PropertyPaneFieldType } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneField,
|
|
||||||
PropertyPaneFieldType
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
import { IDropdownOption } from 'office-ui-fabric-react/lib/components/Dropdown';
|
import { IDropdownOption } from 'office-ui-fabric-react/lib/components/Dropdown';
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-webpart-base';
|
import { IPropertyPaneCustomFieldProps } from "@microsoft/sp-property-pane";
|
||||||
import { IPropertyPaneDashSelectorProps } from './IPropertyPaneDashSelectorProps';
|
import { IPropertyPaneDashSelectorProps } from './IPropertyPaneDashSelectorProps';
|
||||||
|
|
||||||
export interface IPropertyPaneDashSelectorInternalProps extends IPropertyPaneCustomFieldProps, IPropertyPaneDashSelectorProps { }
|
export interface IPropertyPaneDashSelectorInternalProps extends IPropertyPaneCustomFieldProps, IPropertyPaneDashSelectorProps { }
|
||||||
|
|
|
@ -1,9 +1,6 @@
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import * as ReactDom from 'react-dom';
|
import * as ReactDom from 'react-dom';
|
||||||
import {
|
import { IPropertyPaneField, PropertyPaneFieldType } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneField,
|
|
||||||
PropertyPaneFieldType
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
import { IDropdownOption } from 'office-ui-fabric-react/lib/components/Dropdown';
|
import { IDropdownOption } from 'office-ui-fabric-react/lib/components/Dropdown';
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
.dashSelector {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "849fad01-2cf4-4653-88ef-1fa9151a7b17",
|
"id": "849fad01-2cf4-4653-88ef-1fa9151a7b17",
|
||||||
"alias": "ComboChartDemoWebPart",
|
"alias": "ComboChartDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'ComboChartDemoWebPartStrings';
|
import * as strings from 'ComboChartDemoWebPartStrings';
|
||||||
|
|
|
@ -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 {
|
.comboChartDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "3bc38cb3-d1b1-4572-8196-679445d39d58",
|
"id": "3bc38cb3-d1b1-4572-8196-679445d39d58",
|
||||||
"alias": "CustomPluginDemoWebPart",
|
"alias": "CustomPluginDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'CustomPluginDemoWebPartStrings';
|
import * as strings from 'CustomPluginDemoWebPartStrings';
|
||||||
|
|
|
@ -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 {
|
.customPluginDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "907cfe87-fffe-4d9c-8fac-3ea23c3f2c09",
|
"id": "907cfe87-fffe-4d9c-8fac-3ea23c3f2c09",
|
||||||
"alias": "DonutPatternsDemoWebPart",
|
"alias": "DonutPatternsDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -3,10 +3,8 @@ import * as ReactDom from 'react-dom';
|
||||||
import * as strings from 'DonutPatternsDemoWebPartStrings';
|
import * as strings from 'DonutPatternsDemoWebPartStrings';
|
||||||
|
|
||||||
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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import DonutPatternsDemo from './components/DonutPatternsDemo';
|
import DonutPatternsDemo from './components/DonutPatternsDemo';
|
||||||
|
|
|
@ -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 {
|
.donutPatternsDemo {
|
||||||
color:inherit;
|
color:inherit;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "eeadd4a5-4787-4d86-a606-17271bcfe81b",
|
"id": "eeadd4a5-4787-4d86-a606-17271bcfe81b",
|
||||||
"alias": "DynamicDataCallableWebPart",
|
"alias": "DynamicDataCallableWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -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, PropertyPaneTextField } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneConfiguration,
|
|
||||||
PropertyPaneTextField
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
import * as strings from 'DynamicDataCallableWebPartStrings';
|
import * as strings from 'DynamicDataCallableWebPartStrings';
|
||||||
import DynamicDataCallable from './components/DynamicDataCallable';
|
import DynamicDataCallable from './components/DynamicDataCallable';
|
||||||
|
|
|
@ -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 {
|
.dynamicDataCallable {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "d5db1f38-c34b-4083-b2b0-99b09d9161b1",
|
"id": "d5db1f38-c34b-4083-b2b0-99b09d9161b1",
|
||||||
"alias": "DynamicDataConsumerWebPart",
|
"alias": "DynamicDataConsumerWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -3,16 +3,8 @@ import * as ReactDom from 'react-dom';
|
||||||
import { Version } from '@microsoft/sp-core-library';
|
import { Version } from '@microsoft/sp-core-library';
|
||||||
|
|
||||||
// standard web part stuff
|
// standard web part stuff
|
||||||
import {
|
import { BaseClientSideWebPart, IWebPartPropertiesMetadata } from "@microsoft/sp-webpart-base";
|
||||||
BaseClientSideWebPart,
|
import { IPropertyPaneConfiguration, PropertyPaneTextField, PropertyPaneDynamicFieldSet, PropertyPaneDynamicField, IPropertyPaneConditionalGroup, DynamicDataSharedDepth } from "@microsoft/sp-property-pane";
|
||||||
IPropertyPaneConfiguration,
|
|
||||||
PropertyPaneTextField,
|
|
||||||
PropertyPaneDynamicFieldSet,
|
|
||||||
PropertyPaneDynamicField,
|
|
||||||
IPropertyPaneConditionalGroup,
|
|
||||||
DynamicDataSharedDepth,
|
|
||||||
IWebPartPropertiesMetadata
|
|
||||||
} from '@microsoft/sp-webpart-base';
|
|
||||||
|
|
||||||
// dynamic data web parts
|
// dynamic data web parts
|
||||||
import { DynamicProperty } from '@microsoft/sp-component-base';
|
import { DynamicProperty } from '@microsoft/sp-component-base';
|
||||||
|
|
|
@ -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 {
|
.dynamicDataConsumer {
|
||||||
.container {
|
.container {
|
||||||
|
@ -71,4 +72,4 @@
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "a63646aa-098e-4c3f-b1f4-f32e9eed4013",
|
"id": "a63646aa-098e-4c3f-b1f4-f32e9eed4013",
|
||||||
"alias": "HorizontalBarDemoWebPart",
|
"alias": "HorizontalBarDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
import * as strings from 'HorizontalBarDemoWebPartStrings';
|
import * as strings from 'HorizontalBarDemoWebPartStrings';
|
||||||
import HorizontalBarDemo from './components/HorizontalBarDemo';
|
import HorizontalBarDemo from './components/HorizontalBarDemo';
|
||||||
|
|
|
@ -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 {
|
.horizontalBarDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -77,7 +77,6 @@ export default class HorizontalBarDemo extends React.Component<IHorizontalBarDem
|
||||||
private _renderCommandBar(): JSX.Element {
|
private _renderCommandBar(): JSX.Element {
|
||||||
return (
|
return (
|
||||||
<CommandBar
|
<CommandBar
|
||||||
isSearchBoxVisible={false}
|
|
||||||
items={[
|
items={[
|
||||||
{
|
{
|
||||||
key: 'addData',
|
key: 'addData',
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "3b06de0f-5762-4160-8a2c-405f34a7d55d",
|
"id": "3b06de0f-5762-4160-8a2c-405f34a7d55d",
|
||||||
"alias": "LineChartDemoWebPart",
|
"alias": "LineChartDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -2,10 +2,8 @@ import * as React from 'react';
|
||||||
import * as ReactDom from 'react-dom';
|
import * as ReactDom from 'react-dom';
|
||||||
import * as strings from 'LineChartDemoWebPartStrings';
|
import * as strings from 'LineChartDemoWebPartStrings';
|
||||||
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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
import LineChartDemo from './components/LineChartDemo';
|
import LineChartDemo from './components/LineChartDemo';
|
||||||
import { ILineChartDemoProps } from './components/ILineChartDemo.types';
|
import { ILineChartDemoProps } from './components/ILineChartDemo.types';
|
||||||
|
|
|
@ -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 {
|
.lineChartDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "0ccdae4a-e8b0-4bd8-aba3-30d54444ee10",
|
"id": "0ccdae4a-e8b0-4bd8-aba3-30d54444ee10",
|
||||||
"alias": "PieChartDemoWebPart",
|
"alias": "PieChartDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'PieChartDemoWebPartStrings';
|
import * as strings from 'PieChartDemoWebPartStrings';
|
||||||
|
|
|
@ -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 {
|
.pieChartDemo {
|
||||||
color:inherit;
|
color:inherit;
|
||||||
|
|
|
@ -96,7 +96,6 @@ export default class PieChartDemo extends React.Component<IPieChartDemoProps, {}
|
||||||
private _renderCommandBar(): JSX.Element {
|
private _renderCommandBar(): JSX.Element {
|
||||||
return (
|
return (
|
||||||
<CommandBar
|
<CommandBar
|
||||||
isSearchBoxVisible={false}
|
|
||||||
items={[
|
items={[
|
||||||
{
|
{
|
||||||
key: 'randomizeData',
|
key: 'randomizeData',
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "75942037-254d-4c8d-a5d1-44031c957ebf",
|
"id": "75942037-254d-4c8d-a5d1-44031c957ebf",
|
||||||
"alias": "PolarAreaDemoWebPart",
|
"alias": "PolarAreaDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'PolarAreaDemoWebPartStrings';
|
import * as strings from 'PolarAreaDemoWebPartStrings';
|
||||||
|
|
|
@ -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 {
|
.polarAreaDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -87,7 +87,6 @@ export default class PolarAreaDemo extends React.Component<IPolarAreaDemoProps,
|
||||||
private _renderCommandBar(): JSX.Element {
|
private _renderCommandBar(): JSX.Element {
|
||||||
return (
|
return (
|
||||||
<CommandBar
|
<CommandBar
|
||||||
isSearchBoxVisible={false}
|
|
||||||
items={[
|
items={[
|
||||||
{
|
{
|
||||||
key: 'randomizeData',
|
key: 'randomizeData',
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "510b8ccc-c873-4a41-87ca-b43d94bb6d20",
|
"id": "510b8ccc-c873-4a41-87ca-b43d94bb6d20",
|
||||||
"alias": "RadarDemoWebPart",
|
"alias": "RadarDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'RadarDemoWebPartStrings';
|
import * as strings from 'RadarDemoWebPartStrings';
|
||||||
|
|
|
@ -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 {
|
.radarDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
"id": "98c90b31-f355-4c24-9997-a7c25e0ff016",
|
"id": "98c90b31-f355-4c24-9997-a7c25e0ff016",
|
||||||
"alias": "RealtimePluginDemoWebPart",
|
"alias": "RealtimePluginDemoWebPart",
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
import * as strings from 'RealtimePluginDemoWebPartStrings';
|
import * as strings from 'RealtimePluginDemoWebPartStrings';
|
||||||
|
|
|
@ -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 {
|
.realtimePluginDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -114,7 +114,6 @@ export default class RealtimePluginDemo extends React.Component<IRealtimePluginD
|
||||||
private _renderCommandBar(): JSX.Element {
|
private _renderCommandBar(): JSX.Element {
|
||||||
return (
|
return (
|
||||||
<CommandBar
|
<CommandBar
|
||||||
isSearchBoxVisible={false}
|
|
||||||
items={[
|
items={[
|
||||||
{
|
{
|
||||||
key: 'randomizeData',
|
key: 'randomizeData',
|
||||||
|
|
|
@ -5,6 +5,7 @@
|
||||||
"componentType": "WebPart",
|
"componentType": "WebPart",
|
||||||
"version": "*",
|
"version": "*",
|
||||||
"manifestVersion": 2,
|
"manifestVersion": 2,
|
||||||
|
"supportedHosts": ["SharePointWebPart"],
|
||||||
"requiresCustomScript": false,
|
"requiresCustomScript": false,
|
||||||
"preconfiguredEntries": [
|
"preconfiguredEntries": [
|
||||||
{
|
{
|
||||||
|
|
|
@ -1,10 +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 { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
import { PropertyPaneWebPartInformation } from '@pnp/spfx-property-controls/lib/PropertyPaneWebPartInformation';
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
.scatterChartDemo {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
|
|
@ -1,5 +1,9 @@
|
||||||
{
|
{
|
||||||
|
"extends": "./node_modules/@microsoft/rush-stack-compiler-3.3/includes/tsconfig-web.json",
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
|
"noUnusedLocals": false,
|
||||||
|
"inlineSources": false,
|
||||||
|
"strictNullChecks": false,
|
||||||
"target": "es5",
|
"target": "es5",
|
||||||
"forceConsistentCasingInFileNames": true,
|
"forceConsistentCasingInFileNames": true,
|
||||||
"module": "esnext",
|
"module": "esnext",
|
||||||
|
|
Loading…
Reference in New Issue