material-react-table 1.6.6 → 1.7.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.
- package/dist/cjs/index.js +28 -16
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/column.utils.d.ts +2 -3
- package/dist/esm/material-react-table.esm.js +28 -16
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/esm/types/column.utils.d.ts +2 -3
- package/locales/zh-Hant.esm.js +3 -3
- package/locales/zh-Hant.esm.js.map +1 -1
- package/locales/zh-Hant.js +3 -3
- package/locales/zh-Hant.js.map +1 -1
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +1 -1
- package/src/_locales/zh-Hant.ts +3 -3
- package/src/column.utils.ts +10 -10
- package/src/head/MRT_TableHeadCell.tsx +0 -1
- package/src/head/MRT_TableHeadCellResizeHandle.tsx +8 -1
- package/src/menus/MRT_ColumnActionMenu.tsx +2 -0
- package/src/table/MRT_Table.tsx +21 -2
@@ -4,7 +4,7 @@ import { MRT_FilterFns } from './filterFns';
|
|
4
4
|
import { MRT_SortingFns } from './sortingFns';
|
5
5
|
import type { TableCellProps } from '@mui/material/TableCell';
|
6
6
|
import type { Theme } from '@mui/material/styles';
|
7
|
-
import type { MaterialReactTableProps, MRT_Column, MRT_ColumnDef, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterOption,
|
7
|
+
import type { MaterialReactTableProps, MRT_Column, MRT_ColumnDef, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterOption, MRT_TableInstance } from '.';
|
8
8
|
export declare const getColumnId: <TData extends Record<string, any> = {}>(columnDef: MRT_ColumnDef<TData>) => string;
|
9
9
|
export declare const getAllLeafColumnDefs: <TData extends Record<string, any> = {}>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
|
10
10
|
export declare const prepareColumns: <TData extends Record<string, any> = {}>({ aggregationFns, columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {
|
@@ -111,9 +111,8 @@ export declare const getIsLastColumn: (column: MRT_Column, table: MRT_TableInsta
|
|
111
111
|
export declare const getIsLastLeftPinnedColumn: (table: MRT_TableInstance, column: MRT_Column) => boolean;
|
112
112
|
export declare const getIsFirstRightPinnedColumn: (column: MRT_Column) => boolean;
|
113
113
|
export declare const getTotalRight: (table: MRT_TableInstance, column: MRT_Column) => number;
|
114
|
-
export declare const getCommonCellStyles: ({ column,
|
114
|
+
export declare const getCommonCellStyles: ({ column, table, tableCellProps, theme, }: {
|
115
115
|
column: MRT_Column;
|
116
|
-
header?: MRT_Header<{}> | undefined;
|
117
116
|
table: MRT_TableInstance;
|
118
117
|
tableCellProps: TableCellProps;
|
119
118
|
theme: Theme;
|
package/locales/zh-Hant.esm.js
CHANGED
@@ -11,7 +11,7 @@ const MRT_Localization_ZH_HANT = {
|
|
11
11
|
collapse: '折疊',
|
12
12
|
collapseAll: '全部折疊',
|
13
13
|
columnActions: '欄位動作',
|
14
|
-
copiedToClipboard: '
|
14
|
+
copiedToClipboard: '已複製至剪貼簿',
|
15
15
|
dropToGroupBy: '拖放以按 {column} 分組',
|
16
16
|
edit: '編輯',
|
17
17
|
expand: '展開',
|
@@ -63,8 +63,8 @@ const MRT_Localization_ZH_HANT = {
|
|
63
63
|
resetOrder: '重置排序',
|
64
64
|
rowActions: '橫列動作',
|
65
65
|
rowNumber: '#',
|
66
|
-
rowNumbers: '
|
67
|
-
rowsPerPage: '
|
66
|
+
rowNumbers: '橫列編號',
|
67
|
+
rowsPerPage: '每頁數量',
|
68
68
|
save: '儲存',
|
69
69
|
search: '搜尋',
|
70
70
|
selectedCountOfRowCountRowsSelected: '已選擇橫列:{selectedCount}/{rowCount}',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"zh-Hant.esm.js","sources":["../src/_locales/zh-Hant.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEa,MAAA,wBAAwB,GAAqB;AACxD,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,gBAAgB,EAAE,QAAQ;AAC1B,IAAA,gBAAgB,EAAE,QAAQ;AAC1B,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,aAAa,EAAE,kBAAkB;AACjC,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,oBAAoB,EAAE,MAAM;AAC5B,IAAA,qBAAqB,EAAE,IAAI;AAC3B,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,sBAAsB,EAAE,QAAQ;AAChC,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,kBAAkB,EAAE,IAAI;AACxB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,0BAA0B,EAAE,MAAM;AAClC,IAAA,mBAAmB,EAAE,IAAI;AACzB,IAAA,oBAAoB,EAAE,IAAI;AAC1B,IAAA,6BAA6B,EAAE,IAAI;AACnC,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,uBAAuB,EAAE,MAAM;AAC/B,IAAA,UAAU,EAAE,mBAAmB;AAC/B,IAAA,cAAc,EAAE,MAAM;AACtB,IAAA,eAAe,EAAE,KAAK;AACtB,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,iBAAiB,EAAE,2CAA2C;AAC9D,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,YAAY,EAAE,OAAO;AACrB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,kBAAkB,EAAE,QAAQ;AAC5B,IAAA,cAAc,EAAE,OAAO;AACvB,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"zh-Hant.esm.js","sources":["../src/_locales/zh-Hant.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/locales/zh-Hant.js
CHANGED
@@ -15,7 +15,7 @@ const MRT_Localization_ZH_HANT = {
|
|
15
15
|
collapse: '折疊',
|
16
16
|
collapseAll: '全部折疊',
|
17
17
|
columnActions: '欄位動作',
|
18
|
-
copiedToClipboard: '
|
18
|
+
copiedToClipboard: '已複製至剪貼簿',
|
19
19
|
dropToGroupBy: '拖放以按 {column} 分組',
|
20
20
|
edit: '編輯',
|
21
21
|
expand: '展開',
|
@@ -67,8 +67,8 @@ const MRT_Localization_ZH_HANT = {
|
|
67
67
|
resetOrder: '重置排序',
|
68
68
|
rowActions: '橫列動作',
|
69
69
|
rowNumber: '#',
|
70
|
-
rowNumbers: '
|
71
|
-
rowsPerPage: '
|
70
|
+
rowNumbers: '橫列編號',
|
71
|
+
rowsPerPage: '每頁數量',
|
72
72
|
save: '儲存',
|
73
73
|
search: '搜尋',
|
74
74
|
selectedCountOfRowCountRowsSelected: '已選擇橫列:{selectedCount}/{rowCount}',
|
package/locales/zh-Hant.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"zh-Hant.js","sources":["../src/_locales/zh-Hant.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAEa,MAAA,wBAAwB,GAAqB;AACxD,IAAA,OAAO,EAAE,IAAI;AACb,IAAA,GAAG,EAAE,GAAG;AACR,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,gBAAgB,EAAE,QAAQ;AAC1B,IAAA,gBAAgB,EAAE,QAAQ;AAC1B,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,aAAa,EAAE,kBAAkB;AACjC,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,oBAAoB,EAAE,MAAM;AAC5B,IAAA,qBAAqB,EAAE,IAAI;AAC3B,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,sBAAsB,EAAE,QAAQ;AAChC,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,kBAAkB,EAAE,IAAI;AACxB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,0BAA0B,EAAE,MAAM;AAClC,IAAA,mBAAmB,EAAE,IAAI;AACzB,IAAA,oBAAoB,EAAE,IAAI;AAC1B,IAAA,6BAA6B,EAAE,IAAI;AACnC,IAAA,cAAc,EAAE,IAAI;AACpB,IAAA,uBAAuB,EAAE,MAAM;AAC/B,IAAA,UAAU,EAAE,mBAAmB;AAC/B,IAAA,cAAc,EAAE,MAAM;AACtB,IAAA,eAAe,EAAE,KAAK;AACtB,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,gBAAgB,EAAE,IAAI;AACtB,IAAA,iBAAiB,EAAE,2CAA2C;AAC9D,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,YAAY,EAAE,OAAO;AACrB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,kBAAkB,EAAE,QAAQ;AAC5B,IAAA,cAAc,EAAE,OAAO;AACvB,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,SAAS,EAAE,OAAO;AAClB,IAAA,UAAU,EAAE,OAAO;AACnB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"zh-Hant.js","sources":["../src/_locales/zh-Hant.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
@@ -911,7 +911,7 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
|
|
911
911
|
const MaterialReactTable = <TData extends Record<string, any> = {}>({
|
912
912
|
aggregationFns,
|
913
913
|
autoResetExpanded = false,
|
914
|
-
columnResizeMode = '
|
914
|
+
columnResizeMode = 'onChange',
|
915
915
|
defaultColumn,
|
916
916
|
defaultDisplayColumn,
|
917
917
|
editingMode = 'modal',
|
package/src/_locales/zh-Hant.ts
CHANGED
@@ -13,7 +13,7 @@ export const MRT_Localization_ZH_HANT: MRT_Localization = {
|
|
13
13
|
collapse: '折疊',
|
14
14
|
collapseAll: '全部折疊',
|
15
15
|
columnActions: '欄位動作',
|
16
|
-
copiedToClipboard: '
|
16
|
+
copiedToClipboard: '已複製至剪貼簿',
|
17
17
|
dropToGroupBy: '拖放以按 {column} 分組',
|
18
18
|
edit: '編輯',
|
19
19
|
expand: '展開',
|
@@ -65,8 +65,8 @@ export const MRT_Localization_ZH_HANT: MRT_Localization = {
|
|
65
65
|
resetOrder: '重置排序',
|
66
66
|
rowActions: '橫列動作',
|
67
67
|
rowNumber: '#',
|
68
|
-
rowNumbers: '
|
69
|
-
rowsPerPage: '
|
68
|
+
rowNumbers: '橫列編號',
|
69
|
+
rowsPerPage: '每頁數量',
|
70
70
|
save: '儲存',
|
71
71
|
search: '搜尋',
|
72
72
|
selectedCountOfRowCountRowsSelected: '已選擇橫列:{selectedCount}/{rowCount}',
|
package/src/column.utils.ts
CHANGED
@@ -16,7 +16,6 @@ import type {
|
|
16
16
|
MRT_DefinedColumnDef,
|
17
17
|
MRT_DisplayColumnIds,
|
18
18
|
MRT_FilterOption,
|
19
|
-
MRT_Header,
|
20
19
|
MRT_TableInstance,
|
21
20
|
} from '.';
|
22
21
|
|
@@ -242,13 +241,11 @@ export const getTotalRight = (table: MRT_TableInstance, column: MRT_Column) => {
|
|
242
241
|
|
243
242
|
export const getCommonCellStyles = ({
|
244
243
|
column,
|
245
|
-
header,
|
246
244
|
table,
|
247
245
|
tableCellProps,
|
248
246
|
theme,
|
249
247
|
}: {
|
250
248
|
column: MRT_Column;
|
251
|
-
header?: MRT_Header;
|
252
249
|
table: MRT_TableInstance;
|
253
250
|
tableCellProps: TableCellProps;
|
254
251
|
theme: Theme;
|
@@ -264,6 +261,10 @@ export const getCommonCellStyles = ({
|
|
264
261
|
? `4px 0 8px -6px ${alpha(theme.palette.common.black, 0.2)} inset`
|
265
262
|
: undefined,
|
266
263
|
display: table.options.layoutMode === 'grid' ? 'flex' : 'table-cell',
|
264
|
+
flex:
|
265
|
+
table.options.layoutMode === 'grid'
|
266
|
+
? `var(--col-${column.id.replaceAll('.', '_')}-size) 0 auto`
|
267
|
+
: undefined,
|
267
268
|
left:
|
268
269
|
column.getIsPinned() === 'left'
|
269
270
|
? `${column.getStart('left')}px`
|
@@ -302,16 +303,15 @@ export const getCommonCellStyles = ({
|
|
302
303
|
transition:
|
303
304
|
table.options.enableColumnVirtualization || column.getIsResizing()
|
304
305
|
? 'none'
|
305
|
-
: `
|
306
|
+
: `padding 150ms ease-in-out`,
|
306
307
|
...(tableCellProps?.sx instanceof Function
|
307
308
|
? tableCellProps.sx(theme)
|
308
309
|
: (tableCellProps?.sx as any)),
|
309
|
-
|
310
|
-
|
311
|
-
|
312
|
-
|
313
|
-
|
314
|
-
width: header?.getSize() ?? column.getSize(),
|
310
|
+
minWidth: `max(calc(var(--col-${column.id.replaceAll(
|
311
|
+
'.',
|
312
|
+
'_',
|
313
|
+
)}-size) * 1px), ${column.columnDef.minSize ?? 30}px)`,
|
314
|
+
width: `calc(var(--col-${column.id.replaceAll('.', '_')}-size) * 1px)`,
|
315
315
|
});
|
316
316
|
|
317
317
|
export const MRT_DefaultColumn = {
|
@@ -12,6 +12,7 @@ export const MRT_TableHeadCellResizeHandle = ({ header, table }: Props) => {
|
|
12
12
|
const {
|
13
13
|
getState,
|
14
14
|
options: { columnResizeMode },
|
15
|
+
setColumnSizingInfo,
|
15
16
|
} = table;
|
16
17
|
const { density, showColumnFilters } = getState();
|
17
18
|
const { column } = header;
|
@@ -20,7 +21,13 @@ export const MRT_TableHeadCellResizeHandle = ({ header, table }: Props) => {
|
|
20
21
|
|
21
22
|
return (
|
22
23
|
<Box
|
23
|
-
onDoubleClick={() =>
|
24
|
+
onDoubleClick={() => {
|
25
|
+
setColumnSizingInfo((old) => ({
|
26
|
+
...old,
|
27
|
+
isResizingColumn: false,
|
28
|
+
}));
|
29
|
+
column.resetSize();
|
30
|
+
}}
|
24
31
|
onMouseDown={header.getResizeHandler()}
|
25
32
|
onTouchStart={header.getResizeHandler()}
|
26
33
|
sx={(theme) => ({
|
@@ -62,6 +62,7 @@ export const MRT_ColumnActionMenu = ({
|
|
62
62
|
renderColumnActionsMenuItems,
|
63
63
|
},
|
64
64
|
refs: { filterInputRefs },
|
65
|
+
setColumnSizingInfo,
|
65
66
|
setShowFilters,
|
66
67
|
} = table;
|
67
68
|
const { column } = header;
|
@@ -89,6 +90,7 @@ export const MRT_ColumnActionMenu = ({
|
|
89
90
|
};
|
90
91
|
|
91
92
|
const handleResetColumnSize = () => {
|
93
|
+
setColumnSizingInfo((old) => ({ ...old, isResizingColumn: false }));
|
92
94
|
column.resetSize();
|
93
95
|
setAnchorEl(null);
|
94
96
|
};
|
package/src/table/MRT_Table.tsx
CHANGED
@@ -17,8 +17,10 @@ interface Props {
|
|
17
17
|
|
18
18
|
export const MRT_Table = ({ table }: Props) => {
|
19
19
|
const {
|
20
|
+
getFlatHeaders,
|
20
21
|
getState,
|
21
22
|
options: {
|
23
|
+
columns,
|
22
24
|
columnVirtualizerInstanceRef,
|
23
25
|
columnVirtualizerProps,
|
24
26
|
enableColumnResizing,
|
@@ -33,7 +35,13 @@ export const MRT_Table = ({ table }: Props) => {
|
|
33
35
|
},
|
34
36
|
refs: { tableContainerRef },
|
35
37
|
} = table;
|
36
|
-
const {
|
38
|
+
const {
|
39
|
+
columnPinning,
|
40
|
+
columnSizing,
|
41
|
+
columnSizingInfo,
|
42
|
+
columnVisibility,
|
43
|
+
isFullScreen,
|
44
|
+
} = getState();
|
37
45
|
|
38
46
|
const tableProps =
|
39
47
|
muiTableProps instanceof Function
|
@@ -45,6 +53,16 @@ export const MRT_Table = ({ table }: Props) => {
|
|
45
53
|
? columnVirtualizerProps({ table })
|
46
54
|
: columnVirtualizerProps;
|
47
55
|
|
56
|
+
const columnSizeVars = useMemo(() => {
|
57
|
+
const headers = getFlatHeaders();
|
58
|
+
const colSizes: { [key: string]: number } = {};
|
59
|
+
for (let i = 0; i < headers.length; i++) {
|
60
|
+
const h = headers[i];
|
61
|
+
colSizes[`--col-${h.column.id}-size`.replaceAll('.', '_')] = h.getSize();
|
62
|
+
}
|
63
|
+
return colSizes;
|
64
|
+
}, [columns, columnSizing, columnSizingInfo]);
|
65
|
+
|
48
66
|
//get first 16 column widths and average them
|
49
67
|
const averageColumnWidth = useMemo(() => {
|
50
68
|
if (!enableColumnVirtualization) return 0;
|
@@ -135,9 +153,10 @@ export const MRT_Table = ({ table }: Props) => {
|
|
135
153
|
? tableProps.sx(theme)
|
136
154
|
: (tableProps?.sx as any)),
|
137
155
|
})}
|
156
|
+
style={{ ...columnSizeVars, ...tableProps?.style }}
|
138
157
|
>
|
139
158
|
{enableTableHead && <MRT_TableHead {...props} />}
|
140
|
-
{memoMode === 'table-body' ? (
|
159
|
+
{memoMode === 'table-body' || columnSizingInfo.isResizingColumn ? (
|
141
160
|
<Memo_MRT_TableBody columnVirtualizer={columnVirtualizer} {...props} />
|
142
161
|
) : (
|
143
162
|
<MRT_TableBody columnVirtualizer={columnVirtualizer} {...props} />
|