material-react-table-narender 2.13.22 → 2.13.24

package/dist/index.js

@@ -530,35 +530,39 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
     debugger;
     const { getState, setEnableKeyboardShortcuts, } = table;
     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');
+            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();
+                // 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);
@@ -4393,7 +4397,7 @@ const MRT_ToolbarInternalButtons = (_a) => {
                     enableGlobalFilter &&
                     !(initialState === null || initialState === void 0 ? void 0 : initialState.showGlobalFilter) && (jsxRuntime.jsx(MRT_ToggleGlobalFilterButton, { table: table })), enableFilters &&
                     enableColumnFilters &&
-                    columnFilterDisplayMode !== 'popover' && (jsxRuntime.jsx(MRT_ToggleFiltersButton, { table: table })), (enableHiding || enableColumnOrdering || enableColumnPinning) && (jsxRuntime.jsx(MRT_ShowHideColumnsButton, { table: table })), enableDensityToggle && (jsxRuntime.jsx(MRT_ToggleDensePaddingButton, { table: table })), enableFullScreenToggle && (jsxRuntime.jsx(MRT_ToggleFullScreenButton, { table: table })), jsxRuntime.jsx(MRT_ToggleNavigationButton, { table: table })] })) })));
+                    columnFilterDisplayMode !== 'popover' && (jsxRuntime.jsx(MRT_ToggleFiltersButton, { table: table })), (enableHiding || enableColumnOrdering || enableColumnPinning) && (jsxRuntime.jsx(MRT_ShowHideColumnsButton, { table: table })), enableDensityToggle && (jsxRuntime.jsx(MRT_ToggleDensePaddingButton, { table: table })), enableFullScreenToggle && (jsxRuntime.jsx(MRT_ToggleFullScreenButton, { table: table })), enableKeyboardShortcuts && (jsxRuntime.jsx(MRT_ToggleNavigationButton, { table: table }))] })) })));
 };
 
 const MRT_GlobalFilterTextField = (_a) => {