plopfile-generate/templates/react-admin/components/form/FormInput/index.js

Installation:

import React from 'react';
import PropTypes from 'prop-types';
import { Form, Input } from 'antd';
import FormTitle, { IconWrapper } from '../FormTitle';
import IntlMessages from '../../utility/intlMessages';

const FormItem = Form.Item;
const { TextArea } = Input;
const FormInput = props => {
  const {
    textArea,
    prefixIcon,
    source,
    valuePropName,
    title,
    required,
    requiredMessage,
    icon,
    placeholder,
    form,
    defaultValue,
    type,
    ruleType,
    disabled,
    rules,
    normalize,
  } = props;
  return (
    <IntlMessages id={placeholder}>
      {placeholderText => (
        <FormItem>
          {title && <FormTitle title={title} icon={icon} />}
          {form.getFieldDecorator(source, {
            rules: [{ type: ruleType, required, message: requiredMessage, ...rules }],
            initialValue: defaultValue,
            valuePropName,
            normalize,
          })(
            textArea ? (
              <TextArea
                autosize={{ minRows: 2, maxRows: 10 }}
                disabled={disabled}
                type={type || 'text'}
                placeholder={placeholderText}
              />
            ) : (
              <Input
                prefix={prefixIcon ? <IconWrapper type={prefixIcon} /> : null}
                disabled={disabled}
                type={type || 'text'}
                placeholder={placeholderText}
              />
            ),
          )}
        </FormItem>
      )}
    </IntlMessages>
  );
};

FormInput.propTypes = {
  source: PropTypes.string,
  title: PropTypes.string,
  required: PropTypes.bool,
  requiredMessage: PropTypes.node,
  icon: PropTypes.string,
  placeholder: PropTypes.string,
  form: PropTypes.object,
  defaultValue: PropTypes.any,
  disabled: PropTypes.bool,
  ruleType: PropTypes.string,
  valuePropName: PropTypes.string,
  rules: PropTypes.object,
  textArea: PropTypes.bool,
  prefixIcon: PropTypes.string,
  type: PropTypes.string,
  normalize: PropTypes.func,
};
FormInput.defaultProps = {
  required: false,
  requiredMessage: 'The field is required',
  rules: {},
  valuePropName: 'value',
  placeholder: 'placeholder.undefined',
  format: data => data,
};

export default FormInput;