material-react-table 1.5.0-beta.2 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +1 -1
  2. package/dist/cjs/index.js +11 -7
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/types/_locales/zh-Hans.d.ts +2 -0
  5. package/dist/cjs/types/_locales/zh-Hant.d.ts +2 -0
  6. package/dist/cjs/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +6 -6
  7. package/dist/cjs/types/index.d.ts +2 -1
  8. package/dist/esm/material-react-table.esm.js +11 -8
  9. package/dist/esm/material-react-table.esm.js.map +1 -1
  10. package/dist/esm/types/_locales/zh-Hans.d.ts +2 -0
  11. package/dist/esm/types/_locales/zh-Hant.d.ts +2 -0
  12. package/dist/esm/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +6 -6
  13. package/dist/esm/types/index.d.ts +2 -1
  14. package/dist/index.d.ts +28 -21
  15. package/locales/zh-Hans.d.ts +2 -0
  16. package/locales/zh-Hans.esm.d.ts +2 -0
  17. package/locales/zh-Hans.esm.js +94 -0
  18. package/locales/zh-Hans.esm.js.map +1 -0
  19. package/locales/zh-Hans.js +98 -0
  20. package/locales/zh-Hans.js.map +1 -0
  21. package/locales/zh-Hant.d.ts +2 -0
  22. package/locales/zh-Hant.esm.d.ts +2 -0
  23. package/locales/zh-Hant.esm.js +94 -0
  24. package/locales/zh-Hant.esm.js.map +1 -0
  25. package/locales/zh-Hant.js +98 -0
  26. package/locales/zh-Hant.js.map +1 -0
  27. package/package.json +11 -11
  28. package/src/MaterialReactTable.tsx +7 -0
  29. package/src/_locales/zh-Hans.ts +94 -0
  30. package/src/_locales/zh-Hant.ts +94 -0
  31. package/src/body/MRT_TableBody.tsx +1 -4
  32. package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +11 -9
  33. package/src/column.utils.ts +1 -3
  34. package/src/footer/MRT_TableFooter.tsx +1 -0
  35. package/src/index.tsx +2 -0
  36. package/src/table/MRT_Table.tsx +1 -0
@@ -0,0 +1,2 @@
1
+ import type { MRT_Localization } from '../MaterialReactTable';
2
+ export declare const MRT_Localization_ZH_HANS: MRT_Localization;
@@ -0,0 +1,2 @@
1
+ import type { MRT_Localization } from '../MaterialReactTable';
2
+ export declare const MRT_Localization_ZH_HANT: MRT_Localization;
@@ -1,9 +1,9 @@
1
- import { FC } from 'react';
1
+ /// <reference types="react" />
2
2
  import type { MRT_Cell, MRT_Row, MRT_TableInstance } from '..';
3
- interface Props {
4
- cell: MRT_Cell;
5
- row: MRT_Row;
6
- table: MRT_TableInstance;
3
+ interface Props<TData extends Record<string, any> = {}> {
4
+ cell: MRT_Cell<TData>;
5
+ row: MRT_Row<TData>;
6
+ table: MRT_TableInstance<TData>;
7
7
  }
8
- export declare const MRT_ToggleRowActionMenuButton: FC<Props>;
8
+ export declare const MRT_ToggleRowActionMenuButton: <TData extends Record<string, any> = {}>({ cell, row, table, }: Props<TData>) => JSX.Element;
9
9
  export {};
@@ -15,4 +15,5 @@ import { MRT_ToggleGlobalFilterButton } from './buttons/MRT_ToggleGlobalFilterBu
15
15
  import { MRT_ToolbarAlertBanner } from './toolbar/MRT_ToolbarAlertBanner';
16
16
  import { MRT_ToolbarDropZone } from './toolbar/MRT_ToolbarDropZone';
17
17
  import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons';
18
- export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, };
18
+ import { MRT_ToggleRowActionMenuButton } from './buttons/MRT_ToggleRowActionMenuButton';
19
+ export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_ToggleRowActionMenuButton, };
@@ -241,9 +241,7 @@ const getCommonCellStyles = ({ column, header, table, tableCellProps, theme, })
241
241
  : undefined, ml: table.options.enableColumnVirtualization &&
242
242
  column.getIsPinned() === 'left' &&
243
243
  column.getPinnedIndex() === 0
244
- ? `-${column.getSize() *
245
- ((_b = (_a = table.getState().columnPinning.left) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1) *
246
- 1.2}px`
244
+ ? `-${column.getSize() * ((_b = (_a = table.getState().columnPinning.left) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 1)}px`
247
245
  : undefined, mr: table.options.enableColumnVirtualization &&
248
246
  column.getIsPinned() === 'right' &&
249
247
  column.getPinnedIndex() === table.getVisibleLeafColumns().length - 1
@@ -2387,9 +2385,7 @@ const MRT_TableBody = ({ columnVirtualizer, table, virtualColumns, virtualPaddin
2387
2385
  }
2388
2386
  return rankedRows;
2389
2387
  }
