material-react-table-narender 2.13.22 → 2.13.23
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +36 -30
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +36 -30
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/toolbar/MRT_ToolbarInternalButtons.tsx +1 -1
- package/src/utils/cell.utils.ts +33 -33
package/dist/index.esm.js
CHANGED
@@ -439,35 +439,39 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
|
|
439
439
|
debugger;
|
440
440
|
const { getState, setEnableKeyboardShortcuts, } = table;
|
441
441
|
const { enableKeyboardShortcuts } = getState();
|
442
|
-
|
443
|
-
|
444
|
-
|
445
|
-
|
446
|
-
|
447
|
-
|
448
|
-
|
449
|
-
|
450
|
-
|
451
|
-
|
452
|
-
|
453
|
-
|
454
|
-
|
455
|
-
|
456
|
-
|
457
|
-
|
458
|
-
|
459
|
-
|
460
|
-
|
461
|
-
|
462
|
-
|
463
|
-
|
464
|
-
|
465
|
-
|
466
|
-
|
467
|
-
|
468
|
-
|
469
|
-
|
470
|
-
|
442
|
+
if (event.altKey && event.key.toLocaleLowerCase() === 'n') {
|
443
|
+
event.preventDefault();
|
444
|
+
setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
|
445
|
+
const currentCell = event.currentTarget;
|
446
|
+
if (enableKeyboardShortcuts) {
|
447
|
+
const input = currentCell.querySelector('input');
|
448
|
+
const select = currentCell.querySelector('select');
|
449
|
+
const checkbox = currentCell.querySelector('input[type="checkbox"]');
|
450
|
+
const button = currentCell.querySelector('button');
|
451
|
+
const autocomplete = currentCell.querySelector('.MuiAutocomplete-root input[type="text"]');
|
452
|
+
if (autocomplete) {
|
453
|
+
autocomplete.focus();
|
454
|
+
// autocomplete.select?.();
|
455
|
+
}
|
456
|
+
else if (input) {
|
457
|
+
input.focus();
|
458
|
+
// input.select?.();
|
459
|
+
}
|
460
|
+
else if (select) {
|
461
|
+
select.focus();
|
462
|
+
}
|
463
|
+
else if (checkbox) {
|
464
|
+
checkbox.focus();
|
465
|
+
// checkbox.click();
|
466
|
+
}
|
467
|
+
else if (button) {
|
468
|
+
button.focus();
|
469
|
+
}
|
470
|
+
else {
|
471
|
+
currentCell.focus();
|
472
|
+
}
|
473
|
+
}
|
474
|
+
}
|
471
475
|
// if (event.altKey && event.key.toLocaleLowerCase() === 'n') {
|
472
476
|
// event.preventDefault();
|
473
477
|
// setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
|
@@ -4295,7 +4299,9 @@ const MRT_ToggleNavigationButton = (_a) => {
|
|
4295
4299
|
const MRT_ToolbarInternalButtons = (_a) => {
|
4296
4300
|
var _b;
|
4297
4301
|
var { table } = _a, rest = __rest(_a, ["table"]);
|
4298
|
-
const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions,
|
4302
|
+
const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions,
|
4303
|
+
// enableKeyboardShortcuts
|
4304
|
+
}, } = table;
|
4299
4305
|
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({
|
4300
4306
|
table,
|
4301
4307
|
})) !== null && _b !== void 0 ? _b : (jsxs(Fragment, { children: [enableFilters &&
|