feat: add onKeyDown event on custom cell renderer

Author: tyengibaryan

packages/core/src/cells/cell-types.ts

@@ -91,6 +91,22 @@ interface BaseCellRenderer<T extends InnerGridCell> {
         } & BaseGridMouseEventArgs
     ) => void;
     readonly onDelete?: (cell: T) => T | undefined;
+
+    readonly onKeyDown?: (
+        args: {
+            readonly cell: T;
+            readonly bounds: Rectangle;
+            readonly location: Item;
+            readonly theme: FullTheme;
+            readonly preventDefault: () => void;
+            readonly key: string;
+            readonly keyCode: number;
+            readonly altKey: boolean;
+            readonly shiftKey: boolean;
+            readonly ctrlKey: boolean;
+            readonly metaKey: boolean;
+        }
+    ) => T | undefined;
 }
 
 /** @category Renderers */

packages/core/src/data-editor/data-editor.tsx

@@ -3498,6 +3498,43 @@ const DataEditorImpl: React.ForwardRefRenderFunction<DataEditorRef, DataEditorPr
 
             if (cancelled) return;
 
+            if (event.location !== undefined && event.bounds !== undefined && !overlayOpen) {
+                const [col, row] = event.location;
+                const cell = getMangledCellContent([col, row]);
+                const renderer = getCellRenderer(cell);
+
+                if (renderer?.onKeyDown !== undefined) {
+                    let prevented = false;
+                    const newVal = renderer.onKeyDown({
+                        cell,
+                        bounds: event.bounds,
+                        location: [col - rowMarkerOffset, row],
+                        theme: themeForCell(cell, event.location),
+                        preventDefault: () => {
+                            prevented = true;
+                        },
+                        key: event.key,
+                        keyCode: event.keyCode,
+                        altKey: event.altKey,
+                        shiftKey: event.shiftKey,
+                        ctrlKey: event.ctrlKey,
+                        metaKey: event.metaKey,
+                    });
+
+                    if (prevented) {
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }
+
+                    if (newVal !== undefined && !isInnerOnlyCell(newVal) && isEditableGridCell(newVal) && newVal.readonly !== true) {
+                        mangledOnCellsEdited([{ location: event.location, value: newVal }]);
+                        gridRef.current?.damage([{ cell: event.location }]);
+                    }
+
+                    if (prevented) return;
+                }
+            }
+
             if (handleFixedKeybindings(event)) return;
 
             if (gridSelection.current === undefined) return;