material-react-table-narender 2.13.8 → 2.13.10

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.13.8",
+  "version": "2.13.10",
   "license": "MIT",
   "name": "material-react-table-narender",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/utils/cell.utils.ts

@@ -136,6 +136,33 @@ export const cellKeyboardShortcuts = <TData extends MRT_RowData = MRT_RowData>({
       event.preventDefault();
       header.column.toggleSorting();
     }
+   else if ("Enter" === event.key) {
+      
+  debugger;
+       event.preventDefault();
+const input = currentCell.querySelector('input') as HTMLInputElement;
+const select = currentCell.querySelector('select') as HTMLSelectElement;
+const checkbox = currentCell.querySelector('input[type="checkbox"]') as HTMLInputElement;
+const button = currentCell.querySelector('button') as HTMLButtonElement;
+const autocomplete = currentCell.querySelector('.MuiAutocomplete-root input[type="text"]') as HTMLInputElement;
+
+// Focus the appropriate element
+if (input) {
+  input.focus();
+  input.select?.();
+} else if (select) {
+  select.focus();
+} else if (checkbox) {
+  checkbox.focus();
+  checkbox.click(); 
+} else if (button) {
+  button.focus();
+  button.click(); 
+} else if (autocomplete) {
+  autocomplete.focus();
+  autocomplete.select?.();
+}
+    }
   } else if (
     [
       'ArrowRight',
@@ -179,11 +206,10 @@ if (['ArrowDown','ArrowUp'].includes(event.key)) {
         return; // Exit if it's an Autocomplete and it is focused
       }
       if (event.key === 'ArrowUp') {
-        // check if the autocomplete is open
-        const autocompleteList = currentCell.querySelector('.MuiAutocomplete-popper');
-        if (autocompleteList) {
+           const popper = document.querySelector('.MuiPopper-root');
+          if (popper && getComputedStyle(popper).visibility === 'visible') {
           return;
-        }
+          }
       }
     }