fix validation prop for formgroup in FormMapsetComponent
@@ -20,9 +20,9 @@ import { getValidationState, toValidHtmlId } from './helpers';
import './FormMapsetComponent.css';
-export const FormMapsetComponent: React.FunctionComponent<
- IFormControlProps
-> = props => {
+export const FormMapsetComponent: React.FunctionComponent<IFormControlProps> = (
+ props
+) => {
const { getField } = useFormBuilder();
const { value, onChange, onBlur, ...field } = props.field;
const mapsetValue = typeof value === 'string' ? JSON.parse(value) : value;
@@ -39,11 +39,15 @@ export const FormMapsetComponent: React.FunctionComponent<
{...props.property.formGroupAttributes}
className={'form-mapset-component__form-group'}
fieldId={id}
- isValid={getValidationState(props)}
+ validated={getValidationState(props)}
helperText={''}
helperTextInvalid={props.form.errors[props.field.name]}
/>
- <DataList id={id} aria-label={field.name} className={'form-mapset-component__data-list'}>
+ <DataList
+ id={id}
+ aria-label={field.name}
+ className={'form-mapset-component__data-list'}
+ >
<DataListItem aria-labelledby={'key-label'}>
<DataListItemRow>
<DataListItemCells
