@microsoft/generator-sharepoint 1.15.0-beta.1 → 1.15.0

package/lib/generators/formCustomizer/templates/react/components/{componentName}.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { Log, FormDisplayMode } from '@microsoft/sp-core-library';
+import { FormCustomizerContext } from '@microsoft/sp-listview-extensibility';
+
+import styles from './<%= componentName %>.module.scss';
+
+export interface I<%= componentName %>Props {
+  context: FormCustomizerContext;
+  displayMode: FormDisplayMode;
+  onSave: () => void;
+  onClose: () => void;
+}
+
+const LOG_SOURCE: string = '<%= componentName %>';
+
+export default class <%= componentName %> extends React.Component<I<%= componentName %>Props, {}> {
+  public componentDidMount(): void {
+    Log.info(LOG_SOURCE, 'React Element: <%= componentName %> mounted');
+  }
+
+  public componentWillUnmount(): void {
+    Log.info(LOG_SOURCE, 'React Element: <%= componentName %> unmounted');
+  }
+
+  public render(): React.ReactElement<{}> {
+    return <div className={styles.<%= componentNameCamelCase %>} />;
+  }
+}

package/lib/generators/formCustomizer/templates/react/{componentClassName}.ts

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import { Log } from '@microsoft/sp-core-library';
+import {
+  BaseFormCustomizer
+} from '@microsoft/sp-listview-extensibility';
+
+import <%= componentName %>, { I<%= componentName %>Props } from './components/<%= componentName %>';
+
+/**
+ * If your field customizer uses the ClientSideComponentProperties JSON input,
+ * it will be deserialized into the BaseExtension.properties object.
+ * You can define an interface to describe it.
+ */
+export interface I<%= componentClassName %>Properties {
+  // This is an example; replace with your own property
+  sampleText?: string;
+}
+
+const LOG_SOURCE: string = '<%= componentClassName %>';
+
+export default class <%= componentClassName %>
+  extends BaseFormCustomizer<I<%= componentClassName %>Properties> {
+
+  public onInit(): Promise<void> {
+    // Add your custom initialization to this method. The framework will wait
+    // for the returned promise to resolve before rendering the form.
+    Log.info(LOG_SOURCE, 'Activated <%= componentClassName %> with properties:');
+    Log.info(LOG_SOURCE, JSON.stringify(this.properties, undefined, 2));
+    return Promise.resolve();
+  }
+
+  public render(): void {
+    // Use this method to perform your custom rendering.
+
+    const <%= componentNameCamelCase %>: React.ReactElement<{}> =
+      React.createElement(<%= componentName %>, {
+        context: this.context,
+        displayMode: this.displayMode,
+        onSave: this._onSave,
+        onClose: this._onClose
+       } as I<%= componentName %>Props);
+
+    ReactDOM.render(<%= componentNameCamelCase %>, this.domElement);
+  }
+
+  public onDispose(): void {
+    // This method should be used to free any resources that were allocated during rendering.
+    ReactDOM.unmountComponentAtNode(this.domElement);
+    super.onDispose();
+  }
+
+  private _onSave = (): void => {
+
+    // You MUST call this.formSaved() after you save the form.
+    this.formSaved();
+  }
+
+  private _onClose =  (): void => {
+    // You MUST call this.formClosed() after you close the form.
+    this.formClosed();
+  }
+}

