Expose unselectCell on DataGrid handle

Author: marcellofuschi

src/DataGrid.tsx

@@ -111,6 +111,7 @@ export interface DataGridHandle {
   element: HTMLDivElement | null;
   scrollToCell: (position: PartialPosition) => void;
   selectCell: (position: Position, options?: SelectCellOptions) => void;
+  unselectCell: () => void;
 }
 
 type SharedDivProps = Pick<
@@ -547,7 +548,8 @@ export function DataGrid<R, SR = unknown, K extends Key = Key>(props: DataGridPr
           setScrollToPosition({ idx: scrollToIdx, rowIdx: scrollToRowIdx });
         }
       },
-      selectCell
+      selectCell,
+      unselectCell
     })
   );
 
@@ -859,6 +861,13 @@ export function DataGrid<R, SR = unknown, K extends Key = Key>(props: DataGridPr
     }
   }
 
+  function unselectCell(): void {
+    commitEditorChanges();
+
+    setShouldFocusCell(false);
+    setSelectedPosition({ idx: -1, rowIdx: minRowIdx - 1, mode: 'SELECT' });
+  }
+
   function selectHeaderCell({ idx, rowIdx }: Position): void {
     selectCell({ rowIdx: minRowIdx + rowIdx - 1, idx });
   }
@@ -1368,3 +1377,4 @@ function getCellToScroll(gridEl: HTMLDivElement) {
 function isSamePosition(p1: Position, p2: Position) {
   return p1.idx === p2.idx && p1.rowIdx === p2.rowIdx;
 }
+