@pnp/spfx-property-controls/lib/propertyFields/propertyFieldButton/PropertyFieldButtonControl.js

Reusable property pane controls for SharePoint Framework solutions

import * as React from 'react';
import { DefaultButton, PrimaryButton, } from '@fluentui/react/lib/Button';
//import styles from './Component.module.scss';
export default class PropertyFieldButtonControl extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            isVisible: this.props.isVisible,
            disabled: this.props.disabled,
            isPrimary: this.props.isPrimary,
            text: this.props.text,
            iconProps: this.props.iconProps,
            onClick: this.props.onClick,
            key: this.props.key,
        };
    }
    ///
    componentDidUpdate(prevProps, prevState) {
        if (prevProps.isVisible !== this.props.isVisible ||
            prevProps.disabled !== this.props.disabled ||
            prevProps.isPrimary !== this.props.isPrimary ||
            prevProps.className !== this.props.className ||
            prevProps.styles !== this.props.styles ||
            prevProps.text !== this.props.text ||
            prevProps.iconProps !== this.props.iconProps ||
            prevProps.onClick !== this.props.onClick ||
            prevProps.key !== this.props.key) {
            this.setState({
                isVisible: this.props.isVisible,
                disabled: this.props.disabled,
                isPrimary: this.props.isPrimary,
                className: this.props.className,
                styles: this.props.styles,
                text: this.props.text,
                iconProps: this.props.iconProps,
                onClick: this.props.onClick,
                key: this.props.key,
            });
        }
    }
    render() {
        if (!this.props.isVisible) {
            return null;
        }
        return (React.createElement("div", null, this.props.isPrimary ? (React.createElement(PrimaryButton, { text: this.state.text, key: this.state.key, disabled: this.state.disabled, className: this.state.className, styles: this.state.styles, onClick: this.state.onClick, iconProps: this.state.iconProps })) : (React.createElement(DefaultButton, { text: this.state.text, key: this.state.key, disabled: this.state.disabled, className: this.state.className, styles: this.state.styles, onClick: this.state.onClick, iconProps: this.state.iconProps }))));
    }
}
//# sourceMappingURL=PropertyFieldButtonControl.js.map