material-react-table 1.0.0-beta.18 → 1.0.0-beta.19
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/MaterialReactTable.d.ts +2 -2
- package/dist/cjs/column.utils.d.ts +6 -0
- package/dist/cjs/index.js +40 -14
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/MaterialReactTable.d.ts +2 -2
- package/dist/esm/column.utils.d.ts +6 -0
- package/dist/esm/material-react-table.esm.js +40 -14
- package/dist/esm/material-react-table.esm.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/locales/pt-BR.esm.js.map +1 -1
- package/locales/pt-BR.js.map +1 -1
- package/package.json +1 -1
- package/src/MaterialReactTable.tsx +81 -63
- package/src/_locales/de.ts +1 -0
- package/src/_locales/es.ts +1 -0
- package/src/_locales/fr.ts +1 -0
- package/src/_locales/hi.ts +1 -0
- package/src/_locales/id.ts +1 -0
- package/src/_locales/ja.ts +1 -0
- package/src/_locales/nl.ts +1 -0
- package/src/_locales/pt-BR.ts +0 -1
- package/src/_locales/pt.ts +1 -0
- package/src/_locales/ru.ts +1 -0
- package/src/_locales/uk.ts +1 -0
- package/src/_locales/vi.ts +1 -0
- package/src/_locales/zh.ts +1 -0
- package/src/body/MRT_TableBodyRow.tsx +1 -1
- package/src/body/MRT_TableDetailPanel.tsx +1 -1
- package/src/buttons/MRT_ExpandAllButton.tsx +1 -1
- package/src/buttons/MRT_ExpandButton.tsx +1 -1
- package/src/buttons/MRT_GrabHandleButton.tsx +1 -1
- package/src/buttons/MRT_ToggleRowActionMenuButton.tsx +1 -1
- package/src/column.utils.ts +22 -1
- package/src/head/MRT_TableHeadCellColumnActionsButton.tsx +1 -1
- package/src/head/MRT_TableHeadCellGrabHandle.tsx +5 -1
- package/src/head/MRT_TableHeadCellResizeHandle.tsx +1 -1
- package/src/table/MRT_TablePaper.tsx +1 -1
- package/src/toolbar/MRT_TopToolbar.tsx +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -738,7 +738,7 @@ declare type Virtualizer = {
|
|
|
738
738
|
scrollToIndex: (index: number, options?: any | undefined) => void;
|
|
739
739
|
measure: () => void;
|
|
740
740
|
};
|
|
741
|
-
declare const
|
|
741
|
+
declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
|
|
742
742
|
|
|
743
743
|
interface Props$8<TData extends Record<string, any> = {}> {
|
|
744
744
|
cell: MRT_Cell<TData>;
|
|
@@ -788,4 +788,4 @@ interface Props<TData extends Record<string, any> = {}> {
|
|
|
788
788
|
}
|
|
789
789
|
declare const MRT_ToolbarInternalButtons: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
|
|
790
790
|
|
|
791
|
-
export { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarInternalButtons, MaterialReactTableProps, Virtualizer,
|
|
791
|
+
export { MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarInternalButtons, MaterialReactTableProps, Virtualizer, MaterialReactTable as default };
|
package/locales/pt-BR.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pt-BR.esm.js","sources":["../src/_locales/pt-BR.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pt-BR.esm.js","sources":["../src/_locales/pt-BR.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/locales/pt-BR.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pt-BR.js","sources":["../src/_locales/pt-BR.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"pt-BR.js","sources":["../src/_locales/pt-BR.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -3,6 +3,7 @@ import React, {
|
|
|
3
3
|
MutableRefObject,
|
|
4
4
|
ReactNode,
|
|
5
5
|
SetStateAction,
|
|
6
|
+
useMemo,
|
|
6
7
|
} from 'react';
|
|
7
8
|
import type {
|
|
8
9
|
AlertProps,
|
|
@@ -47,6 +48,7 @@ import { MRT_FilterFns } from './filterFns';
|
|
|
47
48
|
import { MRT_Localization_EN } from './_locales/en';
|
|
48
49
|
import { MRT_SortingFns } from './sortingFns';
|
|
49
50
|
import { MRT_TableRoot } from './table/MRT_TableRoot';
|
|
51
|
+
import { MRT_DefaultColumn, MRT_DefaultDisplayColumn } from './column.utils';
|
|
50
52
|
|
|
51
53
|
type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
|
|
52
54
|
|
|
@@ -1002,11 +1004,11 @@ export type Virtualizer = {
|
|
|
1002
1004
|
measure: () => void;
|
|
1003
1005
|
};
|
|
1004
1006
|
|
|
1005
|
-
|
|
1007
|
+
const MaterialReactTable = <TData extends Record<string, any> = {}>({
|
|
1006
1008
|
aggregationFns,
|
|
1007
1009
|
autoResetExpanded = false,
|
|
1008
1010
|
columnResizeMode = 'onEnd',
|
|
1009
|
-
defaultColumn
|
|
1011
|
+
defaultColumn,
|
|
1010
1012
|
defaultDisplayColumn,
|
|
1011
1013
|
editingMode = 'modal',
|
|
1012
1014
|
enableBottomToolbar = true,
|
|
@@ -1047,65 +1049,81 @@ export default <TData extends Record<string, any> = {}>({
|
|
|
1047
1049
|
selectAllMode = 'page',
|
|
1048
1050
|
sortingFns,
|
|
1049
1051
|
...rest
|
|
1050
|
-
}: MaterialReactTableProps<TData>) =>
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1052
|
+
}: MaterialReactTableProps<TData>) => {
|
|
1053
|
+
const _icons = useMemo(() => ({ ...MRT_Default_Icons, ...icons }), []);
|
|
1054
|
+
const _localization = useMemo(
|
|
1055
|
+
() => ({
|
|
1056
|
+
...MRT_Localization_EN,
|
|
1057
|
+
...localization,
|
|
1058
|
+
}),
|
|
1059
|
+
[],
|
|
1060
|
+
);
|
|
1061
|
+
const _aggregationFns = useMemo(
|
|
1062
|
+
() => ({ ...MRT_AggregationFns, ...aggregationFns }),
|
|
1063
|
+
[],
|
|
1064
|
+
);
|
|
1065
|
+
const _filterFns = useMemo(() => ({ ...MRT_FilterFns, ...filterFns }), []);
|
|
1066
|
+
const _sortingFns = useMemo(() => ({ ...MRT_SortingFns, ...sortingFns }), []);
|
|
1067
|
+
const _defaultColumn = useMemo<Partial<MRT_ColumnDef<TData>>>(
|
|
1068
|
+
() => ({ ...MRT_DefaultColumn, ...defaultColumn }),
|
|
1069
|
+
[],
|
|
1070
|
+
);
|
|
1071
|
+
const _defaultDisplayColumn = useMemo<Partial<MRT_ColumnDef<TData>>>(
|
|
1072
|
+
() => ({
|
|
1073
|
+
...(MRT_DefaultDisplayColumn as Partial<MRT_ColumnDef<TData>>),
|
|
1069
1074
|
...defaultDisplayColumn,
|
|
1070
|
-
}
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1075
|
+
}),
|
|
1076
|
+
[],
|
|
1077
|
+
);
|
|
1078
|
+
|
|
1079
|
+
return (
|
|
1080
|
+
<MRT_TableRoot
|
|
1081
|
+
aggregationFns={_aggregationFns}
|
|
1082
|
+
autoResetExpanded={autoResetExpanded}
|
|
1083
|
+
columnResizeMode={columnResizeMode}
|
|
1084
|
+
defaultColumn={_defaultColumn}
|
|
1085
|
+
defaultDisplayColumn={_defaultDisplayColumn}
|
|
1086
|
+
editingMode={editingMode}
|
|
1087
|
+
enableBottomToolbar={enableBottomToolbar}
|
|
1088
|
+
enableColumnActions={enableColumnActions}
|
|
1089
|
+
enableColumnFilters={enableColumnFilters}
|
|
1090
|
+
enableColumnOrdering={enableColumnOrdering}
|
|
1091
|
+
enableColumnResizing={enableColumnResizing}
|
|
1092
|
+
enableDensityToggle={enableDensityToggle}
|
|
1093
|
+
enableExpandAll={enableExpandAll}
|
|
1094
|
+
enableFilters={enableFilters}
|
|
1095
|
+
enableFullScreenToggle={enableFullScreenToggle}
|
|
1096
|
+
enableGlobalFilter={enableGlobalFilter}
|
|
1097
|
+
enableGlobalFilterRankedResults={enableGlobalFilterRankedResults}
|
|
1098
|
+
enableGrouping={enableGrouping}
|
|
1099
|
+
enableHiding={enableHiding}
|
|
1100
|
+
enableMultiRowSelection={enableMultiRowSelection}
|
|
1101
|
+
enableMultiSort={enableMultiSort}
|
|
1102
|
+
enablePagination={enablePagination}
|
|
1103
|
+
enablePinning={enablePinning}
|
|
1104
|
+
enableRowSelection={enableRowSelection}
|
|
1105
|
+
enableSelectAll={enableSelectAll}
|
|
1106
|
+
enableSorting={enableSorting}
|
|
1107
|
+
enableStickyHeader={enableStickyHeader}
|
|
1108
|
+
enableTableFooter={enableTableFooter}
|
|
1109
|
+
enableTableHead={enableTableHead}
|
|
1110
|
+
enableToolbarInternalActions={enableToolbarInternalActions}
|
|
1111
|
+
enableTopToolbar={enableTopToolbar}
|
|
1112
|
+
filterFns={_filterFns}
|
|
1113
|
+
icons={_icons}
|
|
1114
|
+
localization={_localization}
|
|
1115
|
+
positionActionsColumn={positionActionsColumn}
|
|
1116
|
+
positionExpandColumn={positionExpandColumn}
|
|
1117
|
+
positionGlobalFilter={positionGlobalFilter}
|
|
1118
|
+
positionPagination={positionPagination}
|
|
1119
|
+
positionToolbarAlertBanner={positionToolbarAlertBanner}
|
|
1120
|
+
positionToolbarDropZone={positionToolbarDropZone}
|
|
1121
|
+
rowNumberMode={rowNumberMode}
|
|
1122
|
+
selectAllMode={selectAllMode}
|
|
1123
|
+
sortingFns={_sortingFns}
|
|
1124
|
+
{...rest}
|
|
1125
|
+
/>
|
|
1126
|
+
);
|
|
1127
|
+
};
|
|
1128
|
+
|
|
1129
|
+
export default MaterialReactTable;
|
package/src/_locales/de.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/es.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/fr.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/hi.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/id.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/ja.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/nl.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/pt-BR.ts
CHANGED
package/src/_locales/pt.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/ru.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/uk.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/vi.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
package/src/_locales/zh.ts
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//Not supported yet, but if you want to help, copy en.ts file contents here and translate, then make a PR
|
|
@@ -69,7 +69,7 @@ export const MRT_TableBodyRow: FC<Props> = ({
|
|
|
69
69
|
backgroundColor: lighten(theme.palette.background.default, 0.06),
|
|
70
70
|
opacity:
|
|
71
71
|
draggingRow?.id === row.id || hoveredRow?.id === row.id ? 0.5 : 1,
|
|
72
|
-
transition: 'all 0.
|
|
72
|
+
transition: 'all 0.1s ease-in-out',
|
|
73
73
|
'&:hover td': {
|
|
74
74
|
backgroundColor:
|
|
75
75
|
tableRowProps?.hover !== false && getIsSomeColumnsPinned()
|
|
@@ -36,7 +36,7 @@ export const MRT_TableDetailPanel: FC<Props> = ({ row, table }) => {
|
|
|
36
36
|
borderBottom: !row.getIsExpanded() ? 'none' : undefined,
|
|
37
37
|
pb: row.getIsExpanded() ? '1rem' : 0,
|
|
38
38
|
pt: row.getIsExpanded() ? '1rem' : 0,
|
|
39
|
-
transition: 'all 0.
|
|
39
|
+
transition: 'all 0.1s ease-in-out',
|
|
40
40
|
width: `${table.getTotalSize()}px`,
|
|
41
41
|
...(tableCellProps?.sx instanceof Function
|
|
42
42
|
? tableCellProps.sx(theme)
|
|
@@ -46,7 +46,7 @@ export const MRT_GrabHandleButton = <TData extends Record<string, any> = {}>({
|
|
|
46
46
|
m: 0,
|
|
47
47
|
opacity: 0.5,
|
|
48
48
|
p: '2px',
|
|
49
|
-
transition: 'all 0.
|
|
49
|
+
transition: 'all 0.1s ease-in-out',
|
|
50
50
|
'&:hover': {
|
|
51
51
|
backgroundColor: 'transparent',
|
|
52
52
|
opacity: 1,
|
package/src/column.utils.ts
CHANGED
|
@@ -233,7 +233,7 @@ export const getCommonCellStyles = ({
|
|
|
233
233
|
column.getIsPinned() === 'right'
|
|
234
234
|
? `${getTotalRight(table, column)}px`
|
|
235
235
|
: undefined,
|
|
236
|
-
transition: `all ${column.getIsResizing() ? 0 : '0.
|
|
236
|
+
transition: `all ${column.getIsResizing() ? 0 : '0.1s'} ease-in-out`,
|
|
237
237
|
...(tableCellProps?.sx instanceof Function
|
|
238
238
|
? tableCellProps.sx(theme)
|
|
239
239
|
: (tableCellProps?.sx as any)),
|
|
@@ -241,3 +241,24 @@ export const getCommonCellStyles = ({
|
|
|
241
241
|
minWidth: `max(${column.getSize()}px, ${column.columnDef.minSize ?? 30}px)`,
|
|
242
242
|
width: header?.getSize() ?? column.getSize(),
|
|
243
243
|
});
|
|
244
|
+
|
|
245
|
+
export const MRT_DefaultColumn = {
|
|
246
|
+
minSize: 40,
|
|
247
|
+
maxSize: 1000,
|
|
248
|
+
size: 180,
|
|
249
|
+
};
|
|
250
|
+
|
|
251
|
+
export const MRT_DefaultDisplayColumn: Partial<MRT_ColumnDef> = {
|
|
252
|
+
columnDefType: 'display',
|
|
253
|
+
enableClickToCopy: false,
|
|
254
|
+
enableColumnActions: false,
|
|
255
|
+
enableColumnDragging: false,
|
|
256
|
+
enableColumnFilter: false,
|
|
257
|
+
enableColumnOrdering: false,
|
|
258
|
+
enableEditing: false,
|
|
259
|
+
enableGlobalFilter: false,
|
|
260
|
+
enableGrouping: false,
|
|
261
|
+
enableHiding: false,
|
|
262
|
+
enableResizing: false,
|
|
263
|
+
enableSorting: false,
|
|
264
|
+
};
|
|
@@ -42,7 +42,11 @@ export const MRT_TableHeadCellGrabHandle: FC<Props> = ({
|
|
|
42
42
|
const handleDragStart = (event: DragEvent<HTMLButtonElement>) => {
|
|
43
43
|
iconButtonProps?.onDragStart?.(event);
|
|
44
44
|
setDraggingColumn(column);
|
|
45
|
-
event.dataTransfer.setDragImage(
|
|
45
|
+
event.dataTransfer.setDragImage(
|
|
46
|
+
tableHeadCellRef.current as HTMLElement,
|
|
47
|
+
0,
|
|
48
|
+
0,
|
|
49
|
+
);
|
|
46
50
|
};
|
|
47
51
|
|
|
48
52
|
const handleDragEnd = (event: DragEvent<HTMLButtonElement>) => {
|
|
@@ -32,7 +32,7 @@ export const MRT_TableHeadCellResizeHandle: FC<Props> = ({ header, table }) => {
|
|
|
32
32
|
position: 'absolute',
|
|
33
33
|
right: '1px',
|
|
34
34
|
touchAction: 'none',
|
|
35
|
-
transition: column.getIsResizing() ? undefined : 'all 0.
|
|
35
|
+
transition: column.getIsResizing() ? undefined : 'all 0.1s ease-in-out',
|
|
36
36
|
userSelect: 'none',
|
|
37
37
|
zIndex: 4,
|
|
38
38
|
'&:active': {
|
|
@@ -40,7 +40,7 @@ export const MRT_TablePaper: FC<Props> = ({ table }) => {
|
|
|
40
40
|
}
|
|
41
41
|
}}
|
|
42
42
|
sx={(theme) => ({
|
|
43
|
-
transition: 'all 0.
|
|
43
|
+
transition: 'all 0.1s ease-in-out',
|
|
44
44
|
...(tablePaperProps?.sx instanceof Function
|
|
45
45
|
? tablePaperProps?.sx(theme)
|
|
46
46
|
: (tablePaperProps?.sx as any)),
|