@pnp/spfx-property-controls/lib-commonjs/propertyFields/password/PropertyFieldPasswordHost.js

Reusable property pane controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const TextField_1 = require("@fluentui/react/lib/TextField");
const telemetry = tslib_1.__importStar(require("../../common/telemetry"));
class PropertyFieldPasswordHost extends React.Component {
    constructor(props) {
        super(props);
        telemetry.track('PropertyFieldPassword', {});
        this.state = {
            value: this.props.value
        };
    }
    ///
    componentDidUpdate(prevProps, prevState) {
        if (prevProps.value !== this.props.value) {
            this.setState({ value: this.props.value });
        }
    }
    render() {
        return (React.createElement("div", null,
            React.createElement(TextField_1.TextField, { type: "password", label: this.props.label ? this.props.label : null, value: this.state.value, onChange: (e, newValue) => {
                    this.setState({ value: newValue });
                    this.props.onChanged(newValue);
                } })));
    }
}
exports.default = PropertyFieldPasswordHost;
//# sourceMappingURL=PropertyFieldPasswordHost.js.map