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

package/src/_locales/zh-Hans.ts

@@ -0,0 +1,94 @@
+import type { MRT_Localization } from '../MaterialReactTable';
+
+export const MRT_Localization_ZH_HANS: MRT_Localization = {
+  actions: '动作',
+  and: '与',
+  cancel: '取消',
+  changeFilterMode: '更改过滤模式',
+  changeSearchMode: '更改搜寻模式',
+  clearFilter: '清除过滤',
+  clearSearch: '清除搜寻',
+  clearSort: '清除排序',
+  clickToCopy: '点击以复制',
+  collapse: '折叠',
+  collapseAll: '全部折叠',
+  columnActions: '栏位动作',
+  copiedToClipboard: '已复制至剪贴板',
+  dropToGroupBy: '拖放以按 {column} 分组',
+  edit: '编辑',
+  expand: '展开',
+  expandAll: '全部展开',
+  filterArrIncludes: '包括',
+  filterArrIncludesAll: '包括所有',
+  filterArrIncludesSome: '包括',
+  filterBetween: '介于首尾',
+  filterBetweenInclusive: '介于首尾之间',
+  filterByColumn: '以 {column} 过滤',
+  filterContains: '包含',
+  filterEmpty: '是空字串',
+  filterEndsWith: '结尾为',
+  filterEquals: '等于',
+  filterEqualsString: '等于',
+  filterFuzzy: '模糊搜索',
+  filterGreaterThan: '大于',
+  filterGreaterThanOrEqualTo: '大于等于',
+  filterInNumberRange: '介于',
+  filterIncludesString: '包含',
+  filterIncludesStringSensitive: '包含',
+  filterLessThan: '小于',
+  filterLessThanOrEqualTo: '小于等于',
+  filterMode: '过滤模式：{filterType}',
+  filterNotEmpty: '非空字串',
+  filterNotEquals: '不等于',
+  filterStartsWith: '开首为',
+  filterWeakEquals: '等于',
+  filteringByColumn: '正以 {column} 过滤：{filterType} {filterValue}',
+  goToFirstPage: '到第一页',
+  goToLastPage: '到最后一页',
+  goToNextPage: '下一页',
+  goToPreviousPage: '上一页',
+  grab: '拖曳',
+  groupByColumn: '按 {column} 分组',
+  groupedBy: '分组依据 ',
+  hideAll: '隐藏全部',
+  hideColumn: '隐藏 {column} 栏位',
+  max: '最大',
+  min: '最小',
+  move: '移动',
+  noRecordsToDisplay: '无纪录可显示',
+  noResultsFound: '未找到结果',
+  of: '/',
+  or: '或',
+  pinToLeft: '固定至左边',
+  pinToRight: '固定至右边',
+  resetColumnSize: '重置栏位大小',
+  resetOrder: '重置排序',
+  rowActions: '横列动作',
+  rowNumber: '#',
+  rowNumbers: '横列号码',
+  rowsPerPage: '每页横列数目',
+  save: '储存',
+  search: '搜寻',
+  selectedCountOfRowCountRowsSelected:
+    '已选择横列：{selectedCount}/{rowCount}',
+  select: '选择',
+  showAll: '显示全部',
+  showAllColumns: '显示全部栏位',
+  showHideColumns: '显示/隐藏 栏位',
+  showHideFilters: '显示/隐藏 过滤条件',
+  showHideSearch: '显示/隐藏 搜寻条件',
+  sortByColumnAsc: '按 {column} 顺序排序',
+  sortByColumnDesc: '按 {column} 倒序排序',
+  sortedByColumnAsc: '已按 {column} 顺序排序',
+  sortedByColumnDesc: '已按 {column} 倒序排序',
+  thenBy: '，然后以',
+  toggleDensity: '切换密度',
+  toggleFullScreen: '切换',
+  toggleSelectAll: '切换选择全部',
+  toggleSelectRow: '切换选择横列',
+  toggleVisibility: '切换可见度',
+  ungroupByColumn: '取消按 {column} 分组',
+  unpin: '取消固定',
+  unpinAll: '全部取消固定',
+  unsorted: '取消排序',
+};

