@pnp/spfx-property-controls
Version:
Reusable property pane controls for SharePoint Framework solutions
109 lines • 4.46 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PropertyFieldFolderPicker = PropertyFieldFolderPicker;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const ReactDom = tslib_1.__importStar(require("react-dom"));
const sp_property_pane_1 = require("@microsoft/sp-property-pane");
const PropertyFieldFolderPickerHost_1 = tslib_1.__importDefault(require("./PropertyFieldFolderPickerHost"));
/**
* Represents a PropertyFieldFolderPickerPicker object
*/
class PropertyFieldFolderPickerBuilder {
/**
* Constructor method
*/
constructor(_targetProperty, _properties) {
this.type = sp_property_pane_1.PropertyPaneFieldType.Custom;
this.disabled = false;
this.required = false;
this.canCreateFolders = 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.onPropertyChange = _properties.onPropertyChange;
this.customProperties = _properties.properties;
this.key = _properties.key;
this.rootFolder = _properties.rootFolder;
this.defaultFolder = _properties.defaultFolder;
this.onSelect = _properties.onSelect;
this.onPropertyChange = _properties.onPropertyChange;
this.customProperties = _properties.properties;
this.siteAbsoluteUrl = this.properties.siteAbsoluteUrl;
if (_properties.required === true) {
this.required = _properties.required;
}
if (_properties.disabled === true) {
this.disabled = _properties.disabled;
}
if (_properties.canCreateFolders === true) {
this.canCreateFolders = _properties.canCreateFolders;
}
}
/**
* Renders the FolderPickerPicker field content
*/
render(elem, ctx, changeCallback) {
const element = React.createElement(PropertyFieldFolderPickerHost_1.default, {
label: this.label,
targetProperty: this.targetProperty,
context: this.context,
rootFolder: this.rootFolder,
defaultFolder: this.defaultFolder,
onSelect: this.onSelect,
required: this.required,
canCreateFolders: this.canCreateFolders,
onDispose: this.dispose,
onRender: this.render,
onChange: changeCallback,
onPropertyChange: this.onPropertyChange,
properties: this.customProperties,
key: this.key,
disabled: this.disabled,
selectedFolder: this.selectedFolder,
siteAbsoluteUrl: this.siteAbsoluteUrl
});
// Calls the REACT content generator
ReactDom.render(element, elem);
}
/**
* Disposes the current object
*/
dispose(_elem) {
ReactDom.unmountComponentAtNode(_elem);
}
}
/**
* Helper method to create a Role Definitions Picker on the PropertyPane.
* @param targetProperty - Target property the SharePoint role definition picker is associated to.
* @param properties - Strongly typed Role Definition Picker properties.
*/
function PropertyFieldFolderPicker(targetProperty, properties) {
//Create an internal properties object from the given properties
const newProperties = {
label: properties.label,
targetProperty: targetProperty,
context: properties.context,
onPropertyChange: properties.onPropertyChange,
properties: properties.properties,
onDispose: null,
onRender: null,
key: properties.key,
disabled: properties.disabled,
onSelect: properties.onSelect,
rootFolder: properties.rootFolder,
canCreateFolders: properties.canCreateFolders,
defaultFolder: properties.defaultFolder,
required: properties.required,
selectedFolder: properties.selectedFolder,
siteAbsoluteUrl: properties.siteAbsoluteUrl
};
//Calls the PropertyFieldFolderPickerPicker builder object
//This object will simulate a PropertyFieldCustom to manage his rendering process
return new PropertyFieldFolderPickerBuilder(targetProperty, newProperties);
}
//# sourceMappingURL=PropertyFieldFolderPicker.js.map