@pnp/spfx-property-controls
Version:
Reusable property pane controls for SharePoint Framework solutions
35 lines • 1.65 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const PropertyFieldHeader_1 = tslib_1.__importDefault(require("../../common/propertyFieldHeader/PropertyFieldHeader"));
const telemetry = tslib_1.__importStar(require("../../common/telemetry"));
const react_1 = require("@fluentui/react");
const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
class PropertyFieldDropdownHost extends React.Component {
constructor(props) {
super(props);
telemetry.track('PropertyFieldDropdown', {
disabled: props.disabled,
});
}
render() {
const dropdownProps = (0, omit_1.default)(this.props, ['label']);
dropdownProps.options = this._convertPropPaneOptionsToDropdownOptions(dropdownProps.options);
return (React.createElement("div", null,
React.createElement(PropertyFieldHeader_1.default, Object.assign({}, this.props)),
React.createElement(react_1.Dropdown, Object.assign({}, dropdownProps))));
}
_convertPropPaneOptionsToDropdownOptions(propPaneOptions) {
return propPaneOptions.map((propPaneOption) => {
return {
key: propPaneOption.key,
text: propPaneOption.text,
index: propPaneOption.index,
itemType: react_1.SelectableOptionMenuItemType[react_1.SelectableOptionMenuItemType[propPaneOption.type]],
};
});
}
}
exports.default = PropertyFieldDropdownHost;
//# sourceMappingURL=PropertyFieldDropdownWithCalloutHost.js.map