material-react-table-narender 2.13.21 → 2.13.23

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.13.21",
+  "version": "2.13.23",
   "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/buttons/MRT_ToggleNavigationButton.tsx

@@ -32,10 +32,10 @@ export const MRT_ToggleNavigationButton = <TData extends MRT_RowData>({
   return (
     <Tooltip
       open={tooltipOpened}
-      title={rest?.title ?? localization.keyboardNavigation}
+      title={rest?.title ?? localization.toggleFullScreen}
     >
       <IconButton
-        aria-label={localization.keyboardNavigation}
+        aria-label={localization.toggleFullScreen}
         onClick={handleToggleFullScreen}
         onMouseEnter={() => setTooltipOpened(true)}
         onMouseLeave={() => setTooltipOpened(false)}

package/src/components/toolbar/MRT_ToolbarInternalButtons.tsx

@@ -30,7 +30,7 @@ export const MRT_ToolbarInternalButtons = <TData extends MRT_RowData>({
       enableHiding,
       initialState,
       renderToolbarInternalActions,
-      enableKeyboardShortcuts
+      // enableKeyboardShortcuts
     },
   } = table;
 
@@ -67,9 +67,10 @@ 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/types.ts

@@ -247,7 +247,7 @@ export interface MRT_Localization {
   thenBy: string;
   toggleDensity: string;
   toggleFullScreen: string;
-  keyboardNavigation: string;
+  // keyboardNavigation: string;
   toggleSelectAll: string;
   toggleSelectRow: string;
   toggleVisibility: string;

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') {