package/lib/generators/library/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -76,7 +80,7 @@ class LibraryGenerator extends BaseComponent.BaseComponentGenerator {
         }
     }
     end() {
-        /* no-op */
+        super.end();
     }
     shouldExecute() {
         return this.config.get('environment') === 'spo' && this.config.get('componentType') === 'library';

package/lib/generators/searchQueryModifier/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -76,7 +80,7 @@ class SearchQueryModifierGenerator extends BaseExtension.BaseExtensionGenerator
         }
     }
     end() {
-        /* no-op */
+        super.end();
     }
     includeClientSideInstances() {
         return true;

package/lib/generators/solution/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -150,6 +154,7 @@ class SolutionGenerator extends BaseGenerator_1.BaseGenerator {
         YeomanConfiguration_1.YeomanConfiguration.environment = environment;
         YeomanConfiguration_1.YeomanConfiguration.packageManager =
             this.config.get('packageManager') || YeomanConfiguration_1.YeomanConfiguration.packageManager || 'npm';
+        YeomanConfiguration_1.YeomanConfiguration.useHeft = !!useHeft;
         this.config.set('solutionName', solutionName);
         this.config.set('useHeft', useHeft);
         this.config.set('environment', environment);

package/lib/generators/solution/templates/base/.vscode/settings.json

@@ -0,0 +1,13 @@
+// Place your settings in this file to overwrite default and user settings.
+{
+  // Configure glob patterns for excluding files and folders in the file explorer.
+  "files.exclude": {
+    "**/.git": true,
+    "**/.DS_Store": true,
+    "**/bower_components": true,
+    "**/coverage": true,
+    "**/lib-amd": true,
+    "src/**/*.scss.ts": true
+  },
+  "typescript.tsdk": ".\\node_modules\\typescript\\lib"
+}

package/lib/generators/solution/templates/spo/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./node_modules/@microsoft/rush-stack-compiler-3.9/includes/tsconfig-web.json",
+  "extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
   "compilerOptions": {
     "target": "es5",
     "forceConsistentCasingInFileNames": true,

package/lib/generators/webpart/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -80,7 +84,7 @@ class WebpartGenerator extends BaseComponent.BaseComponentGenerator {
         }
     }
     end() {
-        /* no-op */
+        super.end();
     }
     shouldExecute() {
         return this.config.get('environment') === 'spo' && this.config.get('componentType') === 'webpart';

package/lib/generators/webpart/initial.teamsManifest.json

@@ -35,6 +35,12 @@
     "*.sharepoint-df.com",
     "spoppe-a.akamaihd.net",
     "spoprod-a.akamaihd.net",
+    "modernb.akamai.odsp.cdn.office.net",
+    "modernb.verizon.odsp.cdn.office.net",
+    "res-1-sdf.cdn.office.net",
+    "res-2-sdf.cdn.office.net",
+    "res-1.cdn.office.net",
+    "res-2.cdn.office.net",
     "resourceseng.blob.core.windows.net",
     "odspwebdevdeploy.blob.core.windows.net",
     "msft.spoppe.com"

package/lib/generators/webpart/templates/none/{componentClassName}.ts

@@ -72,9 +72,12 @@ export default class <%= componentClassName %> extends BaseClientSideWebPart<I<%
     const {
       semanticColors
     } = currentTheme;
-    this.domElement.style.setProperty('--bodyText', semanticColors.bodyText);
-    this.domElement.style.setProperty('--link', semanticColors.link);
-    this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered);
+
+    if (semanticColors) {
+      this.domElement.style.setProperty('--bodyText', semanticColors.bodyText || null);
+      this.domElement.style.setProperty('--link', semanticColors.link || null);
+      this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered || null);
+    }
 
   }
 

package/lib/generators/webpart/templates/react/components/{componentName}.tsx

@@ -24,17 +24,17 @@ export default class <%= componentName %> extends React.Component<I<%= component
         <div>
           <h3>Welcome to SharePoint Framework!</h3>
           <p>
-            The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It's the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling.
+            The SharePoint Framework (SPFx) is a extensibility model for Microsoft Viva, Microsoft Teams and SharePoint. It&#39;s the easiest way to extend Microsoft 365 with automatic Single Sign On, automatic hosting and industry standard tooling.
           </p>
           <h4>Learn more about SPFx development:</h4>
           <ul className={styles.links}>
