@pnp/spfx-property-controls 3.17.0-beta.8148201 → 3.17.0-beta.8726012

package/CHANGELOG.json

@@ -5,12 +5,15 @@
       "changes": {
         "new": [],
         "enhancements": [
-          "`fast-serve`: ast-serve update to match the most recent changes. [#606](https://github.com/pnp/sp-dev-fx-property-controls/pull/606)"
+          "`fast-serve`: ast-serve update to match the most recent changes. [#606](https://github.com/pnp/sp-dev-fx-property-controls/pull/606)",
+          "`PropertyFieldContentTypePicker`:  PropertyFieldContentTypePicker control [#611](https://github.com/pnp/sp-dev-fx-property-controls/pull/611)"
+
         ],
         "fixes": []
       },
       "contributions": [
-        "[Sergei Sergeev](https://github.com/s-KaiNet)"
+        "[Sergei Sergeev](https://github.com/s-KaiNet)",
+        "[Nishkalank Bezawada](https://github.com/NishkalankBezawada)"
       ]
     },
     {

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Releases
 
+## 3.17.0
+
+### Enhancements
+
+- `fast-serve`: ast-serve update to match the most recent changes. [#606](https://github.com/pnp/sp-dev-fx-property-controls/pull/606)
+- `PropertyFieldContentTypePicker`:  PropertyFieldContentTypePicker control [#611](https://github.com/pnp/sp-dev-fx-property-controls/pull/611)
+
+### Contributors
+
+Special thanks to our contributors (in alphabetical order): [Sergei Sergeev](https://github.com/s-KaiNet), [Nishkalank Bezawada](https://github.com/NishkalankBezawada).
+
 ## 3.16.0
 
 ### Enhancements

package/fast-serve/config.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://raw.githubusercontent.com/s-KaiNet/spfx-fast-serve/master/schema/config.latest.schema.json",
+  "cli": {
+    "isLibraryComponent": false
+  }
+}

package/fast-serve/webpack.extend.js

@@ -0,0 +1,31 @@
+/*
+* User webpack settings file. You can add your own settings here.
+* Changes from this file will be merged into the base webpack configuration file.
+* This file will not be overwritten by the subsequent spfx-fast-serve calls.
+*/
+
+/**
+ * you can add your project related webpack configuration here, it will be merged using webpack-merge module
+ * i.e. plugins: [new webpack.Plugin()]
+ */
+const webpackConfig = {
+
+}
+
+/**
+ * For even more fine-grained control, you can apply custom webpack settings using below function
+ * @param {object} initialWebpackConfig - initial webpack config object
+ * @param {object} webpack - webpack object, used by SPFx pipeline
+ * @returns webpack config object
+ */
+const transformConfig = function (initialWebpackConfig, webpack) {
+  // transform the initial webpack config here, i.e.
+  // initialWebpackConfig.plugins.push(new webpack.Plugin()); etc.
+
+  return initialWebpackConfig;
+}
+
+module.exports = {
+  webpackConfig,
+  transformConfig
+}

package/lib/PropertyFieldContentTypePicker.d.ts

@@ -0,0 +1,3 @@
+export * from './propertyFields/contentTypePicker/index';
+export * from './propertyFields/contentTypePicker/index';
+//# sourceMappingURL=PropertyFieldContentTypePicker.d.ts.map

package/lib/PropertyFieldContentTypePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldContentTypePicker.d.ts","sourceRoot":"","sources":["../src/PropertyFieldContentTypePicker.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,0CAA0C,CAAC"}

package/lib/PropertyFieldContentTypePicker.js

@@ -0,0 +1,3 @@
+export * from './propertyFields/contentTypePicker/index';
+export * from './propertyFields/contentTypePicker/index';
+//# sourceMappingURL=PropertyFieldContentTypePicker.js.map

package/lib/PropertyFieldContentTypePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldContentTypePicker.js","sourceRoot":"","sources":["../src/PropertyFieldContentTypePicker.ts"],"names":[],"mappings":"AAAA,cAAc,0CAA0C,CAAC;AACzD,cAAc,0CAA0C,CAAC"}

package/lib/common/telemetry/version.js

@@ -1,2 +1,2 @@
-export var version = "3.17.0-beta.8148201";
+export var version = "3.17.0-beta.8726012";
 //# sourceMappingURL=version.js.map

package/lib/propertyFields/contentTypePicker/IPropertyFieldContentTypePicker.d.ts

@@ -0,0 +1,113 @@
+import { IPropertyPaneCustomFieldProps } from '@microsoft/sp-property-pane';
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+import { ISPContentType } from './ISPContentType';
+/**
+ * Enum for specifying how the ContentTypes should be sorted
+ */
+export declare enum PropertyFieldContentTypeOrderBy {
+    Id = 1,
+    Name = 2
+}
+/**
+ * Public properties of the PropertyFieldContentTypePicker custom field
+ */
+export interface IPropertyFieldContentTypePickerProps {
+    /**
+     * Context of the current web part
+     */
+    context: BaseComponentContext;
+    /**
+     * Custom Field will start to validate after users stop typing for `deferredValidationTime` milliseconds.
+     * Default value is 200.
+     */
+    deferredValidationTime?: number;
+    /**
+     * Whether the property pane field is enabled or not.
+     */
+    disabled?: boolean;
+    /**
+     * Filter ContentTypes from Odata query
+     */
+    filter?: string;
+    /**
+     * An UNIQUE key indicates the identity of this control
+     */
+    key?: string;
+    /**
+     * Property field label displayed on top
+     */
+    label: string;
+    /**
+     * The List Id of the list where you want to get the ContentTypes
+     */
+    listId?: string;
+    /**
+     * Specify the property on which you want to order the retrieve set of ContentTypes.
+     */
+    orderBy?: PropertyFieldContentTypeOrderBy;
+    /**
+     * Parent Web Part properties
+     */
+    properties: any;
+    /**
+     * Initial selected ContentType of the control
+     */
+    selectedContentType?: string | string[];
+    /**
+     * Defines ContentType titles which should be excluded from the ContentType picker control
+     */
+    contentTypesToExclude?: string[];
+    /**
+     * Absolute Web Url of target site (user requires permissions)
+     */
+    webAbsoluteUrl?: string;
+    /**
+     * The method is used to get the validation error message and determine whether the input value is valid or not.
+     *
+     *   When it returns string:
+     *   - If valid, it returns empty string.
+     *   - If invalid, it returns the error message string and the text field will
+     *     show a red border and show an error message below the text field.
+     *
+     *   When it returns Promise<string>:
+     *   - The resolved value is display as error message.
+     *   - The rejected, the value is thrown away.
+     *
+     */
+    onGetErrorMessage?: (value: string) => string | Promise<string>;
+    /**
+     * Defines a onPropertyChange function to raise when the selected value changed.
+     * Normally this function must be always defined with the 'this.onPropertyChange'
+     * method of the web part object.
+     */
+    onPropertyChange(propertyPath: string, oldValue: any, newValue: any): void;
+    /**
+      * Callback that is called before the dropdown is populated
+      */
+    onContentTypesRetrieved?: (contentTypes: ISPContentType[]) => PromiseLike<ISPContentType[]> | ISPContentType[];
+}
+/**
+ * Private properties of the PropertyFieldContentTypePicker custom field.
+ * We separate public & private properties to include onRender & onDispose method waited
+ * by the PropertyFieldCustom, without asking to the developer to add it when he's using
+ * the PropertyFieldContentTypePicker.
+ */
+export interface IPropertyFieldContentTypePickerPropsInternal extends IPropertyFieldContentTypePickerProps, IPropertyPaneCustomFieldProps {
+    context: BaseComponentContext;
+    deferredValidationTime?: number;
+    disabled?: boolean;
+    filter?: string;
+    orderBy?: PropertyFieldContentTypeOrderBy;
+    key: string;
+    label: string;
+    listId?: string;
+    properties: any;
+    selectedContentType?: string;
+    targetProperty: string;
+    contentTypesToExclude?: string[];
+    webAbsoluteUrl?: string;
+    onGetErrorMessage?: (value: string | string[]) => string | Promise<string>;
+    onPropertyChange(propertyPath: string, oldValue: any, newValue: any): void;
+    onContentTypesRetrieved?: (contentTypes: ISPContentType[]) => PromiseLike<ISPContentType[]> | ISPContentType[];
+}
+//# sourceMappingURL=IPropertyFieldContentTypePicker.d.ts.map

package/lib/propertyFields/contentTypePicker/IPropertyFieldContentTypePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyFieldContentTypePicker.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/IPropertyFieldContentTypePicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD;;GAEG;AACH,oBAAY,+BAA+B;IACzC,EAAE,IAAI;IACN,IAAI,IAAA;CACL;AAED;;GAEG;AACH,MAAM,WAAW,oCAAoC;IACnD;;OAEG;IACH,OAAO,EAAE,oBAAoB,CAAC;IAE9B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,+BAA+B,CAAC;IAE1C;;OAEG;IACH,UAAU,EAAE,GAAG,CAAC;IAEhB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;;;;;;;;OAYG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAChE;;;;OAIG;IACH,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,GAAG,IAAI,CAAC;IAC3E;;QAEI;IACJ,uBAAuB,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,WAAW,CAAC,cAAc,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC;CAChH;AAED;;;;;GAKG;AACH,MAAM,WAAW,4CAA6C,SAAQ,oCAAoC,EAAE,6BAA6B;IACvI,OAAO,EAAE,oBAAoB,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,+BAA+B,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3E,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,GAAG,IAAI,CAAC;IAC3E,uBAAuB,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,KAAK,WAAW,CAAC,cAAc,EAAE,CAAC,GAAG,cAAc,EAAE,CAAC;CAChH"}

package/lib/propertyFields/contentTypePicker/IPropertyFieldContentTypePicker.js

@@ -0,0 +1,9 @@
+/**
+ * Enum for specifying how the ContentTypes should be sorted
+ */
+export var PropertyFieldContentTypeOrderBy;
+(function (PropertyFieldContentTypeOrderBy) {
+    PropertyFieldContentTypeOrderBy[PropertyFieldContentTypeOrderBy["Id"] = 1] = "Id";
+    PropertyFieldContentTypeOrderBy[PropertyFieldContentTypeOrderBy["Name"] = 2] = "Name";
+})(PropertyFieldContentTypeOrderBy || (PropertyFieldContentTypeOrderBy = {}));
+//# sourceMappingURL=IPropertyFieldContentTypePicker.js.map

package/lib/propertyFields/contentTypePicker/IPropertyFieldContentTypePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyFieldContentTypePicker.js","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/IPropertyFieldContentTypePicker.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAN,IAAY,+BAGX;AAHD,WAAY,+BAA+B;IACzC,iFAAM,CAAA;IACN,qFAAI,CAAA;AACN,CAAC,EAHW,+BAA+B,KAA/B,+BAA+B,QAG1C"}

package/lib/propertyFields/contentTypePicker/IPropertyFieldContentTypePickerHost.d.ts

@@ -0,0 +1,17 @@
+import { IPropertyFieldContentTypePickerPropsInternal } from './IPropertyFieldContentTypePicker';
+import { IDropdownOption } from '@fluentui/react/lib/Dropdown';
+/**
+ * PropertyFieldContentTypePickerHost properties interface
+ */
+export interface IPropertyFieldContentTypePickerHostProps extends IPropertyFieldContentTypePickerPropsInternal {
+    onChange: (targetProperty?: string, newValue?: any) => void;
+}
+/**
+ * PropertyFieldContentTypePickerHost state interface
+ */
+export interface IPropertyFieldContentTypePickerHostState {
+    results: IDropdownOption[];
+    selectedKey?: string;
+    errorMessage?: string;
+}
+//# sourceMappingURL=IPropertyFieldContentTypePickerHost.d.ts.map

package/lib/propertyFields/contentTypePicker/IPropertyFieldContentTypePickerHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyFieldContentTypePickerHost.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/IPropertyFieldContentTypePickerHost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4CAA4C,EAAE,MAAM,mCAAmC,CAAC;AACjG,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,wCAAyC,SAAQ,4CAA4C;IAC5G,QAAQ,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7D;AAED;;GAEG;AACH,MAAM,WAAW,wCAAwC;IAEvD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/lib/propertyFields/contentTypePicker/IPropertyFieldContentTypePickerHost.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IPropertyFieldContentTypePickerHost.js.map

package/lib/propertyFields/contentTypePicker/IPropertyFieldContentTypePickerHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IPropertyFieldContentTypePickerHost.js","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/IPropertyFieldContentTypePickerHost.ts"],"names":[],"mappings":""}

package/lib/propertyFields/contentTypePicker/ISPContentType.d.ts

@@ -0,0 +1,7 @@
+export interface ISPContentType {
+    Id: {
+        StringValue: string;
+    };
+    Name: string;
+}
+//# sourceMappingURL=ISPContentType.d.ts.map

package/lib/propertyFields/contentTypePicker/ISPContentType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISPContentType.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/ISPContentType.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE;QACF,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;CACd"}

package/lib/propertyFields/contentTypePicker/ISPContentType.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ISPContentType.js.map

package/lib/propertyFields/contentTypePicker/ISPContentType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISPContentType.js","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/ISPContentType.ts"],"names":[],"mappings":""}

package/lib/propertyFields/contentTypePicker/ISPContentTypes.d.ts

@@ -0,0 +1,8 @@
+import { ISPContentType } from ".";
+/**
+ * Defines a collection of SharePoint list ContentTypes
+ */
+export interface ISPContentTypes {
+    value: ISPContentType[];
+}
+//# sourceMappingURL=ISPContentTypes.d.ts.map

package/lib/propertyFields/contentTypePicker/ISPContentTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISPContentTypes.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/ISPContentTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAEnC;;GAEG;AACH,MAAM,WAAW,eAAe;IAE9B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB"}

package/lib/propertyFields/contentTypePicker/ISPContentTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ISPContentTypes.js.map

package/lib/propertyFields/contentTypePicker/ISPContentTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISPContentTypes.js","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/ISPContentTypes.ts"],"names":[],"mappings":""}

package/lib/propertyFields/contentTypePicker/PropertyFieldContentTypePicker.d.ts

@@ -0,0 +1,9 @@
+import { IPropertyPaneField } from '@microsoft/sp-property-pane';
+import { IPropertyFieldContentTypePickerProps, IPropertyFieldContentTypePickerPropsInternal } from './IPropertyFieldContentTypePicker';
+/**
+ * Helper method to create a SPContentType Picker on the PropertyPane.
+ * @param targetProperty - Target property the SharePoint ContentType picker is associated to.
+ * @param properties - Strongly typed SPContentType Picker properties.
+ */
+export declare function PropertyFieldContentTypePicker(targetProperty: string, properties: IPropertyFieldContentTypePickerProps): IPropertyPaneField<IPropertyFieldContentTypePickerPropsInternal>;
+//# sourceMappingURL=PropertyFieldContentTypePicker.d.ts.map

package/lib/propertyFields/contentTypePicker/PropertyFieldContentTypePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldContentTypePicker.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/PropertyFieldContentTypePicker.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAEnB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EAAmC,oCAAoC,EAAE,4CAA4C,EAAE,MAAM,mCAAmC,CAAC;AAyGxK;;;;GAIG;AACH,wBAAgB,8BAA8B,CAAC,cAAc,EAAE,MAAM,EAAE,UAAU,EAAE,oCAAoC,GAAG,kBAAkB,CAAC,4CAA4C,CAAC,CAyBzL"}

package/lib/propertyFields/contentTypePicker/PropertyFieldContentTypePicker.js

@@ -0,0 +1,111 @@
+import * as React from 'react';
+import * as ReactDom from 'react-dom';
+import { PropertyPaneFieldType } from '@microsoft/sp-property-pane';
+import PropertyFieldContentTypePickerHost from './PropertyFieldContentTypePickerHost';
+/**
+ * Represents a PropertyFieldContentTypePicker object
+ */
+var PropertyFieldContentTypePickerBuilder = /** @class */ (function () {
+    /**
+     * Constructor method
+     */
+    function PropertyFieldContentTypePickerBuilder(_targetProperty, _properties) {
+        this.type = PropertyPaneFieldType.Custom;
+        this.deferredValidationTime = 200;
+        this.disabled = false;
+        this.disableReactivePropertyChanges = false;
+        this.render = this.render.bind(this);
+        this.targetProperty = _targetProperty;
+        this.properties = _properties;
+        this.properties.onDispose = this.dispose;
+        this.properties.onRender = this.render;
+        this.label = _properties.label;
+        this.context = _properties.context;
+        this.webAbsoluteUrl = _properties.webAbsoluteUrl;
+        this.listId = _properties.listId;
+        this.selectedContentType = _properties.selectedContentType;
+        this.onPropertyChange = _properties.onPropertyChange;
+        this.customProperties = _properties.properties;
+        this.key = _properties.key;
+        this.orderBy = _properties.orderBy;
+        this.contentTypesToExclude = _properties.contentTypesToExclude;
+        this.filter = _properties.filter;
+        this.onGetErrorMessage = _properties.onGetErrorMessage;
+        this.onContentTypesRetrieved = _properties.onContentTypesRetrieved;
+        if (_properties.disabled === true) {
+            this.disabled = _properties.disabled;
+        }
+        if (_properties.deferredValidationTime) {
+            this.deferredValidationTime = _properties.deferredValidationTime;
+        }
+    }
+    PropertyFieldContentTypePickerBuilder.prototype.onPropertyChange = function (propertyPath, oldValue, newValue) { }; // eslint-disable-line @typescript-eslint/no-explicit-any
+    /**
+     * Renders the SPContentTypePicker field content
+     */
+    PropertyFieldContentTypePickerBuilder.prototype.render = function (elem, ctx, changeCallback) {
+        var componentProps = {
+            label: this.label,
+            targetProperty: this.targetProperty,
+            context: this.context,
+            webAbsoluteUrl: this.webAbsoluteUrl,
+            listId: this.listId,
+            orderBy: this.orderBy,
+            onDispose: this.dispose,
+            onRender: this.render,
+            onChange: changeCallback,
+            onPropertyChange: this.onPropertyChange,
+            properties: this.customProperties,
+            key: this.key,
+            disabled: this.disabled,
+            onGetErrorMessage: this.onGetErrorMessage,
+            deferredValidationTime: this.deferredValidationTime,
+            contentTypesToExclude: this.contentTypesToExclude,
+            filter: this.filter,
+            onContentTypesRetrieved: this.onContentTypesRetrieved
+        };
+        // Single selector
+        componentProps.selectedContentType = this.selectedContentType;
+        var element = React.createElement(PropertyFieldContentTypePickerHost, componentProps);
+        // Calls the REACT content generator
+        ReactDom.render(element, elem);
+    };
+    /**
+     * Disposes the current object
+     */
+    PropertyFieldContentTypePickerBuilder.prototype.dispose = function (_elem) {
+        // no-op;
+    };
+    return PropertyFieldContentTypePickerBuilder;
+}());
+/**
+ * Helper method to create a SPContentType Picker on the PropertyPane.
+ * @param targetProperty - Target property the SharePoint ContentType picker is associated to.
+ * @param properties - Strongly typed SPContentType Picker properties.
+ */
+export function PropertyFieldContentTypePicker(targetProperty, properties) {
+    //Create an internal properties object from the given properties
+    var newProperties = {
+        label: properties.label,
+        targetProperty: targetProperty,
+        context: properties.context,
+        listId: properties.listId,
+        selectedContentType: typeof properties.selectedContentType === 'string' ? properties.selectedContentType : null,
+        onPropertyChange: properties.onPropertyChange,
+        properties: properties.properties,
+        onDispose: null,
+        onRender: null,
+        key: properties.key,
+        disabled: properties.disabled,
+        contentTypesToExclude: properties.contentTypesToExclude,
+        webAbsoluteUrl: properties.webAbsoluteUrl,
+        filter: properties.filter,
+        onGetErrorMessage: properties.onGetErrorMessage,
+        deferredValidationTime: properties.deferredValidationTime,
+        onContentTypesRetrieved: properties.onContentTypesRetrieved
+    };
+    //Calls the PropertyFieldContentTypePicker builder object
+    //This object will simulate a PropertyFieldCustom to manage his rendering process
+    return new PropertyFieldContentTypePickerBuilder(targetProperty, newProperties);
+}
+//# sourceMappingURL=PropertyFieldContentTypePicker.js.map

package/lib/propertyFields/contentTypePicker/PropertyFieldContentTypePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldContentTypePicker.js","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/PropertyFieldContentTypePicker.ts"],"names":[],"mappings":"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"}

package/lib/propertyFields/contentTypePicker/PropertyFieldContentTypePickerHost.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { IPropertyFieldContentTypePickerHostProps, IPropertyFieldContentTypePickerHostState } from './IPropertyFieldContentTypePickerHost';
+/**
+ * Renders the controls for PropertyFieldContentTypePicker component
+ */
+export default class PropertyFieldContentTypePickerHost extends React.Component<IPropertyFieldContentTypePickerHostProps, IPropertyFieldContentTypePickerHostState> {
+    private options;
+    private selectedKey;
+    private latestValidateValue;
+    private async;
+    private delayedValidate;
+    /**
+     * Constructor method
+     */
+    constructor(props: IPropertyFieldContentTypePickerHostProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: IPropertyFieldContentTypePickerHostProps, _prevState: IPropertyFieldContentTypePickerHostState): void;
+    /**
+     * Loads the loadContentTypes from a selected SharePoint list or SharePoint site
+     */
+    private loadContentTypes;
+    /**
+     * Raises when a contentType has been selected
+     */
+    private onChanged;
+    /**
+     * Validates the new custom field value
+     */
+    private validate;
+    /**
+     * Notifies the parent Web Part of a property value change
+     */
+    private notifyAfterValidate;
+    /**
+     * Called when the component will unmount
+     */
+    componentWillUnmount(): void;
+    /**
+     * Renders the SPContentTypePicker controls with Office UI Fabric
+     */
+    render(): JSX.Element;
+}
+//# sourceMappingURL=PropertyFieldContentTypePickerHost.d.ts.map

package/lib/propertyFields/contentTypePicker/PropertyFieldContentTypePickerHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldContentTypePickerHost.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/PropertyFieldContentTypePickerHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,wCAAwC,EAAE,wCAAwC,EAAE,MAAM,uCAAuC,CAAC;AAW3I;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,kCAAmC,SAAQ,KAAK,CAAC,SAAS,CAAC,wCAAwC,EAAE,wCAAwC,CAAC;IACjK,OAAO,CAAC,OAAO,CAAyB;IACxC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,mBAAmB,CAAS;IACpC,OAAO,CAAC,KAAK,CAAQ;IACrB,OAAO,CAAC,eAAe,CAA0B;IAEjD;;OAEG;gBACS,KAAK,EAAE,wCAAwC;IAmBpD,iBAAiB,IAAI,IAAI;IAKzB,kBAAkB,CAAC,SAAS,EAAE,wCAAwC,EAAE,UAAU,EAAE,wCAAwC,GAAG,IAAI;IAM1I;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0CxB;;OAEG;IAEH,OAAO,CAAC,SAAS;IAIjB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAoChB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAiC3B;;OAEG;IACI,oBAAoB,IAAI,IAAI;IAMnC;;OAEG;IACI,MAAM,IAAI,GAAG,CAAC,OAAO;CAiB7B"}

package/lib/propertyFields/contentTypePicker/PropertyFieldContentTypePickerHost.js

@@ -0,0 +1,198 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+import * as React from 'react';
+import { Dropdown } from '@fluentui/react/lib/Dropdown';
+import { Async } from '@fluentui/react/lib/Utilities';
+import { Label } from '@fluentui/react/lib/Label';
+import { SPContentTypePickerService } from '../../services/SPContentTypePickerService';
+import FieldErrorMessage from '../errorMessage/FieldErrorMessage';
+import * as telemetry from '../../common/telemetry';
+import { setPropertyValue } from '../../helpers/GeneralHelper';
+// Empty contentType value
+var EMPTY_CONTENT_TYPE_KEY = 'NO_CONTENT_TYPE_SELECTED';
+/**
+ * Renders the controls for PropertyFieldContentTypePicker component
+ */
+var PropertyFieldContentTypePickerHost = /** @class */ (function (_super) {
+    __extends(PropertyFieldContentTypePickerHost, _super);
+    /**
+     * Constructor method
+     */
+    function PropertyFieldContentTypePickerHost(props) {
+        var _this = _super.call(this, props) || this;
+        _this.options = [];
+        telemetry.track('PropertyFieldContentTypePicker', {
+            disabled: props.disabled
+        });
+        _this.state = {
+            results: _this.options,
+            errorMessage: ''
+        };
+        _this.async = new Async(_this);
+        _this.validate = _this.validate.bind(_this);
+        _this.onChanged = _this.onChanged.bind(_this);
+        _this.notifyAfterValidate = _this.notifyAfterValidate.bind(_this);
+        _this.delayedValidate = _this.async.debounce(_this.validate, _this.props.deferredValidationTime);
+        return _this;
+    }
+    PropertyFieldContentTypePickerHost.prototype.componentDidMount = function () {
+        // Start retrieving the content types
+        this.loadContentTypes();
+    };
+    PropertyFieldContentTypePickerHost.prototype.componentDidUpdate = function (prevProps, _prevState) {
+        if (this.props.listId !== prevProps.listId || this.props.webAbsoluteUrl !== prevProps.webAbsoluteUrl) {
+            this.loadContentTypes();
+        }
+    };
+    /**
+     * Loads the loadContentTypes from a selected SharePoint list or SharePoint site
+     */
+    PropertyFieldContentTypePickerHost.prototype.loadContentTypes = function () {
+        var _this = this;
+        var contentTypeService = new SPContentTypePickerService(this.props, this.props.context);
+        var contentTypesToExclude = this.props.contentTypesToExclude || [];
+        this.options = [];
+        contentTypeService.getContentTypes().then(function (response) {
+            console.log(response);
+            // Start mapping the contentTypes that are selected
+            response.value.forEach(function (contentType) {
+                if (_this.props.selectedContentType === contentType.Id.StringValue) {
+                    _this.selectedKey = contentType.Id.StringValue;
+                }
+                // Make sure that the current contentType is NOT in the 'contentTypesToExclude' array
+                if (contentTypesToExclude.indexOf(contentType.Name) === -1 && contentTypesToExclude.indexOf(contentType.Id.StringValue) === -1) {
+                    _this.options.push({
+                        key: contentType.Id.StringValue,
+                        text: contentType.Name
+                    });
+                }
+            });
+            // Option to unselect the contentType
+            _this.options.unshift({
+                key: EMPTY_CONTENT_TYPE_KEY,
+                text: ''
+            });
+            // Update the current component state
+            _this.setState({
+                results: _this.options,
+                selectedKey: _this.selectedKey
+            });
+        }).catch(function (error) {
+            console.error('Error loading content types:', error);
+            // Handle the error appropriately, e.g., display an error message to the user
+            _this.setState({
+                errorMessage: 'Error : List does not exist.\n\nThe page you selected contains a list that does not exist.  It may have been deleted by another user.'
+            });
+        });
+    };
+    /**
+     * Raises when a contentType has been selected
+     */
+    PropertyFieldContentTypePickerHost.prototype.onChanged = function (element, option, index) {
+        var newValue = option.key;
+        this.delayedValidate(newValue);
+    };
+    /**
+     * Validates the new custom field value
+     */
+    PropertyFieldContentTypePickerHost.prototype.validate = function (value) {
+        var _this = this;
+        if (this.props.onGetErrorMessage === null || this.props.onGetErrorMessage === undefined) {
+            this.notifyAfterValidate(this.props.selectedContentType, value);
+            return;
+        }
+        if (this.latestValidateValue === value) {
+            return;
+        }
+        this.latestValidateValue = value;
+        var errResult = this.props.onGetErrorMessage(value || '');
+        if (typeof errResult !== 'undefined') {
+            if (typeof errResult === 'string') {
+                if (errResult === '') {
+                    this.notifyAfterValidate(this.props.selectedContentType, value);
+                }
+                this.setState({
+                    errorMessage: errResult
+                });
+            }
+            else {
+                errResult.then(function (errorMessage) {
+                    if (!errorMessage) {
+                        _this.notifyAfterValidate(_this.props.selectedContentType, value);
+                    }
+                    _this.setState({
+                        errorMessage: errorMessage
+                    });
+                }).catch(function () { });
+            }
+        }
+        else {
+            this.notifyAfterValidate(this.props.selectedContentType, value);
+        }
+    };
+    /**
+     * Notifies the parent Web Part of a property value change
+     */
+    PropertyFieldContentTypePickerHost.prototype.notifyAfterValidate = function (oldValue, newValue) {
+        // Check if the user wanted to unselect the contentType
+        var propValue = newValue === EMPTY_CONTENT_TYPE_KEY ? '' : newValue;
+        // Deselect all options
+        this.options = this.state.results.map(function (option) {
+            if (option.selected) {
+                option.selected = false;
+            }
+            return option;
+        });
+        // Set the current selected key
+        this.selectedKey = newValue;
+        // Update the state
+        this.setState({
+            selectedKey: this.selectedKey,
+            results: this.options
+        });
+        if (this.props.onPropertyChange && propValue !== null) {
+            // Store the new property value
+            setPropertyValue(this.props.properties, this.props.targetProperty, propValue);
+            // Trigger the default onPropertyChange event
+            this.props.onPropertyChange(this.props.targetProperty, oldValue, propValue);
+            // Trigger the apply button
+            if (typeof this.props.onChange !== 'undefined' && this.props.onChange !== null) {
+                this.props.onChange(this.props.targetProperty, propValue);
+            }
+        }
+    };
+    /**
+     * Called when the component will unmount
+     */
+    PropertyFieldContentTypePickerHost.prototype.componentWillUnmount = function () {
+        if (typeof this.async !== 'undefined') {
+            this.async.dispose();
+        }
+    };
+    /**
+     * Renders the SPContentTypePicker controls with Office UI Fabric
+     */
+    PropertyFieldContentTypePickerHost.prototype.render = function () {
+        // Renders content
+        return (React.createElement("div", null,
+            this.props.label && React.createElement(Label, null, this.props.label),
+            React.createElement(Dropdown, { disabled: this.props.disabled, label: '', onChange: this.onChanged, options: this.state.results, selectedKey: this.state.selectedKey }),
+            React.createElement(FieldErrorMessage, { errorMessage: this.state.errorMessage })));
+    };
+    return PropertyFieldContentTypePickerHost;
+}(React.Component));
+export default PropertyFieldContentTypePickerHost;
+//# sourceMappingURL=PropertyFieldContentTypePickerHost.js.map

package/lib/propertyFields/contentTypePicker/PropertyFieldContentTypePickerHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyFieldContentTypePickerHost.js","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/PropertyFieldContentTypePickerHost.tsx"],"names":[],"mappings":"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"}

package/lib/propertyFields/contentTypePicker/index.d.ts

@@ -0,0 +1,7 @@
+export * from './PropertyFieldContentTypePicker';
+export * from './IPropertyFieldContentTypePicker';
+export * from './PropertyFieldContentTypePickerHost';
+export * from './IPropertyFieldContentTypePickerHost';
+export * from './ISPContentType';
+export * from './ISPContentTypes';
+//# sourceMappingURL=index.d.ts.map

package/lib/propertyFields/contentTypePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/lib/propertyFields/contentTypePicker/index.js

@@ -0,0 +1,7 @@
+export * from './PropertyFieldContentTypePicker';
+export * from './IPropertyFieldContentTypePicker';
+export * from './PropertyFieldContentTypePickerHost';
+export * from './IPropertyFieldContentTypePickerHost';
+export * from './ISPContentType';
+export * from './ISPContentTypes';
+//# sourceMappingURL=index.js.map

package/lib/propertyFields/contentTypePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/propertyFields/contentTypePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/lib/services/ISPContentTypePickerService.d.ts

@@ -0,0 +1,5 @@
+import { ISPContentTypes } from "../propertyFields/contentTypePicker";
+export interface ISPContentTypePickerService {
+    getContentTypes(): Promise<ISPContentTypes>;
+}
+//# sourceMappingURL=ISPContentTypePickerService.d.ts.map

package/lib/services/ISPContentTypePickerService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISPContentTypePickerService.d.ts","sourceRoot":"","sources":["../../src/services/ISPContentTypePickerService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE,MAAM,WAAW,2BAA2B;IAC1C,eAAe,IAAI,OAAO,CAAC,eAAe,CAAC,CAAC;CAC7C"}

package/lib/services/ISPContentTypePickerService.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ISPContentTypePickerService.js.map

package/lib/services/ISPContentTypePickerService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISPContentTypePickerService.js","sourceRoot":"","sources":["../../src/services/ISPContentTypePickerService.ts"],"names":[],"mappings":""}

package/lib/services/SPContentTypePickerService.d.ts

@@ -0,0 +1,24 @@
+import { BaseComponentContext } from '@microsoft/sp-component-base';
+import { IPropertyFieldContentTypePickerHostProps } from '../propertyFields/contentTypePicker';
+import { ISPContentTypePickerService } from './ISPContentTypePickerService';
+import { ISPContentTypes } from '../propertyFields/contentTypePicker';
+/**
+ * Service implementation to get Content Types from SharePoint site or selected SharePoint List
+ */
+export declare class SPContentTypePickerService implements ISPContentTypePickerService {
+    private context;
+    private props;
+    /**
+     * Service constructor
+     */
+    constructor(_props: IPropertyFieldContentTypePickerHostProps, pageContext: BaseComponentContext);
+    /**
+     * Gets the collection of ContentTypes from SharePoint site or selected SharePoint List
+     */
+    getContentTypes(): Promise<ISPContentTypes>;
+    /**
+     * Returns an empty contentType for when no selection is done
+     */
+    private getEmptycontentTypes;
+}
+//# sourceMappingURL=SPContentTypePickerService.d.ts.map

package/lib/services/SPContentTypePickerService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SPContentTypePickerService.d.ts","sourceRoot":"","sources":["../../src/services/SPContentTypePickerService.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAkB,wCAAwC,EAAmC,MAAM,qCAAqC,CAAC;AAChJ,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAEtE;;GAEG;AACH,qBAAa,0BAA2B,YAAW,2BAA2B;IAC5E,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,KAAK,CAA2C;IAExD;;OAEG;gBACS,MAAM,EAAE,wCAAwC,EAAE,WAAW,EAAE,oBAAoB;IAK/F;;OAEG;IACU,eAAe,IAAI,OAAO,CAAC,eAAe,CAAC;IAkDxD;;OAEG;IACH,OAAO,CAAC,oBAAoB;CAU7B"}

package/lib/services/SPContentTypePickerService.js

@@ -0,0 +1,117 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { SPHttpClient } from '@microsoft/sp-http';
+import { PropertyFieldContentTypeOrderBy } from '../propertyFields/contentTypePicker';
+/**
+ * Service implementation to get Content Types from SharePoint site or selected SharePoint List
+ */
+var SPContentTypePickerService = /** @class */ (function () {
+    /**
+     * Service constructor
+     */
+    function SPContentTypePickerService(_props, pageContext) {
+        this.props = _props;
+        this.context = pageContext;
+    }
+    /**
+     * Gets the collection of ContentTypes from SharePoint site or selected SharePoint List
+     */
+    SPContentTypePickerService.prototype.getContentTypes = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var webAbsoluteUrl, queryUrl, response, views, lr, output;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (this.context.pageContext.web.absoluteUrl === undefined || this.context.pageContext.web.absoluteUrl === "") {
+                            return [2 /*return*/, this.getEmptycontentTypes()];
+                        }
+                        webAbsoluteUrl = this.props.webAbsoluteUrl ? this.props.webAbsoluteUrl : this.context.pageContext.web.absoluteUrl;
+                        queryUrl = this.props.listId ? "".concat(webAbsoluteUrl, "/_api/lists(guid'").concat(this.props.listId, "')/ContentTypes?$select=Name,Id") : "".concat(webAbsoluteUrl, "/_api/web/ContentTypes?$select=Name,Id");
+                        if (!(this.props.orderBy !== null || this.props.orderBy !== undefined)) return [3 /*break*/, 7];
+                        queryUrl += '&$orderby=';
+                        switch (this.props.orderBy) {
+                            case PropertyFieldContentTypeOrderBy.Id:
+                                queryUrl += 'Id';
+                                break;
+                            case PropertyFieldContentTypeOrderBy.Name:
+                                queryUrl += 'Name';
+                                break;
+                        }
+                        // Adds an OData Filter to the list
+                        if (this.props.filter) {
+                            queryUrl += "&$filter=".concat(encodeURIComponent(this.props.filter));
+                        }
+                        return [4 /*yield*/, this.context.spHttpClient.get(queryUrl, SPHttpClient.configurations.v1)];
+                    case 1:
+                        response = _a.sent();
+                        return [4 /*yield*/, response.json()];
+                    case 2:
+                        views = (_a.sent());
+                        if (!this.props.onContentTypesRetrieved) return [3 /*break*/, 6];
+                        lr = this.props.onContentTypesRetrieved(views.value);
+                        output = void 0;
+                        if (!(lr instanceof Array)) return [3 /*break*/, 3];
+                        output = lr;
+                        return [3 /*break*/, 5];
+                    case 3: return [4 /*yield*/, lr];
+                    case 4:
+                        output = _a.sent();
+                        _a.label = 5;
+                    case 5:
+                        views.value = output;
+                        _a.label = 6;
+                    case 6: return [2 /*return*/, views];
+                    case 7: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    /**
+     * Returns an empty contentType for when no selection is done
+     */
+    SPContentTypePickerService.prototype.getEmptycontentTypes = function () {
+        return new Promise(function (resolve) {
+            var listData = {
+                value: []
+            };
+            resolve(listData);
+        });
+    };
+    return SPContentTypePickerService;
+}());
+export { SPContentTypePickerService };
+//# sourceMappingURL=SPContentTypePickerService.js.map

package/lib/services/SPContentTypePickerService.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SPContentTypePickerService.js","sourceRoot":"","sources":["../../src/services/SPContentTypePickerService.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAA4D,+BAA+B,EAAE,MAAM,qCAAqC,CAAC;AAIhJ;;GAEG;AACH;IAIE;;OAEG;IACH,oCAAY,MAAgD,EAAE,WAAiC;QAC7F,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC;IAC7B,CAAC;IAED;;OAEG;IACU,oDAAe,GAA5B;;;;;;wBACE,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,KAAK,EAAE,EAAE;4BAC7G,sBAAO,IAAI,CAAC,oBAAoB,EAAE,EAAC;yBACpC;wBAEK,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC;wBAGpH,QAAQ,GAAW,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,cAAc,8BAAoB,IAAI,CAAC,KAAK,CAAC,MAAM,oCAAiC,CAAC,CAAC,CAAC,UAAG,cAAc,2CAAwC,CAAC;6BAG3L,CAAA,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAA,EAA/D,wBAA+D;wBACjE,QAAQ,IAAI,YAAY,CAAC;wBACzB,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;4BAC1B,KAAK,+BAA+B,CAAC,EAAE;gCACrC,QAAQ,IAAI,IAAI,CAAC;gCACjB,MAAM;4BACR,KAAK,+BAA+B,CAAC,IAAI;gCACvC,QAAQ,IAAI,MAAM,CAAC;gCACnB,MAAM;yBACT;wBAED,mCAAmC;wBACnC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;4BACrB,QAAQ,IAAI,mBAAY,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAE,CAAC;yBACjE;wBAEgB,qBAAM,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC,EAAA;;wBAAxF,QAAQ,GAAG,SAA6E;wBAC/E,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;wBAA9B,KAAK,GAAG,CAAC,SAAqB,CAAoB;6BAGpD,IAAI,CAAC,KAAK,CAAC,uBAAuB,EAAlC,wBAAkC;wBAE9B,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,uBAAuB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;wBACvD,MAAM,SAAkB,CAAC;6BAGzB,CAAA,EAAE,YAAY,KAAK,CAAA,EAAnB,wBAAmB;wBACrB,MAAM,GAAG,EAAE,CAAC;;4BAEH,qBAAM,EAAE,EAAA;;wBAAjB,MAAM,GAAG,SAAQ,CAAC;;;wBAGpB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;;4BAGvB,sBAAO,KAAK,EAAC;;;;;KAEhB;IAED;;OAEG;IACK,yDAAoB,GAA5B;QACE,OAAO,IAAI,OAAO,CAAkB,UAAC,OAAO;YAC1C,IAAM,QAAQ,GAAoB;gBAChC,KAAK,EAAE,EACN;aACF,CAAC;YAEF,OAAO,CAAC,QAAQ,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC;IACH,iCAAC;AAAD,CAAC,AA9ED,IA8EC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pnp/spfx-property-controls",
   "description": "Reusable property pane controls for SharePoint Framework solutions",
-  "version": "3.17.0-beta.8148201",
+  "version": "3.17.0-beta.8726012",
   "engines": {
     "node": ">=16.13.0 <17.0.0 || >=18.17.1 <19.0.0"
   },
@@ -9,7 +9,7 @@
     "build": "gulp build",
     "clean": "gulp clean",
     "test": "gulp test",
-    "serve": "fast-serve",
+    "serve": "gulp bundle --custom-serve --max_old_space_size=4096 && fast-serve",
     "versionUpdater": "gulp versionUpdater",
     "prepublishOnly": "gulp",
     "changelog": "node scripts/create-changelog.js && node scripts/sync-changelogs.js && gulp versionUpdater",
@@ -69,7 +69,7 @@
     "husky": "^6.0.0",
     "request-promise": "4.2.6",
     "sonarqube-scanner": "2.8.2",
-    "spfx-fast-serve-helpers": "1.18.11",
+    "spfx-fast-serve-helpers": "~1.18.0",
     "typescript": "4.7.4",
     "uuid": "^9.0.1"
   },