Update redux form proxy and Input to include Proxy functionality in Input component

spikes/form/redux-form/client/form/form-two.js

@@ -2,17 +2,10 @@ const React = require('react');
 const ReactRouter = require('react-router');
 const ReduxForm = require('redux-form');
 const Styled = require('styled-components');
-// const Input = require('./input');
-// const InputRfProps = require('./inputRfProps');
+const Input = require('./input');
 const validate = require('./validate');
 const Form = require('./shared').form;
 
-const proxy = require('./proxy');
-
-const {
-  Input
-} = proxy;
-
 const {
   browserHistory
 } = ReactRouter;

spikes/form/redux-form/client/form/form.js

@@ -1,17 +1,11 @@
 const React = require('react');
 const ReduxForm = require('redux-form');
 const Styled = require('styled-components');
-// const Input = require('./input');
+const Input = require('./input');
 const InputRfProps = require('./inputRfProps');
 const validate = require('./validate');
 const Form = require('./shared').form;
 
-const proxy = require('./proxy');
-
-const {
-  Input
-} = proxy;
-
 const {
   Field,
   reduxForm

spikes/form/redux-form/client/form/input.js

@@ -1,5 +1,6 @@
 const React = require('react');
 const Styled = require('styled-components');
+const Proxy = require('./redux-form-proxy');
 
 const {
   default: styled
@@ -130,4 +131,4 @@ Input.propTypes = {
   value: React.PropTypes.string
 };
 
-module.exports = Input;
+module.exports = Proxy(Input);

spikes/form/redux-form/client/form/proxy.js

@@ -1,19 +0,0 @@
-const transformPropsWith = require('transform-props-with');
-const Input = require('./input');
-
-const {
-  default: tx
-} = transformPropsWith;
-
-const flattenProps = props => {
-  const { input, meta, ...rest } = props;
-  return {
-    ...input,
-    ...meta,
-    ...rest
-  };
-}
-
-module.exports = {
-  Input: tx(flattenProps)(Input)
-};

spikes/form/redux-form/client/form/redux-form-proxy.js

@@ -0,0 +1,30 @@
+const React = require('react');
+const transformPropsWith = require('transform-props-with');
+
+const {
+  default: tx
+} = transformPropsWith;
+
+const Proxy = tx(props => {
+  const { input, meta, ...rest } = props;
+  return {
+    ...input,
+    ...meta,
+    ...rest
+  };
+});
+
+const isReduxForm = (props) =>
+  props.hasOwnProperty('input') || props.hasOwnProperty('meta');
+
+module.exports = (Component) => {
+  const ProxiedComponent = Proxy(Component);
+
+  return (props) => {
+    return isReduxForm(props) ? (
+      <ProxiedComponent {...props} />
+    ) : (
+      <Component {...props} />
+    )
+  }
+};