@microsoft/generator-sharepoint 1.14.0 → 1.15.0-rc.0

package/lib/generators/component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/generators/component/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGzE,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,qBAAqB,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,yBACf,SAAQ,OAAO,CAAC,eAAe,EAC7B,SAAS,CAAC,iBAAiB,EAC3B,qBAAqB,CAAC,WAAW;IACnC,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,uBAAuB,CAAC;CAC9E;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACjE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACvC,OAAO,EAAE,YAAY,GACpB,IAAI,CAEN;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC3C,IAAI,CAUN;AAED;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,aAAa,CAAC,yBAAyB,EAAE,EAAE,CAAC;IAC1F,SAAgB,YAAY,EAAE,MAAM,CAAyB;IAEtD,YAAY,IAAI,IAAI;IAIpB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAkE1B,WAAW,IAAI,IAAI;IAGnB,OAAO,IAAI,IAAI;IAGf,OAAO,IAAI,IAAI;IAGf,GAAG,IAAI,IAAI;IAIlB,OAAO,CAAC,aAAa;CAGtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/generators/component/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGzE,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,qBAAqB,MAAM,0BAA0B,CAAC;AAGlE,MAAM,WAAW,yBACf,SAAQ,OAAO,CAAC,eAAe,EAC7B,SAAS,CAAC,iBAAiB,EAC3B,qBAAqB,CAAC,WAAW;IACnC,aAAa,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,uBAAuB,CAAC;CAC9E;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACjE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACvC,OAAO,EAAE,YAAY,GACpB,IAAI,CAEN;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC3C,IAAI,CAUN;AAED;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,aAAa,CAAC,yBAAyB,EAAE,EAAE,CAAC;IAC1F,SAAgB,YAAY,EAAE,MAAM,CAAyB;IAEtD,YAAY,IAAI,IAAI;IAId,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA8DhC,WAAW,IAAI,IAAI;IAGnB,OAAO,IAAI,IAAI;IAGf,OAAO,IAAI,IAAI;IAGf,GAAG,IAAI,IAAI;IAIlB,OAAO,CAAC,aAAa;CAGtB"}

