material-react-table-narender 2.13.17 → 2.13.18

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.13.17",
+  "version": "2.13.18",
   "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/body/MRT_TableBodyCell.tsx

@@ -231,6 +231,7 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
 
   const handleKeyDown = (event: React.KeyboardEvent<HTMLTableCellElement>) => {
     tableCellProps?.onKeyDown?.(event);
+    debugger;
     cellKeyboardShortcuts({
       cell,
       cellValue: cell.getValue<string>(),

package/src/components/footer/MRT_TableFooterCell.tsx

@@ -71,7 +71,7 @@ export const MRT_TableFooterCell = <TData extends MRT_RowData>({
       tabIndex={enableKeyboardShortcuts ? 0 : undefined}
       variant="footer"
       {...tableCellProps}
-          onKeyDown={handleKeyDown}
+      onKeyDown={handleKeyDown}
       sx={(theme) => ({
         fontWeight: 'bold',
         p:

package/src/utils/cell.utils.ts

@@ -79,20 +79,32 @@ export const cellKeyboardShortcuts = <TData extends MRT_RowData = MRT_RowData>({
   parentElement?: HTMLTableRowElement;
   table: MRT_TableInstance<TData>;
 }) => {
+ 
   debugger;
-
    const {
     getState,
     setEnableKeyboardShortcuts,
   } = table;
 
+
+
    const { enableKeyboardShortcuts } = getState();
 
-if (event.altKey && event.key.toLowerCase() === 'n') {
+if (event.altKey) {
     event.preventDefault();
     setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
     const currentCell = event.currentTarget;
-    currentCell.focus();
+
+
+    if (enableKeyboardShortcuts) {
+      currentCell.style.outline = '2px solid red';
+      // setTimeout(() => {
+      //   currentCell.style.outline = '';
+      // },
+      // 1000);
+      currentCell.focus();
+      return;
+    }
   }
 
   // if (!table.options.enableKeyboardShortcuts) return;