#149 add support for Actions.GridActions.insertRow

Author: bencripps

src/actions/GridActions.js

@@ -8,7 +8,8 @@ import {
     SET_SORT_DIRECTION,
     SET_TREE_DATA_PARTIAL,
     SET_TREE_NODE_VISIBILITY,
-    SORT_DATA
+    SORT_DATA,
+    INSERT_ROW
 } from '../constants/ActionTypes';
 
 import { setLoaderState } from '../actions/plugins/loader/LoaderActions';
@@ -402,6 +403,15 @@ export const setTreeData = ({
     };
 };
 
+export const insertRow = ({
+    stateKey, data, index = 0
+}) => ({
+    type: INSERT_ROW,
+    stateKey,
+    data,
+    index
+});
+
 export const setTreeNodeVisibility = ({
     id, visible, stateKey, showTreeRootNode
 }) => ({

src/constants/ActionTypes.js

@@ -7,6 +7,7 @@ export const SORT_REMOTE = '@@react-redux-grid/SORT_REMOTE';
 export const GET_DATA = '@@react-redux-grid/GET_DATA';
 export const SET_DATA = '@@react-redux-grid/SET_DATA';
 export const SORT_DATA = '@@react-redux-grid/SORT_DATA';
+export const INSERT_ROW = '@@react-redux-grid/INSERT_ROW';
 
 export const SET_SELECTION = '@@react-redux-grid/SET_SELECTION';
 export const SELECT_ALL = '@@react-redux-grid/SELECT_ALL';

src/reducers/actionHelpers/datasource.js

@@ -252,6 +252,21 @@ export const saveRow = (state, { rowIndex, stateKey, values }) => {
     }, DataSource, 'mergeIn');
 };
 
+export const insertRow = (state, { data, index, stateKey }) => {
+    const prevData = state.getIn([stateKey, 'data']);
+    const newData = prevData
+        ? prevData.insert(index, fromJS(data))
+        : new List(fromJS(data));
+
+    return getUpdatedRecord(state, stateKey, {
+        data: newData,
+        proxy: newData,
+        currentRecords: newData,
+        total: newData.size,
+        lastUpdate: generateLastUpdate()
+    }, DataSource, 'mergeIn');
+};
+
 export const sortData = (state, { data, stateKey }) => getUpdatedRecord(
     state, stateKey, {
         data: data,

src/reducers/components/datasource.js

@@ -12,26 +12,28 @@ import {
     SET_TREE_NODE_VISIBILITY,
     SET_TREE_DATA_PARTIAL,
     SORT_DATA,
-    UPDATE_ROW
+    UPDATE_ROW,
+    INSERT_ROW
 } from '../../constants/ActionTypes';
 
 import
     handleActions
 from './../../util/handleActions';
 
 import {
-    setData,
-    setPartialTreeData,
-    dismissEditor,
-    removeRow,
-    updateRow,
     addNewRow,
+    clearFilter,
+    dismissEditor,
+    filterData,
+    insertRow,
     moveNode,
-    setTreeNodeVisibility,
+    removeRow,
     saveRow,
+    setData,
+    setPartialTreeData,
+    setTreeNodeVisibility,
     sortData,
-    filterData,
-    clearFilter
+    updateRow
 } from './../actionHelpers/datasource';
 
 const initialState = new OrderedMap();
@@ -41,6 +43,7 @@ export default handleActions({
     [CLEAR_FILTER_LOCAL]: clearFilter,
     [DISMISS_EDITOR]: dismissEditor,
     [FILTER_DATA]: filterData,
+    [INSERT_ROW]: insertRow,
     [MOVE_NODE]: moveNode,
     [REMOVE_ROW]: removeRow,
     [SAVE_ROW]: saveRow,

test/reducers/components/datasource.test.js

@@ -11,7 +11,8 @@ import {
     SORT_DATA,
     CLEAR_FILTER_LOCAL,
     FILTER_DATA,
-    UPDATE_ROW
+    UPDATE_ROW,
+    INSERT_ROW
 } from './../../../src/constants/ActionTypes';
 
 import
@@ -133,6 +134,101 @@ describe('The grid dataSource reducer setData func', () => {
 
 });
 
+describe('The grid dataSource reducer insertRow func', () => {
+    beforeEach(() => resetLastUpdate());
+
+    it('Should insert an item into dataSource', () => {
+
+        const inState = testState({
+            'test-grid': new DataSourceRecord({
+                data: fromJS([
+                    { cell: 1 },
+                    { cell: 2 }
+                ]),
+                total: 2
+            })
+        });
+
+        const action = {
+            stateKey: 'test-grid',
+            data: { cell: 43 },
+            index: 1,
+            type: INSERT_ROW
+        };
+
+        expect(
+            dataSource(inState, action).get('test-grid')
+        ).toEqualImmutable(
+            new DataSourceRecord({
+                proxy: fromJS([
+                    { cell: 1 },
+                    { cell: 43 },
+                    { cell: 2 }
+                ]),
+                total: 3,
+                data: fromJS([
+                    { cell: 1 },
+                    { cell: 43 },
+                    { cell: 2 }
+                ]),
+                currentRecords: fromJS([
+                    { cell: 1 },
+                    { cell: 43 },
+                    { cell: 2 }
+                ]),
+                isEditing: false,
+                lastUpdate: 1
+            })
+        );
+
+    });
+
+    it('Should insert an item to beginning of dataSource', () => {
+
+        const inState = testState({
+            'test-grid': new DataSourceRecord({
+                data: fromJS([
+                    { cell: 1 },
+                    { cell: 2 }
+                ]),
+                total: 2
+            })
+        });
+
+        const action = {
+            stateKey: 'test-grid',
+            data: { cell: 43 },
+            type: INSERT_ROW
+        };
+
+        expect(
+            dataSource(inState, action).get('test-grid')
+        ).toEqualImmutable(
+            new DataSourceRecord({
+                proxy: fromJS([
+                    { cell: 43 },
+                    { cell: 1 },
+                    { cell: 2 }
+                ]),
+                total: 3,
+                data: fromJS([
+                    { cell: 43 },
+                    { cell: 1 },
+                    { cell: 2 }
+                ]),
+                currentRecords: fromJS([
+                    { cell: 43 },
+                    { cell: 1 },
+                    { cell: 2 }
+                ]),
+                isEditing: false,
+                lastUpdate: 1
+            })
+        );
+
+    });
+});
+
 describe('The grid dataSource reducer dissmissEditor func', () => {
     beforeEach(() => resetLastUpdate());