16 lines
708 B
TypeScript
16 lines
708 B
TypeScript
|
// License: LGPL-3.0-or-later
|
||
|
|
import * as React from 'react';
|
||
|
|
import {observer} from "mobx-react";
|
||
|
|
import * as _ from 'lodash'
|
||
|
|
import {Field} from "../../../../types/mobx-react-form";
|
||
|
|
import LabeledFieldComponent from "./LabeledFieldComponent";
|
||
|
|
import {injectIntl, InjectedIntl} from 'react-intl';
|
||
|
|
|
||
|
|
|
||
|
|
export const BasicField = injectIntl(observer((props:{field:Field, intl?:InjectedIntl, wrapperClassName?:string}) =>{
|
||
|
|
return <LabeledFieldComponent
|
||
|
|
inputId={props.field.id} labelText={props.field.label} inError={props.field.hasError} error={props.field.error} className={props.wrapperClassName} >
|
||
|
|
|
||
|
|
<input {...props.field.bind()} className="form-control"/>
|
||
|
|
</LabeledFieldComponent>
|
||
|
|
}))
|