AutoFields (closes #31).

vazco · Jun 16, 2016 · 3995ab2 · 3995ab2
1 parent 92c20c7
commit 3995ab2
Show file tree

Hide file tree

Showing 5 changed files with 129 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -152,6 +152,7 @@ const ExplicitAutoForm = () =>
 | Component       | Description                                                     | Prerequisites            |
 |:---------------:|:---------------------------------------------------------------:|:------------------------:|
 | `AutoField`     | Automatically renders a correct field, based on field's `type`. | *none*                   |
+| `AutoFields`    | Render `fields` without `omitFields` (given in `props`).        | *none*                   |
 | `BoolField`     | Checkbox.                                                       | `type: Boolean`          |
 | `DateField`     | HTML5 `date-localtime` input.                                   | `type: Date`             |
 | `ErrorField`    | Error message for given field.                                  | *none*                   |

diff --git a/packages/uniforms-bootstrap3/src/components/fields/AutoFields.js b/packages/uniforms-bootstrap3/src/components/fields/AutoFields.js
@@ -0,0 +1,32 @@
+import {PropTypes}     from 'react';
+import {createElement} from 'react';
+
+import AutoField from './AutoField';
+
+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 = AutoField.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 = {
+    autoField: AutoField,
+    element: 'section',
+    omitFields: []
+};
+
+export default AutoFields;
diff --git a/packages/uniforms-bootstrap4/src/components/fields/AutoFields.js b/packages/uniforms-bootstrap4/src/components/fields/AutoFields.js
@@ -0,0 +1,32 @@
+import {PropTypes}     from 'react';
+import {createElement} from 'react';
+
+import AutoField from './AutoField';
+
+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 = AutoField.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 = {
+    autoField: AutoField,
+    element: 'section',
+    omitFields: []
+};
+
+export default AutoFields;
diff --git a/packages/uniforms-semantic/src/components/fields/AutoFields.js b/packages/uniforms-semantic/src/components/fields/AutoFields.js
@@ -0,0 +1,32 @@
+import {PropTypes}     from 'react';
+import {createElement} from 'react';
+
+import AutoField from './AutoField';
+
+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 = AutoField.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 = {
+    autoField: AutoField,
+    element: 'section',
+    omitFields: []
+};
+
+export default AutoFields;
diff --git a/packages/uniforms-unstyled/src/components/fields/AutoFields.js b/packages/uniforms-unstyled/src/components/fields/AutoFields.js
@@ -0,0 +1,32 @@
+import {PropTypes}     from 'react';
+import {createElement} from 'react';
+
+import AutoField from './AutoField';
+
+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 = AutoField.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 = {
+    autoField: AutoField,
+    element: 'section',
+    omitFields: []
+};
+
+export default AutoFields;