material-react-table-narender 2.13.12 → 2.13.14

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.13.12",
+  "version": "2.13.14",
   "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/hooks/useMRT_TableInstance.ts

@@ -142,6 +142,14 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
   const [isFullScreen, setIsFullScreen] = useState<boolean>(
     initialState?.isFullScreen ?? false,
   );
+
+  const [enableKeyboardShortcuts, setEnableKeyboardShortcuts] = useState<boolean>(
+    initialState?.enableKeyboardShortcuts ?? false,
+  );
+
+  //   const [isFullScreen, setIsFullScreen] = useState<boolean>(
+  //   initialState?.isFullScreen ?? false,
+  // );
   const [pagination, onPaginationChange] = useState<MRT_PaginationState>(
     initialState?.pagination ?? { pageIndex: 0, pageSize: 10 },
   );
@@ -174,6 +182,7 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
     hoveredColumn,
     hoveredRow,
     isFullScreen,
+    enableKeyboardShortcuts,
     pagination,
     showAlertBanner,
     showColumnFilters,
@@ -302,6 +311,8 @@ export const useMRT_TableInstance = <TData extends MRT_RowData>(
     statefulTableOptions.onHoveredRowChange ?? setHoveredRow;
   table.setIsFullScreen =
     statefulTableOptions.onIsFullScreenChange ?? setIsFullScreen;
+  table.setEnableKeyboardShortcuts =
+    statefulTableOptions.onEnableKeyboardShortcutsChange ?? setEnableKeyboardShortcuts;
   table.setShowAlertBanner =
     statefulTableOptions.onShowAlertBannerChange ?? setShowAlertBanner;
   table.setShowColumnFilters =

package/src/types.ts

@@ -345,6 +345,7 @@ export type MRT_TableInstance<TData extends MRT_RowData> = Omit<
   setShowColumnFilters: Dispatch<SetStateAction<boolean>>;
   setShowGlobalFilter: Dispatch<SetStateAction<boolean>>;
   setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
+  setEnableKeyboardShortcuts : Dispatch<SetStateAction<boolean>>;
 };
 
 export type MRT_DefinedTableOptions<TData extends MRT_RowData> = Omit<
@@ -395,6 +396,7 @@ export interface MRT_TableState<TData extends MRT_RowData> extends TableState {
   hoveredColumn: Partial<MRT_Column<TData>> | null;
   hoveredRow: Partial<MRT_Row<TData>> | null;
   isFullScreen: boolean;
+  enableKeyboardShortcuts : boolean;
   isLoading: boolean;
   isSaving: boolean;
   showAlertBanner: boolean;
@@ -1184,6 +1186,7 @@ export interface MRT_TableOptions<TData extends MRT_RowData>
   onHoveredColumnChange?: OnChangeFn<Partial<MRT_Column<TData>> | null>;
   onHoveredRowChange?: OnChangeFn<Partial<MRT_Row<TData>> | null>;
   onIsFullScreenChange?: OnChangeFn<boolean>;
+  onEnableKeyboardShortcutsChange?: OnChangeFn<boolean>;
   onShowAlertBannerChange?: OnChangeFn<boolean>;
   onShowColumnFiltersChange?: OnChangeFn<boolean>;
   onShowGlobalFilterChange?: OnChangeFn<boolean>;

package/src/utils/cell.utils.ts

@@ -81,9 +81,16 @@ export const cellKeyboardShortcuts = <TData extends MRT_RowData = MRT_RowData>({
 }) => {
   debugger;
 
-  if (event.altKey && event.key.toLowerCase() === 'n') {
+   const {
+    getState,
+    setEnableKeyboardShortcuts,
+  } = table;
+
+   const { enableKeyboardShortcuts } = getState();
+
+  if (event.altKey) {
     event.preventDefault();
-    table.options.enableKeyboardShortcuts = !table.options.enableKeyboardShortcuts;
+    setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
     return;
   }