SURVEY-17202 adding the ability to place a cell in editing mode

src/contexts/GridContext.tsx

@@ -3,6 +3,7 @@ import { CsvExportParams } from "ag-grid-community/dist/lib/interfaces/exportPar
 import { createContext, useContext } from "react";
 
 import { ColDefT, GridBaseRow } from "../components";
+import {Column} from "ag-grid-community/dist/lib/entities/column";
 
 export type GridFilterExternal<RowType extends GridBaseRow> = (data: RowType, rowNode: RowNode) => boolean;
 
@@ -39,6 +40,7 @@ export interface GridContextType<RowType extends GridBaseRow> {
   autoSizeColumns: (props?: AutoSizeColumnsProps) => AutoSizeColumnsResult;
   sizeColumnsToFit: () => void;
   cancelEdit: () => void;
+  startEditing: (rowIndex: number, colKey: string | Column, rowPinned?: string) => void;
   stopEditing: () => void;
   updatingCells: (
     props: { selectedRows: GridBaseRow[]; field?: string },
@@ -147,6 +149,9 @@ export const GridContext = createContext<GridContextType<any>>({
   cancelEdit: () => {
     console.error("no context provider for cancelEdit");
   },
+  startEditing: () => {
+    console.error("no context provider for startEditing");
+  },
   stopEditing: () => {
     console.error("no context provider for stopEditing");
   },

src/contexts/GridContextProvider.tsx

@@ -10,6 +10,7 @@ import { ColDefT, GridBaseRow } from "../components";
 import { isNotEmpty, sanitiseFileName, wait } from "../utils/util";
 import { AutoSizeColumnsProps, AutoSizeColumnsResult, GridContext, GridFilterExternal } from "./GridContext";
 import { GridUpdatingContext } from "./GridUpdatingContext";
+import {Column} from "ag-grid-community/dist/lib/entities/column";
 
 interface GridContextProps {
   children: ReactNode;
@@ -377,6 +378,19 @@ export const GridContextProvider = <RowType extends GridBaseRow>(props: GridCont
     gridApi.stopEditing();
   }, [gridApi]);
 
+  const startEditing = useCallback(
+    (rowIndex: number, colKey: string | Column, rowPinned?: string): void => {
+      if (!gridApi) return;
+      gridApi.setFocusedCell(rowIndex, colKey, rowPinned);
+      gridApi.startEditingCell({
+        rowIndex,
+        colKey,
+        rowPinned,
+      });
+    },
+    [gridApi],
+  );
+
   /**
    * This differs from stopEdit in that it will also invoke cellEditingCompleteCallback
    */
@@ -618,6 +632,7 @@ export const GridContextProvider = <RowType extends GridBaseRow>(props: GridCont
         ensureSelectedRowIsVisible,
         sizeColumnsToFit,
         autoSizeColumns,
+        startEditing,
         stopEditing,
         cancelEdit,
         updatingCells,