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
commit 7228a3234f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
76 changed files with 15826 additions and 4929 deletions

View File

@ -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"
} }
} }

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. 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

View File

@ -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

View File

@ -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"
} }
} }

View File

@ -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" },

View File

@ -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';

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 { .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;
} }
} }
} }

View File

@ -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,

View File

@ -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';

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

View File

@ -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',

View File

@ -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,

View File

@ -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';

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 { .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

View File

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

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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',

View File

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

View File

@ -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 {

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

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

View File

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

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

View File

@ -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';

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'; import { ChartType } from '@pnp/spfx-controls-react/lib/ChartControl';
/** /**

View File

@ -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 { }

View File

@ -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';

View File

@ -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 { }

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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',

View File

@ -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,

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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',

View File

@ -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,

View File

@ -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';

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

View File

@ -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',

View File

@ -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,

View File

@ -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';

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

View File

@ -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,

View File

@ -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';

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

View File

@ -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',

View File

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

View File

@ -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';

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

View File

@ -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",