@microsoft/teamsfx-core 1.7.0 → 1.7.1-alpha.42a29d71b.0

package/templates/plugins/resource/spfx/webpart/react/components/{componentName}.module.scss

@@ -1,74 +0,0 @@
-@import '~office-ui-fabric-react/dist/sass/References.scss';
-
-.<%= componentNameCamelCase %> {
-  .container {
-    max-width: 700px;
-    margin: 0px auto;
-    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
-  }
-
-  .row {
-    @include ms-Grid-row;
-    @include ms-fontColor-white;
-    background-color: $ms-color-themeDark;
-    padding: 20px;
-  }
-
-  .column {
-    @include ms-Grid-col;
-    @include ms-lg10;
-    @include ms-xl8;
-    @include ms-xlPush2;
-    @include ms-lgPush1;
-  }
-
-  .title {
-    @include ms-font-xl;
-    @include ms-fontColor-white;
-  }
-
-  .subTitle {
-    @include ms-font-l;
-    @include ms-fontColor-white;
-  }
-
-  .description {
-    @include ms-font-l;
-    @include ms-fontColor-white;
-  }
-
-  .button {
-    // Our button
-    text-decoration: none;
-    height: 32px;
-
-    // Primary Button
-    min-width: 80px;
-    background-color: $ms-color-themePrimary;
-    border-color: $ms-color-themePrimary;
-    color: $ms-color-white;
-
-    // Basic Button
-    outline: transparent;
-    position: relative;
-    font-family: "Segoe UI WestEuropean","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",sans-serif;
-    -webkit-font-smoothing: antialiased;
-    font-size: $ms-font-size-m;
-    font-weight: $ms-font-weight-regular;
-    border-width: 0;
-    text-align: center;
-    cursor: pointer;
-    display: inline-block;
-    padding: 0 16px;
-
-    .label {
-      font-weight: $ms-font-weight-semibold;
-      font-size: $ms-font-size-m;
-      height: 32px;
-      line-height: 32px;
-      margin: 0 4px;
-      vertical-align: top;
-      display: inline-block;
-    }
-  }
-}

package/templates/plugins/resource/spfx/webpart/react/components/{componentName}.tsx

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import styles from './<%= componentName %>.module.scss';
-import { I<%= componentName %>Props } from './I<%= componentName %>Props';
-import { escape } from '@microsoft/sp-lodash-subset';
-
-export default class <%= componentName %> extends React.Component<I<%= componentName %>Props, {}> {
-  public render(): React.ReactElement<I<%= componentName %>Props> {
-    return (
-      <div className={ styles.<%= componentNameCamelCase %> }>
-        <div className={ styles.container }>
-          <div className={ styles.row }>
-            <div className={ styles.column }>
-              <span className={ styles.title }>Welcome to SharePoint!</span>
-              <p className={ styles.subTitle }>Customize SharePoint experiences using Web Parts.</p>
-              <p className={ styles.description }>{escape(this.props.description)}</p>
-              <a href="https://aka.ms/spfx" target="_blank" className={ styles.button }>
-                <span className={ styles.label }>Learn more</span>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}

package/templates/plugins/resource/spfx/webpart/react/package.json

@@ -1,33 +0,0 @@
-{
-  "name": "<%= libraryName %>",
-  "version": "0.0.1",
-  "private": true,
-  "main": "lib/index.js",
-  "scripts": {
-    "build": "gulp bundle",
-    "clean": "gulp clean",
-    "test": "gulp test"
-  },
-  "dependencies": {
-    "react": "16.9.0",
-    "react-dom": "16.9.0",
-    "office-ui-fabric-react": "7.156.0",
-    "@microsoft/sp-core-library": "1.12.1",
-    "@microsoft/sp-property-pane": "1.12.1",
-    "@microsoft/sp-webpart-base": "1.12.1",
-    "@microsoft/sp-lodash-subset": "1.12.1",
-    "@microsoft/sp-office-ui-fabric-core": "1.12.1"
-  },
-  "devDependencies": {
-    "@types/react": "16.9.36",
-    "@types/react-dom": "16.9.8",
-    "@microsoft/sp-build-web": "1.12.1",
-    "@microsoft/sp-tslint-rules": "1.12.1",
-    "@microsoft/sp-module-interfaces": "1.12.1",
-    "@microsoft/sp-webpart-workbench": "1.12.1",
-    "@microsoft/rush-stack-compiler-3.7": "0.2.3",
-    "gulp": "~4.0.2",
-    "ajv": "~5.2.2",
-    "@types/webpack-env": "1.13.1"
-  }
-}

package/templates/plugins/resource/spfx/webpart/react/{componentClassName}.ts

@@ -1,60 +0,0 @@
-import * as React from 'react';
-import * as ReactDom from 'react-dom';
-import { Version } from '@microsoft/sp-core-library';
-import {
-  IPropertyPaneConfiguration,
-  PropertyPaneTextField
-} from '@microsoft/sp-property-pane';
-import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
-
-import * as strings from '<%= componentStrings %>';
-import <%= componentName %> from './components/<%= componentName %>';
-import { I<%= componentName %>Props } from './components/I<%= componentName %>Props';
-
-export interface I<%= componentClassName %>Props {
-  description: string;
-}
-
-export default class <%= componentClassName %> extends BaseClientSideWebPart<I<%= componentClassName %>Props> {
-
-  public render(): void {
-    const element: React.ReactElement<I<%= componentName %>Props> = React.createElement(
-      <%= componentName %>,
-      {
-        description: this.properties.description
-      }
-    );
-
-    ReactDom.render(element, this.domElement);
-  }
-
-  protected onDispose(): void {
-    ReactDom.unmountComponentAtNode(this.domElement);
-  }
-
-  protected get dataVersion(): Version {
-    return Version.parse('1.0');
-  }
-
-  protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
-    return {
-      pages: [
-        {
-          header: {
-            description: strings.PropertyPaneDescription
-          },
-          groups: [
-            {
-              groupName: strings.BasicGroupName,
-              groupFields: [
-                PropertyPaneTextField('description', {
-                  label: strings.DescriptionFieldLabel
-                })
-              ]
-            }
-          ]
-        }
-      ]
-    };
-  }
-}