package/src/_locales/zh-Hant.ts

@@ -0,0 +1,94 @@
+import type { MRT_Localization } from '../MaterialReactTable';
+
+export const MRT_Localization_ZH_HANT: MRT_Localization = {
+  actions: '動作',
+  and: '與',
+  cancel: '取消',
+  changeFilterMode: '更改過濾模式',
+  changeSearchMode: '更改搜尋模式',
+  clearFilter: '清除過濾',
+  clearSearch: '清除搜尋',
+  clearSort: '清除排序',
+  clickToCopy: '點擊以複製',
+  collapse: '折疊',
+  collapseAll: '全部折疊',
+  columnActions: '欄位動作',
+  copiedToClipboard: '已複製至剪貼板',
+  dropToGroupBy: '拖放以按 {column} 分組',
+  edit: '編輯',
+  expand: '展開',
+  expandAll: '全部展開',
+  filterArrIncludes: '包括',
+  filterArrIncludesAll: '包括所有',
+  filterArrIncludesSome: '包括',
+  filterBetween: '介於首尾',
+  filterBetweenInclusive: '介於首尾之間',
+  filterByColumn: '以 {column} 過濾',
+  filterContains: '包含',
+  filterEmpty: '是空字串',
+  filterEndsWith: '結尾為',
+  filterEquals: '等於',
+  filterEqualsString: '等於',
+  filterFuzzy: '模糊搜索',
+  filterGreaterThan: '大於',
+  filterGreaterThanOrEqualTo: '大於等於',
+  filterInNumberRange: '介於',
+  filterIncludesString: '包含',
+  filterIncludesStringSensitive: '包含',
+  filterLessThan: '小於',
+  filterLessThanOrEqualTo: '小於等於',
+  filterMode: '過濾模式：{filterType}',
+  filterNotEmpty: '非空字串',
+  filterNotEquals: '不等於',
+  filterStartsWith: '開首為',
+  filterWeakEquals: '等於',
+  filteringByColumn: '正以 {column} 過濾：{filterType} {filterValue}',
+  goToFirstPage: '到第一頁',
+  goToLastPage: '到最後一頁',
+  goToNextPage: '下一頁',
+  goToPreviousPage: '上一頁',
+  grab: '拖曳',
+  groupByColumn: '按 {column} 分組',
+  groupedBy: '分組依據 ',
+  hideAll: '隱藏全部',
+  hideColumn: '隱藏 {column} 欄位',
+  max: '最大',
+  min: '最小',
+  move: '移動',
+  noRecordsToDisplay: '無紀錄可顯示',
+  noResultsFound: '未找到結果',
+  of: '/',
+  or: '或',
+  pinToLeft: '固定至左邊',
+  pinToRight: '固定至右邊',
+  resetColumnSize: '重置欄位大小',
+  resetOrder: '重置排序',
+  rowActions: '橫列動作',
+  rowNumber: '#',
+  rowNumbers: '橫列號碼',
+  rowsPerPage: '每頁橫列數目',
+  save: '儲存',
+  search: '搜尋',
+  selectedCountOfRowCountRowsSelected:
+    '已選擇橫列：{selectedCount}/{rowCount}',
+  select: '選擇',
+  showAll: '顯示全部',
+  showAllColumns: '顯示全部欄位',
+  showHideColumns: '顯示/隱藏 欄位',
+  showHideFilters: '顯示/隱藏 過濾條件',
+  showHideSearch: '顯示/隱藏 搜尋條件',
+  sortByColumnAsc: '按 {column} 順序排序',
+  sortByColumnDesc: '按 {column} 倒序排序',
+  sortedByColumnAsc: '已按 {column} 順序排序',
+  sortedByColumnDesc: '已按 {column} 倒序排序',
+  thenBy: '，然後以',
+  toggleDensity: '切換密度',
+  toggleFullScreen: '切換',
+  toggleSelectAll: '切換選擇全部',
+  toggleSelectRow: '切換選擇橫列',
+  toggleVisibility: '切換可見度',
+  ungroupByColumn: '取消按 {column} 分組',
+  unpin: '取消固定',
+  unpinAll: '全部取消固定',
+  unsorted: '取消排序',
+};

