@youp-grid/react 0.2.0 → 0.2.1

package/dist/YoupGrid.js

@@ -1420,10 +1420,15 @@ function handleCellKeyDown(context) {
         }
         return;
     }
-    if (isPrintableKey(context.event)) {
+    if (isTextEditingKey(context.event)) {
         if (context.cell.editable && context.cell.column.editor !== "checkbox") {
-            context.event.preventDefault();
-            context.startEditing(createEditingCell(context.cell, context.event.key));
+            if (canUseKeyAsInitialDraft(context.event)) {
+                context.event.preventDefault();
+                context.startEditing(createEditingCell(context.cell, context.event.key));
+            }
+            else {
+                context.startEditing(createEditingCell(context.cell, ""));
+            }
         }
         return;
     }
@@ -1888,8 +1893,24 @@ function getCellTitle(meta, disabledReason, editable) {
     }
     return undefined;
 }
-function isPrintableKey(event) {
-    return event.key.length === 1 && !event.metaKey && !event.ctrlKey && !event.altKey;
+function isTextEditingKey(event) {
+    if (event.metaKey || event.ctrlKey || event.altKey) {
+        return false;
+    }
+    return event.key.length === 1 || isCompositionEditingKey(event);
+}
+function canUseKeyAsInitialDraft(event) {
+    return event.key.length === 1 && isAsciiPrintableKey(event.key) && !isCompositionEditingKey(event);
+}
+function isCompositionEditingKey(event) {
+    return (event.nativeEvent.isComposing ||
+        event.key === "Process" ||
+        event.key === "Dead" ||
+        event.key === "Unidentified" ||
+        event.keyCode === 229);
+}
+function isAsciiPrintableKey(key) {
+    return key >= " " && key <= "~";
 }
 function isUndoShortcut(event) {
     return (event.metaKey || event.ctrlKey) && !event.altKey && !event.shiftKey && event.key.toLowerCase() === "z";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youp-grid/react",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React adapter for Youp Grid.",
   "type": "module",
   "main": "./dist/index.js",
@@ -28,7 +28,7 @@
     "build": "tsc -p tsconfig.build.json && cp src/styles.css dist/styles.css"
   },
   "dependencies": {
-    "@youp-grid/core": "0.2.0"
+    "@youp-grid/core": "0.2.1"
   },
   "peerDependencies": {
     "react": ">=18.2.0"