Add exitEditMode prop to DataEditor

src/ActiveCell.tsx

@@ -28,6 +28,9 @@ const ActiveCell: React.FC<Props> = (props) => {
       dispatch(Actions.commit(changes)),
     [dispatch]
   );
+  const view = React.useCallback(() => {
+    dispatch(Actions.view());
+  }, [dispatch]);
   const active = useSelector((state) => state.active);
   const mode = useSelector((state) => state.mode);
   const cell = useSelector((state) =>
@@ -112,6 +115,7 @@ const ActiveCell: React.FC<Props> = (props) => {
           cell={cell}
           // @ts-ignore
           onChange={handleChange}
+          exitEditMode={view}
         />
       )}
     </div>

src/DataEditor.test.tsx

@@ -20,6 +20,7 @@ const EXAMPLE_PROPS: Types.DataEditorProps = {
   column: 0,
   cell: EXAMPLE_CELL,
   onChange: ON_CHANGE_MOCK,
+  exitEditMode: jest.fn(),
 };
 
 beforeEach(() => {

src/types.ts

@@ -130,6 +130,8 @@ export type DataEditorProps<Cell extends CellBase = CellBase> =
   DataComponentProps<Cell> & {
     /** Callback to be called when the cell's value is changed */
     onChange: (cell: Cell) => void;
+    /** Callback to be called when edit mode should be exited */
+    exitEditMode: () => void;
   };
 
 /** Type of the Spreadsheet DataEditor component */