material-react-table-narender 2.13.18 → 2.13.20

package/dist/index.esm.js

@@ -435,22 +435,42 @@ const openEditingCell = ({ cell, table, }) => {
     }
 };
 const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement, event, header, parentElement, table, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     debugger;
     const { getState, setEnableKeyboardShortcuts, } = table;
     const { enableKeyboardShortcuts } = getState();
-    if (event.altKey) {
+    //  alt + n
+    if (event.altKey && event.key.toLocaleLowerCase() === 'n') {
         event.preventDefault();
         setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
         const currentCell = event.currentTarget;
         if (enableKeyboardShortcuts) {
-            currentCell.style.outline = '2px solid red';
-            // setTimeout(() => {
-            //   currentCell.style.outline = '';
-            // },
-            // 1000);
-            currentCell.focus();
-            return;
+            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"]');
+            if (autocomplete) {
+                autocomplete.focus();
+                (_a = autocomplete.select) === null || _a === void 0 ? void 0 : _a.call(autocomplete);
+            }
+            else if (input) {
+                input.focus();
+                (_b = input.select) === null || _b === void 0 ? void 0 : _b.call(input);
+            }
+            else if (select) {
+                select.focus();
+            }
+            else if (checkbox) {
+                checkbox.focus();
+                // checkbox.click();
+            }
+            else if (button) {
+                button.focus();
+            }
+            else {
+                currentCell.focus();
+            }
         }
     }
     // if (!table.options.enableKeyboardShortcuts) return;
@@ -463,7 +483,7 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
         navigator.clipboard.writeText(cellValue);
     }
     else if (['Enter', ' '].includes(event.key)) {
-        if (((_a = cell === null || cell === void 0 ? void 0 : cell.column) === null || _a === void 0 ? void 0 : _a.id) === 'mrt-row-select') {
+        if (((_c = cell === null || cell === void 0 ? void 0 : cell.column) === null || _c === void 0 ? void 0 : _c.id) === 'mrt-row-select') {
             event.preventDefault();
             getMRT_RowSelectionHandler({
                 row: cell.row,
@@ -472,20 +492,20 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
                 staticRowIndex: +event.target.getAttribute('data-index'),
             })(event);
         }
-        else if (((_b = header === null || header === void 0 ? void 0 : header.column) === null || _b === void 0 ? void 0 : _b.id) === 'mrt-row-select' &&
+        else if (((_d = header === null || header === void 0 ? void 0 : header.column) === null || _d === void 0 ? void 0 : _d.id) === 'mrt-row-select' &&
             table.options.enableSelectAll) {
             event.preventDefault();
             getMRT_SelectAllHandler({
                 table,
             })(event);
         }
-        else if (((_c = cell === null || cell === void 0 ? void 0 : cell.column) === null || _c === void 0 ? void 0 : _c.id) === 'mrt-row-expand' &&
+        else if (((_e = cell === null || cell === void 0 ? void 0 : cell.column) === null || _e === void 0 ? void 0 : _e.id) === 'mrt-row-expand' &&
             (cell.row.getCanExpand() ||
-                ((_e = (_d = table.options).renderDetailPanel) === null || _e === void 0 ? void 0 : _e.call(_d, { row: cell.row, table })))) {
+                ((_g = (_f = table.options).renderDetailPanel) === null || _g === void 0 ? void 0 : _g.call(_f, { row: cell.row, table })))) {
             event.preventDefault();
             cell.row.toggleExpanded();
         }
-        else if (((_f = header === null || header === void 0 ? void 0 : header.column) === null || _f === void 0 ? void 0 : _f.id) === 'mrt-row-expand' &&
+        else if (((_h = header === null || header === void 0 ? void 0 : header.column) === null || _h === void 0 ? void 0 : _h.id) === 'mrt-row-expand' &&
             table.options.enableExpandAll) {
             event.preventDefault();
             table.toggleAllRowsExpanded();
@@ -494,7 +514,7 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
             event.preventDefault();
             cell.row.getIsPinned()
                 ? cell.row.pin(false)
-                : cell.row.pin(((_g = table.options.rowPinningDisplayMode) === null || _g === void 0 ? void 0 : _g.includes('bottom'))
+                : cell.row.pin(((_j = table.options.rowPinningDisplayMode) === null || _j === void 0 ? void 0 : _j.includes('bottom'))
                     ? 'bottom'
                     : 'top');
         }
@@ -504,7 +524,7 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
                 actionsButton.click();
             }
         }
-        else if ((_h = header === null || header === void 0 ? void 0 : header.column) === null || _h === void 0 ? void 0 : _h.getCanSort()) {
+        else if ((_k = header === null || header === void 0 ? void 0 : header.column) === null || _k === void 0 ? void 0 : _k.getCanSort()) {
             event.preventDefault();
             header.column.toggleSorting();
         }
@@ -519,11 +539,11 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
             // Focus the appropriate element
             if (autocomplete) {
                 autocomplete.focus();
-                (_j = autocomplete.select) === null || _j === void 0 ? void 0 : _j.call(autocomplete);
+                (_l = autocomplete.select) === null || _l === void 0 ? void 0 : _l.call(autocomplete);
             }
             else if (input) {
                 input.focus();
-                (_k = input.select) === null || _k === void 0 ? void 0 : _k.call(input);
+                (_m = input.select) === null || _m === void 0 ? void 0 : _m.call(input);
             }
             else if (select) {
                 select.focus();