react-easel/src/AutoFields.js

Widget to dynamically build forms using simple-schema and uniforms

import PropTypes       from 'prop-types';
import {createElement} from 'react';

import BaseField from 'uniforms/BaseField';

const AutoFields = ({autoField, element, fields, omitFields, ...props}, {uniforms: {schema}}) =>
  createElement(
    element,
    props,
    (fields || schema.getSubfields())
      .filter(field => omitFields.indexOf(field) === -1)
      .map(field => createElement(autoField, {key: field, name: field}))
  )
;

AutoFields.contextTypes = BaseField.contextTypes;

AutoFields.propTypes = {
  autoField: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
  element:   PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
  fields:     PropTypes.arrayOf(PropTypes.string),
  omitFields: PropTypes.arrayOf(PropTypes.string)
};

AutoFields.defaultProps = {
  element: 'div',
  omitFields: []
};

export default AutoFields;