39 lines
870 B
JavaScript
39 lines
870 B
JavaScript
/**
|
|
* External dependencies
|
|
*/
|
|
import { useValidationContext } from '@woocommerce/base-context';
|
|
import PropTypes from 'prop-types';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import './style.scss';
|
|
|
|
export const ValidationInputError = ( {
|
|
errorMessage = '',
|
|
propertyName = '',
|
|
elementId = '',
|
|
} ) => {
|
|
const { getValidationError, getValidationErrorId } = useValidationContext();
|
|
if ( ! errorMessage ) {
|
|
const error = getValidationError( propertyName ) || {};
|
|
if ( error.message && ! error.hidden ) {
|
|
errorMessage = error.message;
|
|
} else {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
return (
|
|
<div className="wc-block-form-input-validation-error" role="alert">
|
|
<p id={ getValidationErrorId( elementId ) }>{ errorMessage }</p>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
ValidationInputError.propTypes = {
|
|
errorMessage: PropTypes.string,
|
|
propertyName: PropTypes.string,
|
|
elementId: PropTypes.string,
|
|
};
|