2390
- return enablePagination
2391
- ? getRowModel().rows
2392
- : getPrePaginationRowModel().rows;
2388
+ return getRowModel().rows;
2393
2389
  }, [
2394
2390
  enableGlobalFilterRankedResults,
2395
2391
  (enableGlobalFilterRankedResults && globalFilter) || !enablePagination
@@ -2521,7 +2517,7 @@ const MRT_TableFooter = ({ table, virtualColumns, virtualPaddingLeft, virtualPad
2521
2517
  ? theme.palette.mode === 'light'
2522
2518
  ? `1px solid ${theme.palette.grey[300]}`
2523
2519
  : `1px solid ${theme.palette.grey[700]}`
2524
- : undefined, position: stickFooter ? 'sticky' : undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
2520
+ : undefined, position: stickFooter ? 'sticky' : undefined, zIndex: stickFooter ? 1 : undefined }, ((tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx) instanceof Function
2525
2521
  ? tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx(theme)
2526
2522
  : tableFooterProps === null || tableFooterProps === void 0 ? void 0 : tableFooterProps.sx))) }), getFooterGroups().map((footerGroup) => (React.createElement(MRT_TableFooterRow, { footerGroup: footerGroup, key: footerGroup.id, table: table, virtualColumns: virtualColumns, virtualPaddingLeft: virtualPaddingLeft, virtualPaddingRight: virtualPaddingRight })))));
2527
2523
  };
@@ -2539,6 +2535,8 @@ const MRT_Table = ({ table }) => {
2539
2535
  //get first 16 column widths and average them
2540
2536
  const averageColumnWidth = useMemo(() => {
2541
2537
  var _a, _b, _c, _d;
2538
+ if (!enableColumnVirtualization)
2539
+ return 0;
2542
2540
  const columnsWidths = (_d = (_c = (_b = (_a = table
2543
2541
  .getRowModel()
2544
2542
  .rows[0]) === null || _a === void 0 ? void 0 : _a.getCenterVisibleCells()) === null || _b === void 0 ? void 0 : _b.slice(0, 16)) === null || _c === void 0 ? void 0 : _c.map((cell) => cell.column.getSize() * 1.2)) !== null && _d !== void 0 ? _d : [];
@@ -2941,8 +2939,13 @@ const MaterialReactTable = (_a) => {
2941
2939
  const _defaultDisplayColumn = useMemo(() => (Object.assign(Object.assign({}, MRT_DefaultDisplayColumn), defaultDisplayColumn)), [defaultDisplayColumn]);
2942
2940
  if (rest.enableRowVirtualization || rest.enableColumnVirtualization) {
2943
2941
  layoutMode = 'grid';
2942
+ }
2943
+ if (rest.enableRowVirtualization) {
2944
2944
  enableStickyHeader = true;
2945
2945
  }
2946
+ if (enablePagination === false && manualPagination === undefined) {
2947
+ manualPagination = true;
2948
+ }
2946
2949
  if (!((_b = rest.data) === null || _b === void 0 ? void 0 : _b.length)) {
2947
2950
  manualFiltering = true;
2948
2951
  manualGrouping = true;
@@ -2952,5 +2955,5 @@ const MaterialReactTable = (_a) => {
2952
2955
  return (React.createElement(MRT_TableRoot, Object.assign({ aggregationFns: _aggregationFns, autoResetExpanded: autoResetExpanded, columnResizeMode: columnResizeMode, defaultColumn: _defaultColumn, defaultDisplayColumn: _defaultDisplayColumn, editingMode: editingMode, enableBottomToolbar: enableBottomToolbar, enableColumnActions: enableColumnActions, enableColumnFilters: enableColumnFilters, enableColumnOrdering: enableColumnOrdering, enableColumnResizing: enableColumnResizing, enableDensityToggle: enableDensityToggle, enableExpandAll: enableExpandAll, enableFilters: enableFilters, enableFullScreenToggle: enableFullScreenToggle, enableGlobalFilter: enableGlobalFilter, enableGlobalFilterRankedResults: enableGlobalFilterRankedResults, enableGrouping: enableGrouping, enableHiding: enableHiding, enableMultiRowSelection: enableMultiRowSelection, enableMultiSort: enableMultiSort, enablePagination: enablePagination, enablePinning: enablePinning, enableRowSelection: enableRowSelection, enableSelectAll: enableSelectAll, enableSorting: enableSorting, enableStickyHeader: enableStickyHeader, enableTableFooter: enableTableFooter, enableTableHead: enableTableHead, enableToolbarInternalActions: enableToolbarInternalActions, enableTopToolbar: enableTopToolbar, filterFns: _filterFns, icons: _icons, layoutMode: layoutMode, localization: _localization, manualFiltering: manualFiltering, manualGrouping: manualGrouping, manualPagination: manualPagination, manualSorting: manualSorting, positionActionsColumn: positionActionsColumn, positionExpandColumn: positionExpandColumn, positionGlobalFilter: positionGlobalFilter, positionPagination: positionPagination, positionToolbarAlertBanner: positionToolbarAlertBanner, positionToolbarDropZone: positionToolbarDropZone, rowNumberMode: rowNumberMode, selectAllMode: selectAllMode, sortingFns: _sortingFns }, rest)));
2953
2956
  };
2954
2957
 
2955
- export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MaterialReactTable as default };
2958
+ export { MRT_CopyButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MaterialReactTable as default };
2956
2959
  //# sourceMappingURL=material-react-table.esm.js.map