package/src/body/MRT_TableBody.tsx

@@ -81,10 +81,7 @@ export const MRT_TableBody: FC<Props> = ({
       }
       return rankedRows;
     }
-
-    return enablePagination
-      ? getRowModel().rows
-      : getPrePaginationRowModel().rows;
+    return getRowModel().rows;
   }, [
     enableGlobalFilterRankedResults,
     (enableGlobalFilterRankedResults && globalFilter) || !enablePagination

package/src/buttons/MRT_ToggleRowActionMenuButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEvent, useState } from 'react';
+import React, { MouseEvent, useState } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_RowActionMenu } from '../menus/MRT_RowActionMenu';
@@ -16,17 +16,19 @@ const commonIconButtonStyles = {
   },
 };
 
-interface Props {
-  cell: MRT_Cell;
-  row: MRT_Row;
-  table: MRT_TableInstance;
+interface Props<TData extends Record<string, any> = {}> {
+  cell: MRT_Cell<TData>;
+  row: MRT_Row<TData>;
+  table: MRT_TableInstance<TData>;
 }
 
-export const MRT_ToggleRowActionMenuButton: FC<Props> = ({
+export const MRT_ToggleRowActionMenuButton = <
+  TData extends Record<string, any> = {},
+>({
   cell,
   row,
   table,
-}) => {
+}: Props<TData>) => {
   const {
     getState,
     options: {
@@ -92,9 +94,9 @@ export const MRT_ToggleRowActionMenuButton: FC<Props> = ({
           <MRT_RowActionMenu
             anchorEl={anchorEl}
             handleEdit={handleStartEditMode}
-            row={row}
+            row={row as any}
             setAnchorEl={setAnchorEl}
-            table={table}
+            table={table as any}
           />
         </>
       ) : null}

package/src/column.utils.ts

@@ -258,9 +258,7 @@ export const getCommonCellStyles = ({
     column.getIsPinned() === 'left' &&
     column.getPinnedIndex() === 0
       ? `-${
-          column.getSize() *
-          (table.getState().columnPinning.left?.length ?? 1) *
-          1.2
+          column.getSize() * (table.getState().columnPinning.left?.length ?? 1)
         }px`
       : undefined,
   mr:

package/src/footer/MRT_TableFooter.tsx

@@ -47,6 +47,7 @@ export const MRT_TableFooter: FC<Props> = ({
             : `1px solid ${theme.palette.grey[700]}`
           : undefined,
         position: stickFooter ? 'sticky' : undefined,
+        zIndex: stickFooter ? 1 : undefined,
         ...(tableFooterProps?.sx instanceof Function
           ? tableFooterProps?.sx(theme)
           : (tableFooterProps?.sx as any)),

package/src/index.tsx

@@ -17,6 +17,7 @@ import { MRT_ToggleGlobalFilterButton } from './buttons/MRT_ToggleGlobalFilterBu
 import { MRT_ToolbarAlertBanner } from './toolbar/MRT_ToolbarAlertBanner';
 import { MRT_ToolbarDropZone } from './toolbar/MRT_ToolbarDropZone';
 import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons';
+import { MRT_ToggleRowActionMenuButton } from './buttons/MRT_ToggleRowActionMenuButton';
 
 export {
   MRT_CopyButton,
@@ -31,4 +32,5 @@ export {
   MRT_ToolbarAlertBanner,
   MRT_ToolbarDropZone,
   MRT_ToolbarInternalButtons,
+  MRT_ToggleRowActionMenuButton,
 };

package/src/table/MRT_Table.tsx

@@ -47,6 +47,7 @@ export const MRT_Table: FC<Props> = ({ table }) => {
 
   //get first 16 column widths and average them
   const averageColumnWidth = useMemo(() => {
+    if (!enableColumnVirtualization) return 0;
     const columnsWidths =
       table
         .getRowModel()