Allowing for thunk-like actions in LocalForm.

Author: davidkpiano

src/components/local-form-component.js

@@ -11,6 +11,20 @@ class LocalForm extends React.Component {
     this.store = props.store || createStore(combineForms({
       [props.model]: props.initialState,
     }));
+
+    this.dispatch = (action) => {
+      if (typeof action === 'function') {
+        return action(this.store.dispatch, this.store.getState);
+      }
+
+      return this.store.dispatch(action);
+    };
+  }
+
+  componentDidMount() {
+    if (this.props.getDispatch) {
+      this.props.getDispatch(this.dispatch);
+    }
   }
 
   render() {
@@ -34,6 +48,7 @@ LocalForm.propTypes = {
   // provided props
   initialState: PropTypes.any,
   model: PropTypes.string.isRequired,
+  getDispatch: PropTypes.func,
 };
 
 LocalForm.defaultProps = {

test/local-forms-spec.js

@@ -1,6 +1,6 @@
 /* eslint no-return-assign:0 */
 import React from 'react';
-import { Control, LocalForm } from '../src';
+import { Control, LocalForm, actions } from '../src';
 import TestUtils from 'react-addons-test-utils';
 import { assert } from 'chai';
 
@@ -96,4 +96,44 @@ describe('local forms', () => {
       });
     });
   });
+
+  describe('getDispatch', () => {
+    let innerModelState;
+    let dispatcher;
+
+    TestUtils.renderIntoDocument(
+      <LocalForm
+        onChange={(modelValue) => innerModelState = modelValue}
+        getDispatch={dispatch => dispatcher = dispatch}
+        initialState={{
+          foo: '',
+          bar: '',
+        }}
+      >
+        <Control.text model=".foo" />
+      </LocalForm>
+    );
+
+    it('should provide a dispatch function', () => {
+      assert.isFunction(dispatcher);
+    });
+
+    it('should allow normal dispatch behavior', () => {
+      dispatcher(actions.change('local.foo', 'changed foo'));
+
+      assert.equal(innerModelState.foo, 'changed foo');
+    });
+
+    it('should allow thunk-like behaviour', () => {
+      dispatcher(actions.merge('local', {
+        foo: 'FOO',
+        bar: 'BAR',
+      }));
+
+      assert.deepEqual(innerModelState, {
+        foo: 'FOO',
+        bar: 'BAR',
+      });
+    });
+  });
 });