-            <li><a href="https://aka.ms/spfx" target="_blank">SharePoint Framework Overview</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-graph" target="_blank">Use Microsoft Graph in your solution</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-teams" target="_blank">Build for Microsoft Teams using SharePoint Framework</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-viva" target="_blank">Build for Microsoft Viva Connections using SharePoint Framework</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-store" target="_blank">Publish SharePoint Framework applications to the marketplace</a></li>
-            <li><a href="https://aka.ms/spfx-yeoman-api" target="_blank">SharePoint Framework API reference</a></li>
-            <li><a href="https://aka.ms/m365pnp" target="_blank">Microsoft 365 Developer Community</a></li>
+            <li><a href="https://aka.ms/spfx" target="_blank" rel="noreferrer">SharePoint Framework Overview</a></li>
+            <li><a href="https://aka.ms/spfx-yeoman-graph" target="_blank" rel="noreferrer">Use Microsoft Graph in your solution</a></li>
+            <li><a href="https://aka.ms/spfx-yeoman-teams" target="_blank" rel="noreferrer">Build for Microsoft Teams using SharePoint Framework</a></li>
+            <li><a href="https://aka.ms/spfx-yeoman-viva" target="_blank" rel="noreferrer">Build for Microsoft Viva Connections using SharePoint Framework</a></li>
+            <li><a href="https://aka.ms/spfx-yeoman-store" target="_blank" rel="noreferrer">Publish SharePoint Framework applications to the marketplace</a></li>
+            <li><a href="https://aka.ms/spfx-yeoman-api" target="_blank" rel="noreferrer">SharePoint Framework API reference</a></li>
+            <li><a href="https://aka.ms/m365pnp" target="_blank" rel="noreferrer">Microsoft 365 Developer Community</a></li>
           </ul>
         </div>
       </section>

package/lib/generators/webpart/templates/react/{componentClassName}.ts

@@ -59,9 +59,12 @@ export default class <%= componentClassName %> extends BaseClientSideWebPart<I<%
     const {
       semanticColors
     } = currentTheme;
-    this.domElement.style.setProperty('--bodyText', semanticColors.bodyText);
-    this.domElement.style.setProperty('--link', semanticColors.link);
-    this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered);
+
+    if (semanticColors) {
+      this.domElement.style.setProperty('--bodyText', semanticColors.bodyText || null);
+      this.domElement.style.setProperty('--link', semanticColors.link || null);
+      this.domElement.style.setProperty('--linkHovered', semanticColors.linkHovered || null);
+    }
 
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@microsoft/generator-sharepoint",
-  "version": "1.15.0-beta.1",
+  "version": "1.15.0",
   "description": "Yeoman generator for the SharePoint Framework",
   "scripts": {},
   "engines": {
@@ -13,13 +13,13 @@
   "homepage": "http://aka.ms/spfx",
   "main": "lib/generators/app/index.js",
   "dependencies": {
-    "@microsoft/spfx-heft-plugins": "1.15.0-beta.1",
-    "@rushstack/node-core-library": "3.45.0",
+    "@microsoft/spfx-heft-plugins": "1.15.0",
+    "@rushstack/node-core-library": "3.45.5",
     "colors": "~1.2.1",
     "lodash": "4.17.21",
     "update-notifier": "5.1.0",
     "uuid": "~3.1.0",
-    "yeoman-generator": "5.4.2",
+    "yeoman-generator": "5.6.1",
     "yosay": "2.0.2"
   }
 }

package/lib/generators/solution/templates/gulp/tslint.json

@@ -1,29 +0,0 @@
-{
-  "extends": "./node_modules/@microsoft/sp-tslint-rules/base-tslint.json",
-  "rules": {
-    "class-name": false,
-    "export-name": false,
-    "forin": false,
-    "label-position": false,
-    "member-access": true,
-    "no-arg": false,
-    "no-console": false,
-    "no-construct": false,
-    "no-duplicate-variable": true,
-    "no-eval": false,
-    "no-function-expression": true,
-    "no-internal-module": true,
-    "no-shadowed-variable": true,
-    "no-switch-case-fall-through": true,
-    "no-unnecessary-semicolons": true,
-    "no-unused-expression": true,
-    "no-with-statement": true,
-    "semicolon": true,
-    "trailing-comma": false,
-    "typedef": false,
-    "typedef-whitespace": false,
-    "use-named-parameter": true,
-    "variable-name": false,
-    "whitespace": false
-  }
-}

package/lib/generators/solution/templates/heft/tslint.json

@@ -1,7 +0,0 @@
-{
-  "extends": "@microsoft/rush-stack-compiler-3.9/includes/tslint.json",
-  "rules": {
-    "no-floating-promises": false,
-    "react-this-binding-issue": false
-  }
-}