cell onCreate, props as second param

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-tablify",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "A simple, lightweight and highly extensible datagrid for React",
   "main": "lib/index.js",
   "jsnext:main": "es/index.js",

src/cells/Cell.js

@@ -32,7 +32,7 @@ export default class Cell extends React.Component {
     } else if (typeof field === 'number') {
       newData = data[field];
     }
-    if (typeof onCreate === 'function') newData = onCreate(newData);
+    if (typeof onCreate === 'function') newData = onCreate(newData, this.props);
     const Component = component;
     return (
       <Component {...others}>

src/cells/LookupCell.js

@@ -41,7 +41,7 @@ export default class LookupCell extends React.Component {
             value = result[0][displayField];
           }
           if (typeof onCreate === 'function') {
-            value = onCreate(value);
+            value = onCreate(value, this.props);
           }
           return value;
         }}

test/cells.spec.js

@@ -1,6 +1,7 @@
 // @flow
 
 import React from 'react';
+import expect from 'expect';
 import { expectComponentToMatch } from './utils';
 import { Cell, LookupCell } from '../src/';
 
@@ -41,7 +42,18 @@ describe('cells', () => {
 
     it('should modify data in onCreate', () => {
       expectComponentToMatch(
-        <Cell onCreate={x => x.toUpperCase()} data="foo" />,
+        <Cell
+          data="foo"
+          foo="bar"
+          onCreate={(x, props) => {
+            expect(x).toEqual('foo');
+            expect(props).toMatch({
+              data: 'foo',
+              foo: 'bar',
+            });
+            return x.toUpperCase();
+          }}
+        />,
         <td>FOO</td>,
       );
     });
@@ -80,14 +92,21 @@ describe('cells', () => {
     });
 
     it('should handle onCreate', () => {
+      const props = {
+        data: orders[0],
+        field: 'customerCode',
+        displayField: 'description',
+        valueField: 'code',
+        dataSource: customers,
+      };
       expectComponentToMatch(
         <LookupCell
-          data={orders[0]}
-          field="customerCode"
-          displayField="description"
-          valueField="code"
-          dataSource={customers}
-          onCreate={description => description.toUpperCase()}
+          {...props}
+          onCreate={(description, lookupProps) => {
+            expect(description).toEqual('foo1');
+            expect(lookupProps).toMatch(props);
+            return description.toUpperCase();
+          }}
         />,
         <td>FOO1</td>,
       );