material-react-table-narender 2.13.8 → 2.13.10

package/dist/index.esm.js

@@ -435,7 +435,7 @@ const openEditingCell = ({ cell, table, }) => {
     }
 };
 const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement, event, header, parentElement, table, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     debugger;
     if (!table.options.enableKeyboardShortcuts)
         return;
@@ -491,6 +491,35 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
             event.preventDefault();
             header.column.toggleSorting();
         }
+        else if ("Enter" === event.key) {
+            debugger;
+            event.preventDefault();
+            const input = currentCell.querySelector('input');
+            const select = currentCell.querySelector('select');
+            const checkbox = currentCell.querySelector('input[type="checkbox"]');
+            const button = currentCell.querySelector('button');
+            const autocomplete = currentCell.querySelector('.MuiAutocomplete-root input[type="text"]');
+            // Focus the appropriate element
+            if (input) {
+                input.focus();
+                (_j = input.select) === null || _j === void 0 ? void 0 : _j.call(input);
+            }
+            else if (select) {
+                select.focus();
+            }
+            else if (checkbox) {
+                checkbox.focus();
+                checkbox.click();
+            }
+            else if (button) {
+                button.focus();
+                button.click();
+            }
+            else if (autocomplete) {
+                autocomplete.focus();
+                (_k = autocomplete.select) === null || _k === void 0 ? void 0 : _k.call(autocomplete);
+            }
+        }
     }
     else if ([
         'ArrowRight',
@@ -523,9 +552,8 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
                     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;
                     }
                 }