Fixing lint issue and adding initialState to form reducer

Author: davidkpiano

package.json

@@ -50,6 +50,7 @@
     "eslint": "^2.2.0",
     "eslint-config-airbnb": "^6.0.2",
     "eslint-plugin-react": "^4.1.0",
+    "estraverse-fb": "^1.3.1",
     "immutable": "^3.7.6",
     "jsdom": "^8.0.4",
     "mocha": "^2.4.5",
@@ -64,6 +65,7 @@
     "webpack": "^1.12.14"
   },
   "dependencies": {
+    "flat": "^2.0.0",
     "icepick": "^1.1.0",
     "lodash": "^4.5.1"
   },

src/reducers/form-reducer.js

@@ -6,6 +6,7 @@ import isEqual from 'lodash/isEqual';
 import isPlainObject from 'lodash/isPlainObject';
 import mapValues from 'lodash/mapValues';
 import toPath from 'lodash/toPath';
+import flatten from 'flat';
 
 import actionTypes from '../action-types';
 import { isValid } from '../utils';
@@ -83,17 +84,26 @@ function formIsValid(formState) {
 }
 
 
-function createInitialFormState(model) {
-  return {
-    ...initialFormState,
-    model,
-  };
+function createInitialFormState(model, initialState) {
+  const formState = icepick.set(initialFormState,
+    'model', model);
+
+  if (initialState) {
+    return icepick.set(formState,
+      'fields',
+      mapValues(flatten(initialState), (initialValue) =>
+        icepick.set(initialFieldState,
+          'initialValue', initialValue))
+    );
+  }
+
+  return formState;
 }
 
-function createFormReducer(model) {
+function createFormReducer(model, initialState) {
   const modelPath = toPath(model);
 
-  return (state = createInitialFormState(model), action) => {
+  return (state = createInitialFormState(model, initialState), action) => {
     if (!action.model) {
       return state;
     }

test/form-reducer-spec.js

@@ -60,4 +60,30 @@ describe('createFormReducer()', () => {
       blur: false,
     });
   });
+
+  it('should initialize fields given an initial state', () => {
+    const reducer = createFormReducer('test', {
+      foo: 'bar',
+      deep: {
+        one: 'one',
+        two: {
+          three: 'four',
+        },
+      },
+    });
+
+    const actual = reducer(undefined, {});
+
+    assert.containSubset(actual.fields, {
+      foo: {
+        initialValue: 'bar',
+      },
+      'deep.one': {
+        initialValue: 'one',
+      },
+      'deep.two.three': {
+        initialValue: 'four',
+      },
+    });
+  });
 });