package/lib/generators/component/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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -57,10 +61,10 @@ class ComponentSelectorGenerator extends BaseGenerator_1.BaseGenerator {
     initializing() {
         /* no-op */
     }
-    prompting() {
+    async prompting() {
         this.ensureCorrectFolder();
         if (!this.shouldExecute()) {
-            return Promise.resolve();
+            return;
         }
         let choices;
         if (this.config.get('isDomainIsolated')) {
@@ -91,7 +95,7 @@ class ComponentSelectorGenerator extends BaseGenerator_1.BaseGenerator {
                 }
             ];
         }
-        return this.prompt([
+        const answers = await this.prompt([
             {
                 type: 'list',
                 name: 'componentType',
@@ -100,27 +104,18 @@ class ComponentSelectorGenerator extends BaseGenerator_1.BaseGenerator {
                 message: 'Which type of client-side component to create?',
                 choices: choices
             }
-        ]).then((answers) => {
-            const componentType = answers.componentType || this.config.get('componentType');
-            if (componentType === 'webpart') {
-                this.config.set('componentType', 'webpart');
-            }
-            else if (componentType === 'extension') {
-                this.config.set('componentType', 'extension');
-            }
-            else if (componentType === 'adaptiveCardExtension') {
-                this.config.set('componentType', 'adaptiveCardExtension');
-            }
-            else if (componentType === 'library') {
-                this.config.set('componentType', 'library');
-            }
-            else {
-                this.log(colors_1.default.red(`Invalid componentType: "${componentType}"`));
-                if (this.config.get('extensionType')) {
-                    this.log(colors_1.default.red(`Invalid extensionType: "${this.config.get('extensionType')}"`));
-                }
+        ]);
+        const validComponentTypes = new Set(choices.map((choice) => choice.value));
+        const componentType = answers.componentType || this.config.get('componentType');
+        if (validComponentTypes.has(componentType)) {
+            this.config.set('componentType', componentType);
+        }
+        else {
+            this.log(colors_1.default.red(`Invalid componentType: "${componentType}"`));
+            if (this.config.get('extensionType')) {
+                this.log(colors_1.default.red(`Invalid extensionType: "${this.config.get('extensionType')}"`));
             }
-        });
+        }
     }
     configuring() {
         /* no-op */

package/lib/generators/component/templates/eslint/default.eslintrc.js

@@ -0,0 +1,5 @@
+require('@rushstack/eslint-config/patch/modern-module-resolution');
+module.exports = {
+  extends: ['@microsoft/eslint-config-spfx/lib/profiles/default'],
+  parserOptions: { tsconfigRootDir: __dirname }
+};

package/lib/generators/component/templates/eslint/react.eslintrc.js

@@ -0,0 +1,5 @@
+require('@rushstack/eslint-config/patch/modern-module-resolution');
+module.exports = {
+  extends: ['@microsoft/eslint-config-spfx/lib/profiles/react'],
+  parserOptions: { tsconfigRootDir: __dirname }
+};

package/lib/generators/extension/BaseExtensionGenerator.d.ts

@@ -1,6 +1,6 @@
 import { BaseGenerator, IBaseOptions } from '../../common/BaseGenerator';
 import * as BaseComponent from '../component/BaseComponentGenerator';
-export declare type AvailableExtensions = 'ApplicationCustomizer' | 'CommandSet' | 'FieldCustomizer' | 'SearchQueryModifier';
+export declare type AvailableExtensions = 'ApplicationCustomizer' | 'CommandSet' | 'FieldCustomizer' | 'SearchQueryModifier' | 'FormCustomizer';
 export interface IBaseExtensionOptions extends BaseComponent.IBaseComponentOptions {
 }
 export interface IBaseExtensionContext extends BaseComponent.IBaseComponentContext {
@@ -8,11 +8,11 @@ export interface IBaseExtensionContext extends BaseComponent.IBaseComponentConte
 export declare function defineOptions<TOptions extends IBaseOptions, TContext>(generator: BaseGenerator<TOptions, TContext>, type?: string): void;
 export declare abstract class BaseExtensionGenerator<IOptions extends IBaseExtensionOptions, IContext extends IBaseExtensionContext> extends BaseComponent.BaseComponentGenerator<IOptions, IContext> {
     protected readonly folderName: string;
-    prompting(): Promise<void>;
     configuring(): void;
     writing(shouldCopy?: boolean): void;
     install(): void;
     protected abstract includeClientSideInstances(): boolean;
+    protected addFeature(): void;
     protected hasElementsXml(): boolean;
     private _getFeatureFrameworkDocsUrl;
 }

package/lib/generators/extension/BaseExtensionGenerator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseExtensionGenerator.d.ts","sourceRoot":"","sources":["../../../src/generators/extension/BaseExtensionGenerator.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,aAAa,MAAM,qCAAqC,CAAC;AAErE,oBAAY,mBAAmB,GAC3B,uBAAuB,GACvB,YAAY,GACZ,iBAAiB,GACjB,qBAAqB,CAAC;AAE1B,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,qBAAqB;CAAG;AACrF,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,qBAAqB;CAAG;AAErF,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAC5C,IAAI,GAAE,MAAoB,GACzB,IAAI,CAEN;AAED,8BAAsB,sBAAsB,CAC1C,QAAQ,SAAS,qBAAqB,EACtC,QAAQ,SAAS,qBAAqB,CACtC,SAAQ,aAAa,CAAC,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAChE,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAgB;IAE9C,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAI1B,WAAW,IAAI,IAAI;IAQnB,OAAO,CAAC,UAAU,GAAE,OAAc,GAAG,IAAI;IAoBzC,OAAO,IAAI,IAAI;IAItB,SAAS,CAAC,QAAQ,CAAC,0BAA0B,IAAI,OAAO;IAExD,SAAS,CAAC,cAAc,IAAI,OAAO;IAKnC,OAAO,CAAC,2BAA2B;CAgBpC"}
+{"version":3,"file":"BaseExtensionGenerator.d.ts","sourceRoot":"","sources":["../../../src/generators/extension/BaseExtensionGenerator.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,KAAK,aAAa,MAAM,qCAAqC,CAAC;AAErE,oBAAY,mBAAmB,GAC3B,uBAAuB,GACvB,YAAY,GACZ,iBAAiB,GACjB,qBAAqB,GACrB,gBAAgB,CAAC;AAErB,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,qBAAqB;CAAG;AACrF,MAAM,WAAW,qBAAsB,SAAQ,aAAa,CAAC,qBAAqB;CAAG;AAErF,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAC5C,IAAI,GAAE,MAAoB,GACzB,IAAI,CAEN;AAED,8BAAsB,sBAAsB,CAC1C,QAAQ,SAAS,qBAAqB,EACtC,QAAQ,SAAS,qBAAqB,CACtC,SAAQ,aAAa,CAAC,sBAAsB,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAChE,SAAS,CAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAgB;IAE9C,WAAW,IAAI,IAAI;IAMnB,OAAO,CAAC,UAAU,GAAE,OAAc,GAAG,IAAI;IAoBzC,OAAO,IAAI,IAAI;IAItB,SAAS,CAAC,QAAQ,CAAC,0BAA0B,IAAI,OAAO;IAExD,SAAS,CAAC,UAAU,IAAI,IAAI;IAM5B,SAAS,CAAC,cAAc,IAAI,OAAO;IAKnC,OAAO,CAAC,2BAA2B;CAkBpC"}

package/lib/generators/extension/BaseExtensionGenerator.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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -37,15 +41,10 @@ class BaseExtensionGenerator extends BaseComponent.BaseComponentGenerator {
         super(...arguments);
         this.folderName = 'extensions';
     }
-    prompting() {
-        return super.prompting();
-    }
     configuring() {
         super.configuring();
         this.ensureDependencyGroup('extension');
-        if (!this.hasElementsXml()) {
-            this.packageSolutionJson.addExtensionFeature(Utils.generateGuid(), this.includeClientSideInstances());
-        }
+        this.addFeature();
     }
     writing(shouldCopy = true) {
         super.writing(shouldCopy);
@@ -65,6 +64,11 @@ class BaseExtensionGenerator extends BaseComponent.BaseComponentGenerator {
     install() {
         super.install();
     }
+    addFeature() {
+        if (!this.hasElementsXml()) {
+            this.packageSolutionJson.addExtensionFeature(Utils.generateGuid(), this.includeClientSideInstances());
+        }
+    }
     hasElementsXml() {
         const elementsXmlPath = path.join(this.destinationRoot(), 'sharepoint', 'assets', 'elements.xml');
         return node_core_library_1.FileSystem.exists(elementsXmlPath);
@@ -80,6 +84,8 @@ class BaseExtensionGenerator extends BaseComponent.BaseComponentGenerator {
                 return 'https://aka.ms/spfx/extensions/tutorial/helloworld3';
             case 'SearchQueryModifier':
                 return 'https://aka.ms/spfx/extensions/search';
+            case 'FormCustomizer':
+                return ''; // TODO: add form customizer docs url
             default:
                 return '';
         }

package/lib/generators/extension/index.d.ts

@@ -3,7 +3,8 @@ import * as ApplicationCustomizer from '../applicationCustomizer';
 import * as CommandSet from '../commandSet';
 import * as FieldCustomizer from '../fieldCustomizer';
 import * as BaseExtension from './BaseExtensionGenerator';
-export interface IExtensionOptions extends FieldCustomizer.IFieldCustomizerOptions, CommandSet.ICommandSetOptions, ApplicationCustomizer.IApplicationCustomizerOptions {
+import * as FormCustomizer from '../formCustomizer';
+export interface IExtensionOptions extends FieldCustomizer.IFieldCustomizerOptions, CommandSet.ICommandSetOptions, ApplicationCustomizer.IApplicationCustomizerOptions, FormCustomizer.IFormCustomizerOptions {
     extensionType: BaseExtension.AvailableExtensions;
 }
 export declare function defineOptions<TOptions extends IBaseOptions, TContext>(generator: BaseGenerator<TOptions, TContext>): void;

package/lib/generators/extension/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/generators/extension/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEzE,OAAO,KAAK,qBAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,aAAa,MAAM,0BAA0B,CAAC;AAE1D,MAAM,WAAW,iBACf,SAAQ,eAAe,CAAC,uBAAuB,EAC7C,UAAU,CAAC,kBAAkB,EAC7B,qBAAqB,CAAC,6BAA6B;IACrD,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAAC;CAClD;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC3C,IAAI,CAON;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACjE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACvC,OAAO,EAAE,YAAY,GACpB,IAAI,CAEN;AAED;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,aAAa,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAClF,SAAgB,YAAY,EAAE,MAAM,CAAyB;IAEtD,YAAY,IAAI,IAAI;IAIpB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA4D1B,WAAW,IAAI,IAAI;IAGnB,OAAO,IAAI,IAAI;IAGf,OAAO,IAAI,IAAI;IAGf,GAAG,IAAI,IAAI;IAIlB,SAAS,aAAa,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,EAAE,iBAAiB;IAIzE,OAAO,CAAC,aAAa;CAGtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/generators/extension/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAEzE,OAAO,KAAK,qBAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,eAAe,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,aAAa,MAAM,0BAA0B,CAAC;AAC1D,OAAO,KAAK,cAAc,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,iBACf,SAAQ,eAAe,CAAC,uBAAuB,EAC7C,UAAU,CAAC,kBAAkB,EAC7B,qBAAqB,CAAC,6BAA6B,EACnD,cAAc,CAAC,sBAAsB;IACvC,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAAC;CAClD;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC3C,IAAI,CAQN;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACjE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACvC,OAAO,EAAE,YAAY,GACpB,IAAI,CAEN;AAED;;GAEG;AACH,qBAAa,0BAA2B,SAAQ,aAAa,CAAC,iBAAiB,EAAE,EAAE,CAAC;IAClF,SAAgB,YAAY,EAAE,MAAM,CAAyB;IAEtD,YAAY,IAAI,IAAI;IAId,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA8DhC,WAAW,IAAI,IAAI;IAGnB,OAAO,IAAI,IAAI;IAGf,OAAO,IAAI,IAAI;IAGf,GAAG,IAAI,IAAI;IAIlB,SAAS,aAAa,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,EAAE,iBAAiB;IAIzE,OAAO,CAAC,aAAa;CAGtB"}

package/lib/generators/extension/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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -29,11 +33,13 @@ const BaseGenerator_1 = require("../../common/BaseGenerator");
 const Utils = __importStar(require("../../common/utilities"));
 const CommandSet = __importStar(require("../commandSet"));
 const FieldCustomizer = __importStar(require("../fieldCustomizer"));
+const FormCustomizer = __importStar(require("../formCustomizer"));
 function defineOptions(generator) {
     FieldCustomizer.defineOptions(generator);
     CommandSet.defineOptions(generator);
+    FormCustomizer.defineOptions(generator);
     generator.option('extension-type', {
-        description: `The type of extension. Currently "ApplicationCustomizer", "FieldCustomizer", "ListViewCommandSet", or "SearchQueryModifier" (beta)`,
+        description: `The type of extension. Currently "ApplicationCustomizer", "FieldCustomizer", "ListViewCommandSet", "FormCustomizer", or "SearchQueryModifier" (beta)`,
         type: String
     });
 }
@@ -53,10 +59,10 @@ class ExtensionSelectorGenerator extends BaseGenerator_1.BaseGenerator {
     initializing() {
         /* no-op */
     }
-    prompting() {
+    async prompting() {
         this.ensureCorrectFolder();
         if (!this.shouldExecute()) {
-            return Promise.resolve();
+            return;
         }
         const choices = [
             {
@@ -70,6 +76,10 @@ class ExtensionSelectorGenerator extends BaseGenerator_1.BaseGenerator {
             {
                 name: 'ListView Command Set',
                 value: 'ListViewCommandSet'
+            },
+            {
+                name: 'Form Customizer',
+                value: 'FormCustomizer'
             }
         ];
         if (this.config.get('plusBeta') === true) {
@@ -78,7 +88,8 @@ class ExtensionSelectorGenerator extends BaseGenerator_1.BaseGenerator {
                 value: 'SearchQueryModifier'
             });
         }
-        return this.prompt([
+        const validExtensionTypes = new Set(choices.map((choice) => choice.value));
+        const answers = await this.prompt([
             {
                 type: 'list',
                 name: 'extensionType',
@@ -87,16 +98,14 @@ class ExtensionSelectorGenerator extends BaseGenerator_1.BaseGenerator {
                 message: 'Which type of client-side extension to create?',
                 choices
             }
-        ]).then((answers) => {
-            const extensionType = answers.extensionType || this.config.get('extensionType');
+        ]);
+        const extensionType = answers.extensionType || this.config.get('extensionType');
+        if (validExtensionTypes.has(extensionType)) {
             this.config.set('extensionType', extensionType);
-            if (!(extensionType === 'FieldCustomizer' ||
-                extensionType === 'ListViewCommandSet' ||
-                extensionType === 'ApplicationCustomizer' ||
-                extensionType === 'SearchQueryModifier')) {
-                this.log(colors_1.default.red(`Invalid extensionType: "${extensionType}"`));
-            }
-        });
+        }
+        else {
+            this.log(colors_1.default.red(`Invalid extensionType: "${extensionType}"`));
+        }
     }
     configuring() {
         /* no-op */

package/lib/generators/fieldCustomizer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/generators/fieldCustomizer/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAG7F,OAAO,KAAK,aAAa,MAAM,qCAAqC,CAAC;AAErE,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,qBAAqB;CAAG;AACvF,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,qBAAqB;IAClF,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACjE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACvC,OAAO,EAAE,YAAY,GACpB,IAAI,CAEN;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC3C,IAAI,CAEN;AAED,qBAAa,wBAAyB,SAAQ,aAAa,CAAC,sBAAsB,CAChF,uBAAuB,EACvB,uBAAuB,CACxB;IACC,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAsB;IAC7D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAqB;IACxD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,CAAwB;IAE1E,YAAY,IAAI,IAAI;IAIpB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ1B,WAAW,IAAI,IAAI;IAoBnB,OAAO,IAAI,IAAI;IAuBf,OAAO,IAAI,IAAI;IAMf,GAAG,IAAI,IAAI;IAIlB,SAAS,aAAa,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,EAAE,uBAAuB;IAK/E,SAAS,CAAC,0BAA0B,IAAI,OAAO;IAI/C,OAAO,CAAC,aAAa;CAOtB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/generators/fieldCustomizer/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAG7F,OAAO,KAAK,aAAa,MAAM,qCAAqC,CAAC;AAErE,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,qBAAqB;CAAG;AACvF,MAAM,WAAW,uBAAwB,SAAQ,aAAa,CAAC,qBAAqB;IAClF,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACjE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACvC,OAAO,EAAE,YAAY,GACpB,IAAI,CAEN;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC3C,IAAI,CAEN;AAED,qBAAa,wBAAyB,SAAQ,aAAa,CAAC,sBAAsB,CAChF,uBAAuB,EACvB,uBAAuB,CACxB;IACC,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAsB;IAC7D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAqB;IACxD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,CAAwB;IAE1E,YAAY,IAAI,IAAI;IAId,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAOhC,WAAW,IAAI,IAAI;IAoBnB,OAAO,IAAI,IAAI;IAuBf,OAAO,IAAI,IAAI;IAMf,GAAG,IAAI,IAAI;IAIlB,SAAS,aAAa,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,EAAE,uBAAuB;IAK/E,SAAS,CAAC,0BAA0B,IAAI,OAAO;IAI/C,OAAO,CAAC,aAAa;CAOtB"}

package/lib/generators/fieldCustomizer/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];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -42,12 +46,11 @@ class FieldCustomizerGenerator extends BaseExtension.BaseExtensionGenerator {
     initializing() {
         /* no-op */
     }
-    prompting() {
+    async prompting() {
         this.ensureCorrectFolder();
-        if (!this.shouldExecute()) {
-            return Promise.resolve();
+        if (this.shouldExecute()) {
+            await super.prompting();
         }
-        return super.prompting();
     }
     configuring() {
         if (this.shouldExecute()) {
@@ -88,7 +91,7 @@ class FieldCustomizerGenerator extends BaseExtension.BaseExtensionGenerator {
         }
     }
     end() {
-        /* no-op */
+        super.end();
     }
     includeClientSideInstances() {
         return false;

package/lib/generators/fieldCustomizer/templates/minimal/{componentClassName}.module.scss

@@ -1,3 +1,3 @@
-.<%= componentName %> {
+.<%= componentNameCamelCase %> {
   color: inherit;
 }

package/lib/generators/fieldCustomizer/templates/minimal/{componentClassName}.ts

@@ -20,7 +20,7 @@ export default class <%= componentClassName %>
   }
 
   public onRenderCell(event: IFieldCustomizerCellEventParameters): void {
-    event.domElement.classList.add(styles.<%= componentName %>);
+    event.domElement.classList.add(styles.<%= componentNameCamelCase %>);
   }
 
   public onDisposeCell(event: IFieldCustomizerCellEventParameters): void {

package/lib/generators/fieldCustomizer/templates/none/{componentClassName}.module.scss

@@ -1,4 +1,4 @@
-.<%= componentName %> {
+.<%= componentNameCamelCase %> {
   background-color: "[theme:themePrimary, default:#0078d4]";
   color: "[theme:white, default:#ffffff]";
   text-align: center;

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

@@ -37,7 +37,7 @@ export default class <%= componentClassName %>
 
     event.domElement.innerText = text;
 
-    event.domElement.classList.add(styles.<%= componentName %>);
+    event.domElement.classList.add(styles.<%= componentNameCamelCase %>);
   }
 
   public onDisposeCell(event: IFieldCustomizerCellEventParameters): void {

package/lib/generators/fieldCustomizer/templates/react/components/{componentName}.module.scss

@@ -1,4 +1,4 @@
-.<%= componentName %> {
+.<%= componentNameCamelCase %> {
   background-color: "[theme:themePrimary, default:#0078d4]";
   color: "[theme:white, default:#ffffff]";
   text-align: center;

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

@@ -20,7 +20,7 @@ export default class <%= componentName %> extends React.Component<I<%= component
 
   public render(): React.ReactElement<{}> {
     return (
-      <div className={styles.<%= componentName %>}>
+      <div className={styles.<%= componentNameCamelCase %>}>
         { this.props.text }
       </div>
     );

package/lib/generators/formCustomizer/index.d.ts

@@ -0,0 +1,24 @@
+import { IBaseOptions, BaseGenerator, AvailableTemplates } from '../../common/BaseGenerator';
+import * as BaseExtension from '../extension/BaseExtensionGenerator';
+export interface IFormCustomizerOptions extends BaseExtension.IBaseExtensionOptions {
+}
+export interface IFormCustomizerContext extends BaseExtension.IBaseExtensionContext {
+}
+export declare function composeWith<TOptions extends IBaseOptions, TContext>(base: BaseGenerator<TOptions, TContext>, options: IBaseOptions): void;
+export declare function defineOptions<TOptions extends IBaseOptions, TContext>(generator: BaseGenerator<TOptions, TContext>): void;
+export declare class FormCustomizerGenerator extends BaseExtension.BaseExtensionGenerator<IFormCustomizerOptions, IFormCustomizerContext> {
+    protected readonly friendlyName: string;
+    protected readonly codeName: string;
+    protected readonly allowedTemplates: AvailableTemplates[];
+    initializing(): void;
+    prompting(): Promise<void>;
+    configuring(): void;
+    writing(): void;
+    install(): void;
+    end(): void;
+    protected constructor(args: string | string[], options: IFormCustomizerOptions);
+    protected addFeature(): void;
+    protected includeClientSideInstances(): boolean;
+    private shouldExecute;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/generators/formCustomizer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/generators/formCustomizer/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAI7F,OAAO,KAAK,aAAa,MAAM,qCAAqC,CAAC;AAErE,MAAM,WAAW,sBAAuB,SAAQ,aAAa,CAAC,qBAAqB;CAAG;AACtF,MAAM,WAAW,sBAAuB,SAAQ,aAAa,CAAC,qBAAqB;CAAG;AAEtF,wBAAgB,WAAW,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACjE,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EACvC,OAAO,EAAE,YAAY,GACpB,IAAI,CAEN;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,YAAY,EAAE,QAAQ,EACnE,SAAS,EAAE,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAC3C,IAAI,CAEN;AAED,qBAAa,uBAAwB,SAAQ,aAAa,CAAC,sBAAsB,CAC/E,sBAAsB,EACtB,sBAAsB,CACvB;IACC,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAqB;IAC5D,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAoB;IACvD,SAAS,CAAC,QAAQ,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,CAAqB;IAEvE,YAAY,IAAI,IAAI;IAIpB,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAQ1B,WAAW,IAAI,IAAI;IAgDnB,OAAO,IAAI,IAAI;IAgBf,OAAO,IAAI,IAAI;IAMf,GAAG,IAAI,IAAI;IAIlB,SAAS,aAAa,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,EAAE,sBAAsB;IAK9E,SAAS,CAAC,UAAU,IAAI,IAAI;IAY5B,SAAS,CAAC,0BAA0B,IAAI,OAAO;IAI/C,OAAO,CAAC,aAAa;CAOtB"}

package/lib/generators/formCustomizer/index.js

@@ -0,0 +1,142 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = 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];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormCustomizerGenerator = exports.defineOptions = exports.composeWith = void 0;
+const path = __importStar(require("path"));
+const Utils = __importStar(require("../../common/utilities"));
+const YeomanConfiguration_1 = require("../../common/YeomanConfiguration");
+const BaseExtension = __importStar(require("../extension/BaseExtensionGenerator"));
+function composeWith(base, options) {
+    Utils.compose(path.basename(__dirname), base, options);
+}
+exports.composeWith = composeWith;
+function defineOptions(generator) {
+    BaseExtension.defineOptions(generator, 'Form Customizer');
+}
+exports.defineOptions = defineOptions;
+class FormCustomizerGenerator extends BaseExtension.BaseExtensionGenerator {
+    constructor(args, options) {
+        super(args, options);
+        this.friendlyName = 'Form Customizer';
+        this.codeName = 'FormCustomizer';
+        this.allowedTemplates = ['react', 'none'];
+        defineOptions(this);
+    }
+    initializing() {
+        /* no-op */
+    }
+    prompting() {
+        this.ensureCorrectFolder();
+        if (!this.shouldExecute()) {
+            return Promise.resolve();
+        }
+        return super.prompting();
+    }
+    configuring() {
+        if (this.shouldExecute()) {
+            super.configuring();
+            this.ensureDependencyGroup('formCustomizer');
+            // New Form
+            this.serveJson.addConfiguration(`${this.context.componentNameCamelCase}_NewForm`, {
+                pageUrl: 'https://contoso.sharepoint.com/sites/mySite/_layouts/15/SPListForm.aspx',
+                formCustomizer: {
+                    componentId: this.context.componentId,
+                    PageType: 8,
+                    RootFolder: '/sites/mySite/Lists/MyList',
+                    properties: {
+                        sampleText: 'Value'
+                    }
+                }
+            });
+            // Edit Form
+            this.serveJson.addConfiguration(`${this.context.componentNameCamelCase}_EditForm`, {
+                pageUrl: 'https://contoso.sharepoint.com/sites/mySite/_layouts/15/SPListForm.aspx',
+                formCustomizer: {
+                    componentId: this.context.componentId,
+                    PageType: 6,
+                    RootFolder: '/sites/mySite/Lists/MyList',
+                    ID: 1,
+                    properties: {
+                        sampleText: 'Value'
+                    }
+                }
+            });
+            // View Form
+            this.serveJson.addConfiguration(`${this.context.componentNameCamelCase}_ViewForm`, {
+                pageUrl: 'https://contoso.sharepoint.com/sites/mySite/_layouts/15/SPListForm.aspx',
+                formCustomizer: {
+                    componentId: this.context.componentId,
+                    PageType: 4,
+                    RootFolder: '/sites/mySite/Lists/MyList',
+                    ID: 1,
+                    properties: {
+                        sampleText: 'Value'
+                    }
+                }
+            });
+        }
+    }
+    writing() {
+        if (this.shouldExecute()) {
+            super.writing(false);
+            const dest = this._getOutputFolder(this.context.componentNameCamelCase);
+            const template = this.context.template;
+            this.copyTemplate(path.join(this.sourceRoot(), template), dest);
+            if (template !== 'minimal') {
+                this.copyTemplate(path.join(this.sourceRoot(), 'loc'), path.join(dest, 'loc'));
+            }
+            this.copyTemplate(path.join(this.sourceRoot(), 'base'), dest);
+        }
+    }
+    install() {
+        if (this.shouldExecute()) {
+            super.install();
+        }
+    }
+    end() {
+        super.end();
+    }
+    addFeature() {
+        if (!this.hasElementsXml()) {
+            const solutionName = YeomanConfiguration_1.YeomanConfiguration.libraryName;
+            this.packageSolutionJson.addFeature(Utils.generateGuid(), `${solutionName} Feature`, `The feature that activates elements of the ${solutionName} solution.`, false);
+        }
+    }
+    includeClientSideInstances() {
+        return false;
+    }
+    shouldExecute() {
+        return (this.config.get('environment') === 'spo' &&
+            this.config.get('componentType') === 'extension' &&
+            this.config.get('extensionType') === 'FormCustomizer');
+    }
+}
+exports.FormCustomizerGenerator = FormCustomizerGenerator;
+// Yeoman expects exports of this type, which overrides the TS exports above
+// Ensure that anything marked as export above is also listed here
+module.exports = FormCustomizerGenerator;
+module.exports.defineOptions = defineOptions;
+module.exports.composeWith = composeWith;
+//# sourceMappingURL=index.js.map

package/lib/generators/formCustomizer/templates/base/{componentClassName}.manifest.json

@@ -0,0 +1,17 @@
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-extension-manifest.schema.json",
+
+  "id": "<%= componentId %>",
+  "alias": "<%= componentAlias %>",
+  "componentType": "Extension",
+  "extensionType": "FormCustomizer",
+
+  // The "*" signifies that the version should be taken from the package.json
+  "version": "*",
+  "manifestVersion": 2,
+
+  // If true, the component can only be installed on sites where Custom Script is allowed.
+  // Components that allow authors to embed arbitrary script code should set this to true.
+  // https://support.office.com/en-us/article/Turn-scripting-capabilities-on-or-off-1f2c515f-5d7e-448a-9fd7-835da935584f
+  "requiresCustomScript": false
+}

package/lib/generators/formCustomizer/templates/loc/en-us.js

@@ -0,0 +1,7 @@
+define([], function() {
+  return {
+    "Save": "Save",
+    "Cancel": "Cancel",
+    "Close": "Close"
+  }
+});

package/lib/generators/formCustomizer/templates/loc/myStrings.d.ts

@@ -0,0 +1,10 @@
+declare interface I<%= componentStrings %> {
+  Save: string;
+  Cancel: string;
+  Close: string;
+}
+
+declare module '<%= componentStrings %>' {
+  const strings: I<%= componentStrings %>;
+  export = strings;
+}

package/lib/generators/formCustomizer/templates/none/{componentClassName}.module.scss

@@ -0,0 +1,5 @@
+.<%= componentNameCamelCase %> {
+  background-color: "[theme:white, default:#ffffff]";
+  color: "[theme:themePrimary, default:#0078d4]";
+  padding: 0.5rem;
+}