use unicode character class for editOnType (#959)

* use unicode character class for editOnType

* add symbols and punctuation

* add test case

* fix react 18 setup

* drop global flag from regex

Co-authored-by: Copilot <[email protected]>

---------

Co-authored-by: Copilot <[email protected]>

Author: BrianHung

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

@@ -3342,7 +3342,7 @@ const DataEditorImpl: React.ForwardRefRenderFunction<DataEditorRef, DataEditorPr
                 !event.ctrlKey &&
                 gridSelection.current !== undefined &&
                 event.key.length === 1 &&
-                /[ -~]/g.test(event.key) &&
+                /[\p{L}\p{M}\p{N}\p{S}\p{P}]/u.test(event.key) &&
                 event.bounds !== undefined &&
                 isReadWriteCell(getCellContent([col - rowMarkerOffset, Math.max(0, Math.min(row, rows - 1))]))
             ) {

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

@@ -1396,30 +1396,52 @@ describe("data-editor", () => {
             clientX: 300, // Col B
             clientY: 36 + 32 + 16, // Row 1 (0 indexed)
         });
-
-        fireEvent.keyDown(canvas, {
-            keyCode: 74,
-            key: "j",
-        });
-
-        fireEvent.keyUp(canvas, {
-            keyCode: 74,
-            key: "j",
-        });
-
-        const overlay = screen.getByDisplayValue("j");
-        expect(document.body.contains(overlay)).toBe(true);
-
-        vi.useFakeTimers();
-        fireEvent.keyDown(overlay, {
-            key: "Escape",
-        });
-
-        act(() => {
-            vi.runAllTimers();
-        });
-
-        expect(document.body.contains(overlay)).toBe(false);
+        
+        const testKeys = [
+            {
+                keyCode: 74,
+                key: "j",
+            },
+            {
+                keyCode: 381,
+                key: "ž",
+            },
+            {
+                keyCode: 246,
+                key: "ö",
+            },
+            {
+                keyCode: 1096,
+                key: "ш",
+            },
+            {
+                keyCode: 187,
+                key: "+",
+            },
+            {
+                keyCode: 222,
+                key: "'",
+            },
+        ]
+
+        for (const key of testKeys) {
+            fireEvent.keyDown(canvas, key);
+            fireEvent.keyUp(canvas, key);
+    
+            const overlay = screen.getByDisplayValue(key.key);
+            expect(document.body.contains(overlay)).toBe(true);
+    
+            vi.useFakeTimers();
+            fireEvent.keyDown(overlay, {
+                key: "Escape",
+            });
+    
+            act(() => {
+                vi.runAllTimers();
+            });
+    
+            expect(document.body.contains(overlay)).toBe(false);
+        }
     });
 
     test("Open overlay with keypress when prior is disabled", async () => {