material-react-table-narender 2.13.21 → 2.13.23

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. package/dist/index.d.ts +0 -1
  2. package/dist/index.esm.js +38 -32
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +38 -32
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
  7. package/src/components/buttons/MRT_ToggleNavigationButton.tsx +2 -2
  8. package/src/components/toolbar/MRT_ToolbarInternalButtons.tsx +4 -3
  9. package/src/types.ts +1 -1
  10. package/src/utils/cell.utils.ts +33 -33
package/dist/index.js CHANGED
@@ -530,35 +530,39 @@ const cellKeyboardShortcuts = ({ cell, cellElements, cellValue, containerElement
530
530
  debugger;
531
531
  const { getState, setEnableKeyboardShortcuts, } = table;
532
532
  const { enableKeyboardShortcuts } = getState();
533
- // alt + n
534
- // if (event.altKey && event.key.toLocaleLowerCase() === 'n') {
535
- // event.preventDefault();
536
- // setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
537
- // const currentCell = event.currentTarget;
538
- // if (enableKeyboardShortcuts) {
539
- // const input = currentCell.querySelector('input') as HTMLInputElement;
540
- // const select = currentCell.querySelector('select') as HTMLSelectElement;
541
- // const checkbox = currentCell.querySelector('input[type="checkbox"]') as HTMLInputElement;
542
- // const button = currentCell.querySelector('button') as HTMLButtonElement;
543
- // const autocomplete = currentCell.querySelector('.MuiAutocomplete-root input[type="text"]') as HTMLInputElement;
544
- // if (autocomplete) {
545
- // autocomplete.focus();
546
- // autocomplete.select?.();
547
- // } else if (input) {
548
- // input.focus();
549
- // input.select?.();
550
- // } else if (select) {
551
- // select.focus();
552
- // } else if (checkbox) {
553
- // checkbox.focus();
554
- // // checkbox.click();
555
- // } else if (button) {
556
- // button.focus();
557
- // } else {
558
- // currentCell.focus();
559
- // }
560
- // }
561
- // }
533
+ if (event.altKey && event.key.toLocaleLowerCase() === 'n') {
534
+ event.preventDefault();
535
+ setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
536
+ const currentCell = event.currentTarget;
537
+ if (enableKeyboardShortcuts) {
538
+ const input = currentCell.querySelector('input');
539
+ const select = currentCell.querySelector('select');
540
+ const checkbox = currentCell.querySelector('input[type="checkbox"]');
541
+ const button = currentCell.querySelector('button');
542
+ const autocomplete = currentCell.querySelector('.MuiAutocomplete-root input[type="text"]');
543
+ if (autocomplete) {
544
+ autocomplete.focus();
545
+ // autocomplete.select?.();
546
+ }
547
+ else if (input) {
548
+ input.focus();
549
+ // input.select?.();
550
+ }
551
+ else if (select) {
552
+ select.focus();
553
+ }
554
+ else if (checkbox) {
555
+ checkbox.focus();
556
+ // checkbox.click();
557
+ }
558
+ else if (button) {
559
+ button.focus();
560
+ }
561
+ else {
562
+ currentCell.focus();
563
+ }
564
+ }
565
+ }
562
566
  // if (event.altKey && event.key.toLocaleLowerCase() === 'n') {
563
567
  // event.preventDefault();
564
568
  // setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
@@ -4380,20 +4384,22 @@ const MRT_ToggleNavigationButton = (_a) => {
4380
4384
  setTooltipOpened(false);
4381
4385
  setEnableKeyboardShortcuts(!enableKeyboardShortcuts);
4382
4386
  };
4383
- return (jsxRuntime.jsx(Tooltip__default["default"], { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.keyboardNavigation, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.keyboardNavigation, onClick: handleToggleFullScreen, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: undefined, children: enableKeyboardShortcuts ? jsxRuntime.jsx(FullscreenExitIcon, {}) : jsxRuntime.jsx(FullscreenIcon, {}) })) }));
4387
+ return (jsxRuntime.jsx(Tooltip__default["default"], { open: tooltipOpened, title: (_b = rest === null || rest === void 0 ? void 0 : rest.title) !== null && _b !== void 0 ? _b : localization.toggleFullScreen, children: jsxRuntime.jsx(IconButton__default["default"], Object.assign({ "aria-label": localization.toggleFullScreen, onClick: handleToggleFullScreen, onMouseEnter: () => setTooltipOpened(true), onMouseLeave: () => setTooltipOpened(false) }, rest, { title: undefined, children: enableKeyboardShortcuts ? jsxRuntime.jsx(FullscreenExitIcon, {}) : jsxRuntime.jsx(FullscreenIcon, {}) })) }));
4384
4388
  };
4385
4389
 
4386
4390
  const MRT_ToolbarInternalButtons = (_a) => {
4387
4391
  var _b;
4388
4392
  var { table } = _a, rest = __rest(_a, ["table"]);
4389
- const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions, enableKeyboardShortcuts }, } = table;
4393
+ const { options: { columnFilterDisplayMode, enableColumnFilters, enableColumnOrdering, enableColumnPinning, enableDensityToggle, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, initialState, renderToolbarInternalActions,
4394
+ // enableKeyboardShortcuts
4395
+ }, } = table;
4390
4396
  return (jsxRuntime.jsx(Box__default["default"], 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({
4391
4397
  table,
4392
4398
  })) !== null && _b !== void 0 ? _b : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enableFilters &&
4393
4399
  enableGlobalFilter &&
4394
4400
  !(initialState === null || initialState === void 0 ? void 0 : initialState.showGlobalFilter) && (jsxRuntime.jsx(MRT_ToggleGlobalFilterButton, { table: table })), enableFilters &&
4395
4401
  enableColumnFilters &&
4396
- 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 }))] })) })));
4402
+ 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 })] })) })));
4397
4403
  };
4398
4404
 
4399
4405
  const MRT_GlobalFilterTextField = (_a) => {