feat(Form): add submit to component

This makes it easier to use submit as if the component was a raw form (via 'standard' )

Author: TheSharpieOne

src/Form.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { mapToCssModules } from './utils';
@@ -15,26 +15,46 @@ const propTypes = {
 const defaultProps = {
   tag: 'form',
 };
+class Form extends Component {
+  constructor(props) {
+    super(props);
+    this.getRef = this.getRef.bind(this);
+    this.submit = this.submit.bind(this);
+  }
 
-const Form = (props) => {
-  const {
-    className,
-    cssModule,
-    inline,
-    tag: Tag,
-    innerRef,
-    ...attributes
-  } = props;
-
-  const classes = mapToCssModules(classNames(
-    className,
-    inline ? 'form-inline' : false
-  ), cssModule);
-
-  return (
-    <Tag {...attributes} ref={innerRef} className={classes} />
-  );
-};
+  getRef(ref) {
+    if (this.props.innerRef) {
+      this.props.innerRef(ref);
+    }
+    this.ref = ref;
+  }
+
+  submit() {
+    if (this.ref) {
+      this.ref.submit();
+    }
+  }
+
+  render() {
+    const {
+      className,
+      cssModule,
+      inline,
+      tag: Tag,
+      innerRef,
+      ...attributes
+    } = this.props;
+
+    const classes = mapToCssModules(classNames(
+      className,
+      inline ? 'form-inline' : false
+    ), cssModule);
+
+    return (
+      <Tag {...attributes} ref={innerRef} className={classes} />
+    );
+  }
+}
 
 Form.propTypes = propTypes;
 Form.defaultProps = defaultProps;