Starting work on local forms!!!

Author: davidkpiano

src/components/control-component.js

@@ -565,6 +565,14 @@ function createControlClass(customControlPropsMap = {}, s = defaultStrategy) {
 
   Control.propTypes = propTypes;
 
+  Control.contextTypes = {
+    localStore: PropTypes.shape({
+      subscribe: PropTypes.func,
+      dispatch: PropTypes.func,
+      getState: PropTypes.func,
+    }),
+  };
+
   Control.defaultProps = {
     changeAction: s.actions.change,
     updateOn: 'change',

src/components/form-component.js

@@ -31,6 +31,11 @@ const propTypes = {
   onSubmit: PropTypes.func,
   dispatch: PropTypes.func,
   children: PropTypes.node,
+  store: PropTypes.shape({
+    subscribe: PropTypes.func,
+    dispatch: PropTypes.func,
+    getState: PropTypes.func,
+  }),
 };
 
 const defaultStrategy = {
@@ -52,7 +57,10 @@ function createFormClass(s = defaultStrategy) {
     }
 
     getChildContext() {
-      return { model: this.props.model };
+      return {
+        model: this.props.model,
+        localStore: this.props.store,
+      };
     }
 
     componentDidMount() {
@@ -296,6 +304,11 @@ function createFormClass(s = defaultStrategy) {
 
   Form.childContextTypes = {
     model: PropTypes.any,
+    localStore: PropTypes.shape({
+      subscribe: PropTypes.func,
+      dispatch: PropTypes.func,
+      getState: PropTypes.func,
+    }),
   };
 
   function mapStateToProps(state, { model }) {

src/local.js

@@ -0,0 +1,30 @@
+import React, { PropTypes } from 'react';
+import Form from './components/form-component';
+import combineForms from './reducers/forms-reducer';
+import { createStore } from 'redux';
+
+class LocalForm extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.store = props.store || createStore(combineForms({
+      local: {},
+    }));
+  }
+
+  render() {
+    return (
+      <Form model="local" store={this.store} {...this.props} />
+    );
+  }
+}
+
+LocalForm.propTypes = {
+  store: PropTypes.shape({
+    subscribe: PropTypes.func,
+    dispatch: PropTypes.func,
+    getState: PropTypes.func,
+  }),
+};
+
+export default LocalForm;

src/utils/resolve-model.js

@@ -21,6 +21,7 @@ export default function wrapWithModelResolver(WrappedComponent) {
       super(props, context);
 
       this.model = context.model;
+      this.store = context.localStore;
     }
     shouldComponentUpdate(nextProps) {
       return !shallowEqual(this.props, nextProps);
@@ -30,7 +31,11 @@ export default function wrapWithModelResolver(WrappedComponent) {
         this.props.model,
         this.model);
 
-      return <WrappedComponent {...this.props} model={resolvedModel} />;
+      return (<WrappedComponent
+        {...this.props}
+        model={resolvedModel}
+        store={this.store || undefined}
+      />);
     }
   }
 
@@ -40,6 +45,11 @@ export default function wrapWithModelResolver(WrappedComponent) {
 
   ResolvedModelWrapper.contextTypes = {
     model: PropTypes.any,
+    localStore: PropTypes.shape({
+      subscribe: PropTypes.func,
+      dispatch: PropTypes.func,
+      getState: PropTypes.func,
+    }),
   };
 
   return ResolvedModelWrapper;