@pnp/spfx-property-controls/lib-commonjs/propertyFields/errorMessage/FieldErrorMessage.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 FieldErrorMessage_module_scss_1 = tslib_1.__importDefault(require("./FieldErrorMessage.module.scss"));
const Icon_1 = require("@fluentui/react/lib/Icon");
/**
 * Component that shows an error message when something went wront with the property control
 */
class FieldErrorMessage extends React.Component {
    render() {
        if (this.props.errorMessage !== 'undefined' && this.props.errorMessage !== null && this.props.errorMessage !== '') {
            return (React.createElement("div", { "aria-live": "assertive" },
                React.createElement("p", { className: `ms-TextField-errorMessage ${FieldErrorMessage_module_scss_1.default.errorMessage}` },
                    React.createElement(Icon_1.Icon, { iconName: 'Error', className: FieldErrorMessage_module_scss_1.default.errorIcon }),
                    React.createElement("span", { "data-automation-id": "error-message" }, this.props.errorMessage))));
        }
        else {
            return null;
        }
    }
}
exports.default = FieldErrorMessage;
//# sourceMappingURL=FieldErrorMessage.js.map