material-react-table-narender 2.13.22 → 2.13.24

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.13.22",
+  "version": "2.13.24",
   "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/components/toolbar/MRT_ToolbarInternalButtons.tsx

@@ -67,10 +67,9 @@ export const MRT_ToolbarInternalButtons = <TData extends MRT_RowData>({
           {enableFullScreenToggle && (
             <MRT_ToggleFullScreenButton table={table} />
           )}
-          {/* {enableKeyboardShortcuts && ( 
+          {enableKeyboardShortcuts && ( 
             <MRT_ToggleNavigationButton table={table} />
-           )}  */}
-         <MRT_ToggleNavigationButton table={table} />
+           )} 
         </>
       )}
     </Box>

package/src/utils/cell.utils.ts

@@ -90,40 +90,40 @@ export const cellKeyboardShortcuts = <TData extends MRT_RowData = MRT_RowData>({
 
    const { enableKeyboardShortcuts } = getState();
 
-  //  alt + n
-// if (event.altKey && event.key.toLocaleLowerCase() === 'n') {
-//     event.preventDefault();
-//     setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
-//     const currentCell = event.currentTarget;
-
-
-//  if (enableKeyboardShortcuts) {
-//   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;
-
-
-//   if (autocomplete) {
-//     autocomplete.focus();
-//     autocomplete.select?.();
-//   } else if (input) {
-//     input.focus();
-//     input.select?.();
-//   } else if (select) {
-//     select.focus();
-//   } else if (checkbox) {
-//     checkbox.focus();
-//     // checkbox.click();
-//   } else if (button) {
-//     button.focus();
-//   } else {
-//     currentCell.focus();
-//   }
-// }
 
-// }
+if (event.altKey && event.key.toLocaleLowerCase() === 'n') {
+    event.preventDefault();
+    setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
+    const currentCell = event.currentTarget;
+
+
+ if (enableKeyboardShortcuts) {
+  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;
+
+
+  if (autocomplete) {
+    autocomplete.focus();
+    // autocomplete.select?.();
+  } else if (input) {
+    input.focus();
+    // input.select?.();
+  } else if (select) {
+    select.focus();
+  } else if (checkbox) {
+    checkbox.focus();
+    // checkbox.click();
+  } else if (button) {
+    button.focus();
+  } else {
+    currentCell.focus();
+  }
+}
+
+}
 
 
 //  if (event.altKey && event.key.toLocaleLowerCase() === 'n') {