material-react-table-narender 2.13.21 → 2.13.23

package/dist/index.d.ts

@@ -376,7 +376,6 @@ interface MRT_Localization {
     thenBy: string;
     toggleDensity: string;
     toggleFullScreen: string;
-    keyboardNavigation: string;
     toggleSelectAll: string;
     toggleSelectRow: string;
     toggleVisibility: string;

package/dist/index.esm.js

@@ -439,35 +439,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);
@@ -4289,20 +4293,22 @@ const MRT_ToggleNavigationButton = (_a) => {
         setTooltipOpened(false);
         setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
     };
-    return (jsx(Tooltip, { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.keyboardNavigation, children: jsx(IconButton, Object.assign({ "aria-label": localization.keyboardNavigation, onClick: handleToggleFullScreen, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: undefined, children: enableKeyboardShortcuts ? jsx(FullscreenExitIcon, {}) : jsx(FullscreenIcon, {}) })) }));
+    return (jsx(Tooltip, { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsx(IconButton, Object.assign({ "aria-label": localization.toggleFullScreen, onClick: handleToggleFullScreen, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: undefined, children: enableKeyboardShortcuts ? jsx(FullscreenExitIcon, {}) : jsx(FullscreenIcon, {}) })) }));
 };
 
 const MRT_ToolbarInternalButtons = (_a) => {
     var _b;
     var { table } = _a, rest = __rest(_a, ["table"]);
-    const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions, enableKeyboardShortcuts }, } = table;
+    const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions,
+    // enableKeyboardShortcuts
+     }, } = table;
     return (jsx(Box, Object.assign({}, rest, { sx: (theme) => (Object.assign({ alignItems: 'center', display: 'flex', zIndex: 3 }, parseFromValuesOrFunc(rest === null || rest === void 0 ? void 0 : rest.sx, theme))), children: (_b = renderToolbarInternalActions === null || renderToolbarInternalActions === void 0 ? void 0 : renderToolbarInternalActions({
             table,
         })) !== null && _b !== void 0 ? _b : (jsxs(Fragment, { children: [enableFilters &&
                     enableGlobalFilter &&
                     !(initialState === null || initialState === void 0 ? void 0 : initialState.showGlobalFilter) && (jsx(MRT_ToggleGlobalFilterButton, { table: table })), enableFilters &&
                     enableColumnFilters &&
-                    columnFilterDisplayMode !== 'popover' && (jsx(MRT_ToggleFiltersButton, { table: table })), (enableHiding || enableColumnOrdering || enableColumnPinning) && (jsx(MRT_ShowHideColumnsButton, { table: table })), enableDensityToggle && (jsx(MRT_ToggleDensePaddingButton, { table: table })), enableFullScreenToggle && (jsx(MRT_ToggleFullScreenButton, { table: table })), enableKeyboardShortcuts && (jsx(MRT_ToggleNavigationButton, { table: table }))] })) })));
+                    columnFilterDisplayMode !== 'popover' && (jsx(MRT_ToggleFiltersButton, { table: table })), (enableHiding || enableColumnOrdering || enableColumnPinning) && (jsx(MRT_ShowHideColumnsButton, { table: table })), enableDensityToggle && (jsx(MRT_ToggleDensePaddingButton, { table: table })), enableFullScreenToggle && (jsx(MRT_ToggleFullScreenButton, { table: table })), jsx(MRT_ToggleNavigationButton, { table: table })] })) })));
 };
 
 const MRT_GlobalFilterTextField = (_a) => {