material-react-table-narender 2.13.16 → 2.13.18
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +12 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +12 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/body/MRT_TableBodyCell.tsx +1 -0
- package/src/components/footer/MRT_TableFooterCell.tsx +1 -1
- package/src/utils/cell.utils.ts +16 -3
package/package.json
CHANGED
@@ -231,6 +231,7 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
|
|
231
231
|
|
232
232
|
const handleKeyDown = (event: React.KeyboardEvent<HTMLTableCellElement>) => {
|
233
233
|
tableCellProps?.onKeyDown?.(event);
|
234
|
+
debugger;
|
234
235
|
cellKeyboardShortcuts({
|
235
236
|
cell,
|
236
237
|
cellValue: cell.getValue<string>(),
|
@@ -71,7 +71,7 @@ export const MRT_TableFooterCell = <TData extends MRT_RowData>({
|
|
71
71
|
tabIndex={enableKeyboardShortcuts ? 0 : undefined}
|
72
72
|
variant="footer"
|
73
73
|
{...tableCellProps}
|
74
|
-
|
74
|
+
onKeyDown={handleKeyDown}
|
75
75
|
sx={(theme) => ({
|
76
76
|
fontWeight: 'bold',
|
77
77
|
p:
|
package/src/utils/cell.utils.ts
CHANGED
@@ -79,19 +79,32 @@ export const cellKeyboardShortcuts = <TData extends MRT_RowData = MRT_RowData>({
|
|
79
79
|
parentElement?: HTMLTableRowElement;
|
80
80
|
table: MRT_TableInstance<TData>;
|
81
81
|
}) => {
|
82
|
+
|
82
83
|
debugger;
|
83
|
-
|
84
84
|
const {
|
85
85
|
getState,
|
86
86
|
setEnableKeyboardShortcuts,
|
87
87
|
} = table;
|
88
88
|
|
89
|
+
|
90
|
+
|
89
91
|
const { enableKeyboardShortcuts } = getState();
|
90
92
|
|
91
|
-
if (event.altKey
|
93
|
+
if (event.altKey) {
|
92
94
|
event.preventDefault();
|
93
95
|
setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
|
94
|
-
|
96
|
+
const currentCell = event.currentTarget;
|
97
|
+
|
98
|
+
|
99
|
+
if (enableKeyboardShortcuts) {
|
100
|
+
currentCell.style.outline = '2px solid red';
|
101
|
+
// setTimeout(() => {
|
102
|
+
// currentCell.style.outline = '';
|
103
|
+
// },
|
104
|
+
// 1000);
|
105
|
+
currentCell.focus();
|
106
|
+
return;
|
107
|
+
}
|
95
108
|
}
|
96
109
|
|
97
110
|
// if (!table.options.enableKeyboardShortcuts) return;
|