fix(react-grid): correct focus behavior when switching to row edit mode (#455)

Author: gsobolev

packages/dx-grid-core/src/plugins/table-edit-row/computeds.js

@@ -8,7 +8,6 @@ export const tableRowsWithEditing = (tableRows, editingRows, addedRows, rowHeigh
       tableRow.type === TABLE_DATA_TYPE && rowIds.has(tableRow.rowId)
         ? {
           ...tableRow,
-          key: `${TABLE_EDIT_TYPE}_${tableRow.rowId}`,
           type: TABLE_EDIT_TYPE,
           height: rowHeight,
         }

packages/dx-grid-core/src/plugins/table-edit-row/computeds.test.js

@@ -9,7 +9,12 @@ describe('TableEditRow Plugin computeds', () => {
     it('should work', () => {
       const tableRows = [
         { type: TABLE_DATA_TYPE, rowId: 1, row: 'row1' },
-        { type: TABLE_DATA_TYPE, rowId: 2, row: 'row2' },
+        {
+          key: `${TABLE_DATA_TYPE}_2`,
+          type: TABLE_DATA_TYPE,
+          rowId: 2,
+          row: 'row2',
+        },
         { type: 'undefined', rowId: 2, row: 'row2' },
       ];
       const editingRows = [2];
@@ -33,7 +38,7 @@ describe('TableEditRow Plugin computeds', () => {
           },
           { type: TABLE_DATA_TYPE, rowId: 1, row: 'row1' },
           {
-            key: `${TABLE_EDIT_TYPE}_2`,
+            key: `${TABLE_DATA_TYPE}_2`,
             type: TABLE_EDIT_TYPE,
             rowId: 2,
             row: 'row2',