material-react-table 2.0.6 → 2.1.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +36 -22
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +35 -21
- package/dist/index.js.map +1 -1
- package/locales/fr/index.esm.js +1 -1
- package/locales/fr/index.js +1 -1
- package/{dist/types/locales/he.d.ts → locales/he/index.d.ts} +2 -1
- package/locales/he/index.esm.d.ts +3 -0
- package/locales/he/index.esm.js +93 -0
- package/locales/he/index.js +97 -0
- package/locales/he/package.json +6 -0
- package/package.json +21 -21
- package/src/body/MRT_TableBodyCell.tsx +8 -7
- package/src/head/MRT_TableHeadCell.tsx +4 -1
- package/src/head/MRT_TableHeadCellResizeHandle.tsx +18 -9
- package/src/hooks/useMRT_TableOptions.ts +8 -0
- package/src/inputs/MRT_EditCellTextField.tsx +3 -1
- package/src/inputs/MRT_FilterTextField.tsx +1 -1
- package/src/locales/fr.ts +1 -1
- package/dist/types/MaterialReactTable.d.ts +0 -7
- package/dist/types/aggregationFns.d.ts +0 -11
- package/dist/types/body/MRT_TableBody.d.ts +0 -13
- package/dist/types/body/MRT_TableBodyCell.d.ts +0 -15
- package/dist/types/body/MRT_TableBodyCellValue.d.ts +0 -8
- package/dist/types/body/MRT_TableBodyRow.d.ts +0 -18
- package/dist/types/body/MRT_TableBodyRowGrabHandle.d.ts +0 -10
- package/dist/types/body/MRT_TableBodyRowPinButton.d.ts +0 -8
- package/dist/types/body/MRT_TableDetailPanel.d.ts +0 -13
- package/dist/types/body/index.d.ts +0 -7
- package/dist/types/buttons/MRT_ColumnPinningButtons.d.ts +0 -8
- package/dist/types/buttons/MRT_CopyButton.d.ts +0 -8
- package/dist/types/buttons/MRT_EditActionButtons.d.ts +0 -9
- package/dist/types/buttons/MRT_ExpandAllButton.d.ts +0 -7
- package/dist/types/buttons/MRT_ExpandButton.d.ts +0 -8
- package/dist/types/buttons/MRT_GrabHandleButton.d.ts +0 -12
- package/dist/types/buttons/MRT_RowPinButton.d.ts +0 -10
- package/dist/types/buttons/MRT_ShowHideColumnsButton.d.ts +0 -7
- package/dist/types/buttons/MRT_ToggleDensePaddingButton.d.ts +0 -7
- package/dist/types/buttons/MRT_ToggleFiltersButton.d.ts +0 -7
- package/dist/types/buttons/MRT_ToggleFullScreenButton.d.ts +0 -7
- package/dist/types/buttons/MRT_ToggleGlobalFilterButton.d.ts +0 -7
- package/dist/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +0 -9
- package/dist/types/buttons/index.d.ts +0 -13
- package/dist/types/column.utils.d.ts +0 -127
- package/dist/types/filterFns.d.ts +0 -69
- package/dist/types/footer/MRT_TableFooter.d.ts +0 -11
- package/dist/types/footer/MRT_TableFooterCell.d.ts +0 -8
- package/dist/types/footer/MRT_TableFooterRow.d.ts +0 -12
- package/dist/types/footer/index.d.ts +0 -3
- package/dist/types/head/MRT_TableHead.d.ts +0 -11
- package/dist/types/head/MRT_TableHeadCell.d.ts +0 -8
- package/dist/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +0 -8
- package/dist/types/head/MRT_TableHeadCellFilterContainer.d.ts +0 -8
- package/dist/types/head/MRT_TableHeadCellFilterLabel.d.ts +0 -8
- package/dist/types/head/MRT_TableHeadCellGrabHandle.d.ts +0 -10
- package/dist/types/head/MRT_TableHeadCellResizeHandle.d.ts +0 -8
- package/dist/types/head/MRT_TableHeadCellSortLabel.d.ts +0 -8
- package/dist/types/head/MRT_TableHeadRow.d.ts +0 -12
- package/dist/types/head/index.d.ts +0 -9
- package/dist/types/hooks/index.d.ts +0 -4
- package/dist/types/hooks/useMRT_DisplayColumns.d.ts +0 -9
- package/dist/types/hooks/useMRT_Effects.d.ts +0 -2
- package/dist/types/hooks/useMRT_TableInstance.d.ts +0 -2
- package/dist/types/hooks/useMRT_TableOptions.d.ts +0 -22
- package/dist/types/icons.d.ts +0 -36
- package/dist/types/index.d.ts +0 -18
- package/dist/types/inputs/MRT_EditCellTextField.d.ts +0 -8
- package/dist/types/inputs/MRT_FilterCheckbox.d.ts +0 -8
- package/dist/types/inputs/MRT_FilterRangeFields.d.ts +0 -8
- package/dist/types/inputs/MRT_FilterRangeSlider.d.ts +0 -8
- package/dist/types/inputs/MRT_FilterTextField.d.ts +0 -9
- package/dist/types/inputs/MRT_GlobalFilterTextField.d.ts +0 -7
- package/dist/types/inputs/MRT_SelectCheckbox.d.ts +0 -9
- package/dist/types/inputs/index.d.ts +0 -7
- package/dist/types/locales/am.d.ts +0 -2
- package/dist/types/locales/ar.d.ts +0 -2
- package/dist/types/locales/az.d.ts +0 -2
- package/dist/types/locales/bg.d.ts +0 -2
- package/dist/types/locales/cs.d.ts +0 -2
- package/dist/types/locales/da.d.ts +0 -2
- package/dist/types/locales/de.d.ts +0 -2
- package/dist/types/locales/en.d.ts +0 -2
- package/dist/types/locales/es.d.ts +0 -2
- package/dist/types/locales/et.d.ts +0 -2
- package/dist/types/locales/fa.d.ts +0 -2
- package/dist/types/locales/fi.d.ts +0 -2
- package/dist/types/locales/fr.d.ts +0 -2
- package/dist/types/locales/hu.d.ts +0 -2
- package/dist/types/locales/hy.d.ts +0 -2
- package/dist/types/locales/id.d.ts +0 -2
- package/dist/types/locales/it.d.ts +0 -2
- package/dist/types/locales/ja.d.ts +0 -2
- package/dist/types/locales/ko.d.ts +0 -2
- package/dist/types/locales/nl.d.ts +0 -2
- package/dist/types/locales/no.d.ts +0 -2
- package/dist/types/locales/np.d.ts +0 -2
- package/dist/types/locales/pl.d.ts +0 -2
- package/dist/types/locales/pt-BR.d.ts +0 -2
- package/dist/types/locales/pt.d.ts +0 -2
- package/dist/types/locales/ro.d.ts +0 -2
- package/dist/types/locales/ru.d.ts +0 -2
- package/dist/types/locales/sk.d.ts +0 -2
- package/dist/types/locales/sr-Cyrl-RS.d.ts +0 -2
- package/dist/types/locales/sr-Latn-RS.d.ts +0 -2
- package/dist/types/locales/sv.d.ts +0 -2
- package/dist/types/locales/tr.d.ts +0 -2
- package/dist/types/locales/uk.d.ts +0 -2
- package/dist/types/locales/vi.d.ts +0 -2
- package/dist/types/locales/zh-Hans.d.ts +0 -2
- package/dist/types/locales/zh-Hant.d.ts +0 -2
- package/dist/types/menus/MRT_ColumnActionMenu.d.ts +0 -20
- package/dist/types/menus/MRT_FilterOptionMenu.d.ts +0 -13
- package/dist/types/menus/MRT_RowActionMenu.d.ts +0 -12
- package/dist/types/menus/MRT_ShowHideColumnsMenu.d.ts +0 -10
- package/dist/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +0 -12
- package/dist/types/menus/index.d.ts +0 -5
- package/dist/types/modals/MRT_EditRowModal.d.ts +0 -8
- package/dist/types/modals/index.d.ts +0 -1
- package/dist/types/sortingFns.d.ts +0 -12
- package/dist/types/style.utils.d.ts +0 -32
- package/dist/types/table/MRT_Table.d.ts +0 -7
- package/dist/types/table/MRT_TableContainer.d.ts +0 -7
- package/dist/types/table/MRT_TableLoadingOverlay.d.ts +0 -7
- package/dist/types/table/MRT_TablePaper.d.ts +0 -7
- package/dist/types/table/index.d.ts +0 -5
- package/dist/types/toolbar/MRT_BottomToolbar.d.ts +0 -7
- package/dist/types/toolbar/MRT_LinearProgressBar.d.ts +0 -8
- package/dist/types/toolbar/MRT_TablePagination.d.ts +0 -15
- package/dist/types/toolbar/MRT_ToolbarAlertBanner.d.ts +0 -8
- package/dist/types/toolbar/MRT_ToolbarDropZone.d.ts +0 -7
- package/dist/types/toolbar/MRT_ToolbarInternalButtons.d.ts +0 -7
- package/dist/types/toolbar/MRT_TopToolbar.d.ts +0 -6
- package/dist/types/toolbar/index.d.ts +0 -7
- package/dist/types/types.d.ts +0 -854
- package/dist/types/useMaterialReactTable.d.ts +0 -2
package/locales/fr/index.esm.js
CHANGED
@@ -49,7 +49,7 @@ const MRT_Localization_FR = {
|
|
49
49
|
groupByColumn: 'Grouper par {column}',
|
50
50
|
groupedBy: 'Groupé par ',
|
51
51
|
hideAll: 'Cacher tout',
|
52
|
-
hideColumn: 'Cacher {column}
|
52
|
+
hideColumn: 'Cacher colonne {column}',
|
53
53
|
max: 'Max',
|
54
54
|
min: 'Min',
|
55
55
|
move: 'Déplacer',
|
package/locales/fr/index.js
CHANGED
@@ -53,7 +53,7 @@ const MRT_Localization_FR = {
|
|
53
53
|
groupByColumn: 'Grouper par {column}',
|
54
54
|
groupedBy: 'Groupé par ',
|
55
55
|
hideAll: 'Cacher tout',
|
56
|
-
hideColumn: 'Cacher {column}
|
56
|
+
hideColumn: 'Cacher colonne {column}',
|
57
57
|
max: 'Max',
|
58
58
|
min: 'Min',
|
59
59
|
move: 'Déplacer',
|
@@ -0,0 +1,93 @@
|
|
1
|
+
const MRT_Localization_HE = {
|
2
|
+
actions: 'פעולות',
|
3
|
+
and: 'ו',
|
4
|
+
cancel: 'ביטול',
|
5
|
+
changeFilterMode: 'שינוי מצב סינון',
|
6
|
+
changeSearchMode: 'שינוי מצב חיפוש',
|
7
|
+
clearFilter: 'נקה סינון',
|
8
|
+
clearSearch: 'נקה חיפוש',
|
9
|
+
clearSort: 'נקה מיון',
|
10
|
+
clickToCopy: 'לחץ להעתקה',
|
11
|
+
collapse: 'צמצום',
|
12
|
+
collapseAll: 'צמצום הכל',
|
13
|
+
columnActions: 'פעולות עמודה',
|
14
|
+
copiedToClipboard: 'הועתק ללוח',
|
15
|
+
dropToGroupBy: 'גרור לקיבוץ לפי {column}',
|
16
|
+
edit: 'ערוך',
|
17
|
+
expand: 'הרחב',
|
18
|
+
expandAll: 'הרחב הכל',
|
19
|
+
filterArrIncludes: 'כולל',
|
20
|
+
filterArrIncludesAll: 'כולל הכל',
|
21
|
+
filterArrIncludesSome: 'כולל',
|
22
|
+
filterBetween: 'בין',
|
23
|
+
filterBetweenInclusive: 'בין כולל',
|
24
|
+
filterByColumn: 'סנן לפי {column}',
|
25
|
+
filterContains: 'מכיל',
|
26
|
+
filterEmpty: 'ריק',
|
27
|
+
filterEndsWith: 'מסתיים ב',
|
28
|
+
filterEquals: 'שווה',
|
29
|
+
filterEqualsString: 'שווה',
|
30
|
+
filterFuzzy: 'פעיל',
|
31
|
+
filterGreaterThan: 'גדול מ',
|
32
|
+
filterGreaterThanOrEqualTo: 'גדול או שווה ל',
|
33
|
+
filterInNumberRange: 'בין',
|
34
|
+
filterIncludesString: 'מכיל',
|
35
|
+
filterIncludesStringSensitive: 'מכיל',
|
36
|
+
filterLessThan: 'קטן מ',
|
37
|
+
filterLessThanOrEqualTo: 'קטן או שווה ל',
|
38
|
+
filterMode: 'מצב סינון: {filterType}',
|
39
|
+
filterNotEmpty: 'לא ריק',
|
40
|
+
filterNotEquals: 'לא שווה',
|
41
|
+
filterStartsWith: 'מתחיל ב',
|
42
|
+
filterWeakEquals: 'שווה',
|
43
|
+
filteringByColumn: 'מסנן לפי {column} - {filterType} {filterValue}',
|
44
|
+
goToFirstPage: 'לדף הראשון',
|
45
|
+
goToLastPage: 'לדף האחרון',
|
46
|
+
goToNextPage: 'לדף הבא',
|
47
|
+
goToPreviousPage: 'לדף הקודם',
|
48
|
+
grab: 'תפוס',
|
49
|
+
groupByColumn: 'קיבוץ לפי {column}',
|
50
|
+
groupedBy: 'קובץ לפי',
|
51
|
+
hideAll: 'הסתר הכל',
|
52
|
+
hideColumn: 'הסתר עמודה {column}',
|
53
|
+
max: 'מקסימום',
|
54
|
+
min: 'מינימום',
|
55
|
+
move: 'הזז',
|
56
|
+
noRecordsToDisplay: 'אין רשומות להצגה',
|
57
|
+
noResultsFound: 'לא נמצאו תוצאות',
|
58
|
+
of: 'מתוך',
|
59
|
+
or: 'או',
|
60
|
+
pin: 'נעץ',
|
61
|
+
pinToLeft: 'נעץ לשמאל',
|
62
|
+
pinToRight: 'נעץ לימין',
|
63
|
+
resetColumnSize: 'איפוס גודל עמודה',
|
64
|
+
resetOrder: 'איפוס סדר',
|
65
|
+
rowActions: 'פעולות שורה',
|
66
|
+
rowNumber: '#',
|
67
|
+
rowNumbers: 'מספרי שורות',
|
68
|
+
rowsPerPage: 'שורות לעמוד',
|
69
|
+
save: 'שמור',
|
70
|
+
search: 'חיפוש',
|
71
|
+
selectedCountOfRowCountRowsSelected: '{selectedCount} מתוך {rowCount} שורות נבחרו',
|
72
|
+
select: 'בחר',
|
73
|
+
showAll: 'הצג הכל',
|
74
|
+
showAllColumns: 'הצג את כל העמודות',
|
75
|
+
showHideColumns: 'הצג/הסתר עמודות',
|
76
|
+
showHideFilters: 'הצג/הסתר סינונים',
|
77
|
+
showHideSearch: 'הצג/הסתר חיפוש',
|
78
|
+
sortByColumnAsc: 'מיין לפי {column} בסדר עולה',
|
79
|
+
sortByColumnDesc: 'מיין לפי {column} בסדר יורד',
|
80
|
+
sortedByColumnAsc: 'ממוין לפי {column} בסדר עולה',
|
81
|
+
sortedByColumnDesc: 'ממוין לפי {column} בסדר יורד',
|
82
|
+
thenBy: ', ואז לפי ',
|
83
|
+
toggleDensity: 'שנה צפיפות',
|
84
|
+
toggleFullScreen: 'מסך מלא',
|
85
|
+
toggleSelectAll: 'בחר/בטל בחירת הכל',
|
86
|
+
toggleSelectRow: 'בחר/בטל בחירת שורה',
|
87
|
+
toggleVisibility: 'הצג/הסתר',
|
88
|
+
ungroupByColumn: 'בטל קיבוץ לפי {column}',
|
89
|
+
unpin: 'בטל נעיצה',
|
90
|
+
unpinAll: 'בטל נעיצת הכל',
|
91
|
+
};
|
92
|
+
|
93
|
+
export { MRT_Localization_HE };
|
@@ -0,0 +1,97 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
const MRT_Localization_HE = {
|
6
|
+
actions: 'פעולות',
|
7
|
+
and: 'ו',
|
8
|
+
cancel: 'ביטול',
|
9
|
+
changeFilterMode: 'שינוי מצב סינון',
|
10
|
+
changeSearchMode: 'שינוי מצב חיפוש',
|
11
|
+
clearFilter: 'נקה סינון',
|
12
|
+
clearSearch: 'נקה חיפוש',
|
13
|
+
clearSort: 'נקה מיון',
|
14
|
+
clickToCopy: 'לחץ להעתקה',
|
15
|
+
collapse: 'צמצום',
|
16
|
+
collapseAll: 'צמצום הכל',
|
17
|
+
columnActions: 'פעולות עמודה',
|
18
|
+
copiedToClipboard: 'הועתק ללוח',
|
19
|
+
dropToGroupBy: 'גרור לקיבוץ לפי {column}',
|
20
|
+
edit: 'ערוך',
|
21
|
+
expand: 'הרחב',
|
22
|
+
expandAll: 'הרחב הכל',
|
23
|
+
filterArrIncludes: 'כולל',
|
24
|
+
filterArrIncludesAll: 'כולל הכל',
|
25
|
+
filterArrIncludesSome: 'כולל',
|
26
|
+
filterBetween: 'בין',
|
27
|
+
filterBetweenInclusive: 'בין כולל',
|
28
|
+
filterByColumn: 'סנן לפי {column}',
|
29
|
+
filterContains: 'מכיל',
|
30
|
+
filterEmpty: 'ריק',
|
31
|
+
filterEndsWith: 'מסתיים ב',
|
32
|
+
filterEquals: 'שווה',
|
33
|
+
filterEqualsString: 'שווה',
|
34
|
+
filterFuzzy: 'פעיל',
|
35
|
+
filterGreaterThan: 'גדול מ',
|
36
|
+
filterGreaterThanOrEqualTo: 'גדול או שווה ל',
|
37
|
+
filterInNumberRange: 'בין',
|
38
|
+
filterIncludesString: 'מכיל',
|
39
|
+
filterIncludesStringSensitive: 'מכיל',
|
40
|
+
filterLessThan: 'קטן מ',
|
41
|
+
filterLessThanOrEqualTo: 'קטן או שווה ל',
|
42
|
+
filterMode: 'מצב סינון: {filterType}',
|
43
|
+
filterNotEmpty: 'לא ריק',
|
44
|
+
filterNotEquals: 'לא שווה',
|
45
|
+
filterStartsWith: 'מתחיל ב',
|
46
|
+
filterWeakEquals: 'שווה',
|
47
|
+
filteringByColumn: 'מסנן לפי {column} - {filterType} {filterValue}',
|
48
|
+
goToFirstPage: 'לדף הראשון',
|
49
|
+
goToLastPage: 'לדף האחרון',
|
50
|
+
goToNextPage: 'לדף הבא',
|
51
|
+
goToPreviousPage: 'לדף הקודם',
|
52
|
+
grab: 'תפוס',
|
53
|
+
groupByColumn: 'קיבוץ לפי {column}',
|
54
|
+
groupedBy: 'קובץ לפי',
|
55
|
+
hideAll: 'הסתר הכל',
|
56
|
+
hideColumn: 'הסתר עמודה {column}',
|
57
|
+
max: 'מקסימום',
|
58
|
+
min: 'מינימום',
|
59
|
+
move: 'הזז',
|
60
|
+
noRecordsToDisplay: 'אין רשומות להצגה',
|
61
|
+
noResultsFound: 'לא נמצאו תוצאות',
|
62
|
+
of: 'מתוך',
|
63
|
+
or: 'או',
|
64
|
+
pin: 'נעץ',
|
65
|
+
pinToLeft: 'נעץ לשמאל',
|
66
|
+
pinToRight: 'נעץ לימין',
|
67
|
+
resetColumnSize: 'איפוס גודל עמודה',
|
68
|
+
resetOrder: 'איפוס סדר',
|
69
|
+
rowActions: 'פעולות שורה',
|
70
|
+
rowNumber: '#',
|
71
|
+
rowNumbers: 'מספרי שורות',
|
72
|
+
rowsPerPage: 'שורות לעמוד',
|
73
|
+
save: 'שמור',
|
74
|
+
search: 'חיפוש',
|
75
|
+
selectedCountOfRowCountRowsSelected: '{selectedCount} מתוך {rowCount} שורות נבחרו',
|
76
|
+
select: 'בחר',
|
77
|
+
showAll: 'הצג הכל',
|
78
|
+
showAllColumns: 'הצג את כל העמודות',
|
79
|
+
showHideColumns: 'הצג/הסתר עמודות',
|
80
|
+
showHideFilters: 'הצג/הסתר סינונים',
|
81
|
+
showHideSearch: 'הצג/הסתר חיפוש',
|
82
|
+
sortByColumnAsc: 'מיין לפי {column} בסדר עולה',
|
83
|
+
sortByColumnDesc: 'מיין לפי {column} בסדר יורד',
|
84
|
+
sortedByColumnAsc: 'ממוין לפי {column} בסדר עולה',
|
85
|
+
sortedByColumnDesc: 'ממוין לפי {column} בסדר יורד',
|
86
|
+
thenBy: ', ואז לפי ',
|
87
|
+
toggleDensity: 'שנה צפיפות',
|
88
|
+
toggleFullScreen: 'מסך מלא',
|
89
|
+
toggleSelectAll: 'בחר/בטל בחירת הכל',
|
90
|
+
toggleSelectRow: 'בחר/בטל בחירת שורה',
|
91
|
+
toggleVisibility: 'הצג/הסתר',
|
92
|
+
ungroupByColumn: 'בטל קיבוץ לפי {column}',
|
93
|
+
unpin: 'בטל נעיצה',
|
94
|
+
unpinAll: 'בטל נעיצת הכל',
|
95
|
+
};
|
96
|
+
|
97
|
+
exports.MRT_Localization_HE = MRT_Localization_HE;
|
package/package.json
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
{
|
2
|
-
"version": "2.0
|
2
|
+
"version": "2.1.0",
|
3
3
|
"license": "MIT",
|
4
4
|
"name": "material-react-table",
|
5
5
|
"description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
|
@@ -66,27 +66,27 @@
|
|
66
66
|
"@emotion/react": "^11.11.1",
|
67
67
|
"@emotion/styled": "^11.11.0",
|
68
68
|
"@faker-js/faker": "^8.3.1",
|
69
|
-
"@mui/icons-material": "^5.15.
|
70
|
-
"@mui/material": "^5.15.
|
71
|
-
"@mui/x-date-pickers": "^6.18.
|
69
|
+
"@mui/icons-material": "^5.15.1",
|
70
|
+
"@mui/material": "^5.15.1",
|
71
|
+
"@mui/x-date-pickers": "^6.18.5",
|
72
72
|
"@rollup/plugin-typescript": "^11.1.5",
|
73
73
|
"@size-limit/preset-small-lib": "^11.0.1",
|
74
|
-
"@storybook/addon-a11y": "^7.
|
75
|
-
"@storybook/addon-essentials": "^7.
|
76
|
-
"@storybook/addon-interactions": "^7.
|
77
|
-
"@storybook/addon-links": "^7.
|
78
|
-
"@storybook/addon-storysource": "^7.
|
79
|
-
"@storybook/blocks": "^7.
|
80
|
-
"@storybook/react": "^7.
|
81
|
-
"@storybook/react-vite": "^7.
|
74
|
+
"@storybook/addon-a11y": "^7.6.6",
|
75
|
+
"@storybook/addon-essentials": "^7.6.6",
|
76
|
+
"@storybook/addon-interactions": "^7.6.6",
|
77
|
+
"@storybook/addon-links": "^7.6.6",
|
78
|
+
"@storybook/addon-storysource": "^7.6.6",
|
79
|
+
"@storybook/blocks": "^7.6.6",
|
80
|
+
"@storybook/react": "^7.6.6",
|
81
|
+
"@storybook/react-vite": "^7.6.6",
|
82
82
|
"@storybook/testing-library": "^0.2.2",
|
83
|
-
"@types/node": "^20.10.
|
83
|
+
"@types/node": "^20.10.5",
|
84
84
|
"@types/react": "^18.2.45",
|
85
|
-
"@types/react-dom": "^18.2.
|
86
|
-
"@typescript-eslint/eslint-plugin": "^6.
|
87
|
-
"@typescript-eslint/parser": "^6.
|
85
|
+
"@types/react-dom": "^18.2.18",
|
86
|
+
"@typescript-eslint/eslint-plugin": "^6.15.0",
|
87
|
+
"@typescript-eslint/parser": "^6.15.0",
|
88
88
|
"@vitejs/plugin-react": "^4.2.1",
|
89
|
-
"eslint": "^8.
|
89
|
+
"eslint": "^8.56.0",
|
90
90
|
"eslint-plugin-mui-path-imports": "^0.0.15",
|
91
91
|
"eslint-plugin-perfectionist": "^2.5.0",
|
92
92
|
"prop-types": "^15.8.1",
|
@@ -97,11 +97,11 @@
|
|
97
97
|
"rollup-plugin-dts": "^6.1.0",
|
98
98
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
99
99
|
"size-limit": "^11.0.1",
|
100
|
-
"storybook": "^7.
|
101
|
-
"storybook-dark-mode": "^3.0.
|
100
|
+
"storybook": "^7.6.6",
|
101
|
+
"storybook-dark-mode": "^3.0.3",
|
102
102
|
"tslib": "^2.6.2",
|
103
103
|
"typescript": "^5.3.3",
|
104
|
-
"vite": "^5.0.
|
104
|
+
"vite": "^5.0.10"
|
105
105
|
},
|
106
106
|
"peerDependencies": {
|
107
107
|
"@emotion/react": ">=11.11",
|
@@ -114,7 +114,7 @@
|
|
114
114
|
},
|
115
115
|
"dependencies": {
|
116
116
|
"@tanstack/match-sorter-utils": "8.8.4",
|
117
|
-
"@tanstack/react-table": "8.
|
117
|
+
"@tanstack/react-table": "8.11.2",
|
118
118
|
"@tanstack/react-virtual": "3.0.1",
|
119
119
|
"highlight-words": "1.2.2"
|
120
120
|
}
|
@@ -50,6 +50,7 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
|
|
50
50
|
const {
|
51
51
|
getState,
|
52
52
|
options: {
|
53
|
+
columnResizeDirection,
|
53
54
|
columnResizeMode,
|
54
55
|
createDisplayMode,
|
55
56
|
editDisplayMode,
|
@@ -119,28 +120,28 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
|
|
119
120
|
const isFirstColumn = getIsFirstColumn(column, table);
|
120
121
|
const isLastColumn = getIsLastColumn(column, table);
|
121
122
|
const isLastRow = numRows && rowIndex === numRows - 1;
|
123
|
+
const isResizingColumn = columnSizingInfo.isResizingColumn === column.id;
|
122
124
|
const showResizeBorder =
|
123
|
-
|
124
|
-
columnResizeMode === 'onChange';
|
125
|
+
isResizingColumn && columnResizeMode === 'onChange';
|
125
126
|
|
126
127
|
const borderStyle = showResizeBorder
|
127
128
|
? `2px solid ${draggingBorderColor} !important`
|
128
129
|
: isDraggingColumn || isDraggingRow
|
129
130
|
? `1px dashed ${theme.palette.grey[500]} !important`
|
130
|
-
: isHoveredColumn ||
|
131
|
-
isHoveredRow ||
|
132
|
-
columnSizingInfo.isResizingColumn === column.id
|
131
|
+
: isHoveredColumn || isHoveredRow || isResizingColumn
|
133
132
|
? `2px dashed ${draggingBorderColor} !important`
|
134
133
|
: undefined;
|
135
134
|
|
136
135
|
if (showResizeBorder) {
|
137
|
-
return
|
136
|
+
return columnResizeDirection === 'ltr'
|
137
|
+
? { borderRight: borderStyle }
|
138
|
+
: { borderLeft: borderStyle };
|
138
139
|
}
|
139
140
|
|
140
141
|
return borderStyle
|
141
142
|
? {
|
142
143
|
borderBottom:
|
143
|
-
isDraggingRow || isHoveredRow || isLastRow
|
144
|
+
isDraggingRow || isHoveredRow || (isLastRow && !isResizingColumn)
|
144
145
|
? borderStyle
|
145
146
|
: undefined,
|
146
147
|
borderLeft:
|
@@ -32,6 +32,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
|
|
32
32
|
getState,
|
33
33
|
options: {
|
34
34
|
columnFilterDisplayMode,
|
35
|
+
columnResizeDirection,
|
35
36
|
columnResizeMode,
|
36
37
|
enableColumnActions,
|
37
38
|
enableColumnDragging,
|
@@ -103,7 +104,9 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
|
|
103
104
|
: undefined;
|
104
105
|
|
105
106
|
if (showResizeBorder) {
|
106
|
-
return
|
107
|
+
return columnResizeDirection === 'ltr'
|
108
|
+
? { borderRight: borderStyle }
|
109
|
+
: { borderLeft: borderStyle };
|
107
110
|
}
|
108
111
|
const draggingBorders = borderStyle
|
109
112
|
? {
|
@@ -19,12 +19,21 @@ export const MRT_TableHeadCellResizeHandle = <TData extends MRT_RowData>({
|
|
19
19
|
}: Props<TData>) => {
|
20
20
|
const {
|
21
21
|
getState,
|
22
|
-
options: { columnResizeMode },
|
22
|
+
options: { columnResizeDirection, columnResizeMode },
|
23
23
|
setColumnSizingInfo,
|
24
24
|
} = table;
|
25
25
|
const { density } = getState();
|
26
26
|
const { column } = header;
|
27
27
|
|
28
|
+
const mx =
|
29
|
+
density === 'compact'
|
30
|
+
? '-8px'
|
31
|
+
: density === 'comfortable'
|
32
|
+
? '-16px'
|
33
|
+
: '-24px';
|
34
|
+
|
35
|
+
const lr = column.columnDef.columnDefType === 'display' ? '4px' : '0';
|
36
|
+
|
28
37
|
return (
|
29
38
|
<Box
|
30
39
|
className="Mui-TableHeadCell-ResizeHandle-Wrapper"
|
@@ -40,7 +49,10 @@ export const MRT_TableHeadCellResizeHandle = <TData extends MRT_RowData>({
|
|
40
49
|
style={{
|
41
50
|
transform:
|
42
51
|
column.getIsResizing() && columnResizeMode === 'onEnd'
|
43
|
-
? `translateX(${
|
52
|
+
? `translateX(${
|
53
|
+
(columnResizeDirection === 'rtl' ? -1 : 1) *
|
54
|
+
(getState().columnSizingInfo.deltaOffset ?? 0)
|
55
|
+
}px)`
|
44
56
|
: undefined,
|
45
57
|
}}
|
46
58
|
sx={(theme) => ({
|
@@ -50,15 +62,12 @@ export const MRT_TableHeadCellResizeHandle = <TData extends MRT_RowData>({
|
|
50
62
|
header.subHeaders.length || columnResizeMode === 'onEnd' ? 1 : 0,
|
51
63
|
},
|
52
64
|
cursor: 'col-resize',
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
: density === 'comfortable'
|
57
|
-
? '-16px'
|
58
|
-
: '-24px',
|
65
|
+
left: columnResizeDirection === 'rtl' ? lr : undefined,
|
66
|
+
ml: columnResizeDirection === 'rtl' ? mx : undefined,
|
67
|
+
mr: columnResizeDirection === 'ltr' ? mx : undefined,
|
59
68
|
position: 'absolute',
|
60
69
|
px: '4px',
|
61
|
-
right:
|
70
|
+
right: columnResizeDirection === 'ltr' ? lr : undefined,
|
62
71
|
})}
|
63
72
|
>
|
64
73
|
<Divider
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { useMemo } from 'react';
|
2
|
+
import { useTheme } from '@mui/material';
|
2
3
|
import { MRT_AggregationFns } from '../aggregationFns';
|
3
4
|
import { MRT_FilterFns } from '../filterFns';
|
4
5
|
import { MRT_Default_Icons } from '../icons';
|
@@ -38,6 +39,7 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
|
|
38
39
|
aggregationFns,
|
39
40
|
autoResetExpanded = false,
|
40
41
|
columnFilterDisplayMode = 'subheader',
|
42
|
+
columnResizeDirection,
|
41
43
|
columnResizeMode = 'onChange',
|
42
44
|
createDisplayMode = 'modal',
|
43
45
|
defaultColumn,
|
@@ -92,6 +94,7 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
|
|
92
94
|
sortingFns,
|
93
95
|
...rest
|
94
96
|
}: MRT_TableOptions<TData>) => {
|
97
|
+
const theme = useTheme();
|
95
98
|
const _icons = useMemo(() => ({ ...MRT_Default_Icons, ...icons }), [icons]);
|
96
99
|
const _localization = useMemo(
|
97
100
|
() => ({
|
@@ -118,6 +121,10 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
|
|
118
121
|
[defaultDisplayColumn],
|
119
122
|
);
|
120
123
|
|
124
|
+
if (!columnResizeDirection) {
|
125
|
+
columnResizeDirection = theme.direction || 'ltr';
|
126
|
+
}
|
127
|
+
|
121
128
|
layoutMode =
|
122
129
|
layoutMode || (enableColumnResizing ? 'grid-no-grow' : 'semantic');
|
123
130
|
if (
|
@@ -146,6 +153,7 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
|
|
146
153
|
aggregationFns: _aggregationFns,
|
147
154
|
autoResetExpanded,
|
148
155
|
columnFilterDisplayMode,
|
156
|
+
columnResizeDirection,
|
149
157
|
columnResizeMode,
|
150
158
|
createDisplayMode,
|
151
159
|
defaultColumn: _defaultColumn,
|
@@ -127,7 +127,9 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
|
|
127
127
|
variant="standard"
|
128
128
|
{...textFieldProps}
|
129
129
|
InputProps={{
|
130
|
-
|
130
|
+
...(textFieldProps.variant !== 'outlined'
|
131
|
+
? { disableUnderline: editDisplayMode === 'table' }
|
132
|
+
: {}),
|
131
133
|
...textFieldProps.InputProps,
|
132
134
|
sx: (theme) => ({
|
133
135
|
mb: 0,
|
@@ -290,7 +290,7 @@ export const MRT_FilterTextField = <TData extends MRT_RowData>({
|
|
290
290
|
whiteSpace: 'nowrap',
|
291
291
|
},
|
292
292
|
},
|
293
|
-
InputProps: endAdornment //hack because mui looks for
|
293
|
+
InputProps: endAdornment //hack because mui looks for presence of endAdornment key instead of undefined
|
294
294
|
? { endAdornment, startAdornment }
|
295
295
|
: { startAdornment },
|
296
296
|
fullWidth: true,
|
package/src/locales/fr.ts
CHANGED
@@ -51,7 +51,7 @@ export const MRT_Localization_FR: MRT_Localization = {
|
|
51
51
|
groupByColumn: 'Grouper par {column}',
|
52
52
|
groupedBy: 'Groupé par ',
|
53
53
|
hideAll: 'Cacher tout',
|
54
|
-
hideColumn: 'Cacher {column}
|
54
|
+
hideColumn: 'Cacher colonne {column}',
|
55
55
|
max: 'Max',
|
56
56
|
min: 'Min',
|
57
57
|
move: 'Déplacer',
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { type MRT_RowData, type MRT_TableInstance, type MRT_TableOptions, type Xor } from './types';
|
2
|
-
type TableInstanceProp<TData extends MRT_RowData> = {
|
3
|
-
table: MRT_TableInstance<TData>;
|
4
|
-
};
|
5
|
-
type Props<TData extends MRT_RowData> = Xor<TableInstanceProp<TData>, MRT_TableOptions<TData>>;
|
6
|
-
export declare const MaterialReactTable: <TData extends MRT_RowData>(props: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
7
|
-
export {};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
export declare const MRT_AggregationFns: {
|
2
|
-
sum: import("@tanstack/react-table").AggregationFn<any>;
|
3
|
-
min: import("@tanstack/react-table").AggregationFn<any>;
|
4
|
-
max: import("@tanstack/react-table").AggregationFn<any>;
|
5
|
-
extent: import("@tanstack/react-table").AggregationFn<any>;
|
6
|
-
mean: import("@tanstack/react-table").AggregationFn<any>;
|
7
|
-
median: import("@tanstack/react-table").AggregationFn<any>;
|
8
|
-
unique: import("@tanstack/react-table").AggregationFn<any>;
|
9
|
-
uniqueCount: import("@tanstack/react-table").AggregationFn<any>;
|
10
|
-
count: import("@tanstack/react-table").AggregationFn<any>;
|
11
|
-
};
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { type VirtualItem, type Virtualizer } from '@tanstack/react-virtual';
|
2
|
-
import { type TableBodyProps } from '@mui/material/TableBody';
|
3
|
-
import { type MRT_RowData, type MRT_TableInstance } from '../types';
|
4
|
-
interface Props<TData extends MRT_RowData> extends TableBodyProps {
|
5
|
-
columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
|
6
|
-
table: MRT_TableInstance<TData>;
|
7
|
-
virtualColumns?: VirtualItem[];
|
8
|
-
virtualPaddingLeft?: number;
|
9
|
-
virtualPaddingRight?: number;
|
10
|
-
}
|
11
|
-
export declare const MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
12
|
-
export declare const Memo_MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
13
|
-
export {};
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import { type RefObject } from 'react';
|
2
|
-
import { type TableCellProps } from '@mui/material/TableCell';
|
3
|
-
import { type MRT_Cell, type MRT_RowData, type MRT_TableInstance } from '../types';
|
4
|
-
interface Props<TData extends MRT_RowData> extends TableCellProps {
|
5
|
-
cell: MRT_Cell<TData>;
|
6
|
-
measureElement?: (element: HTMLTableCellElement) => void;
|
7
|
-
numRows?: number;
|
8
|
-
rowIndex: number;
|
9
|
-
rowRef: RefObject<HTMLTableRowElement>;
|
10
|
-
table: MRT_TableInstance<TData>;
|
11
|
-
virtualIndex?: number;
|
12
|
-
}
|
13
|
-
export declare const MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
14
|
-
export declare const Memo_MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
15
|
-
export {};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { type ReactNode } from 'react';
|
2
|
-
import { type MRT_Cell, type MRT_RowData, type MRT_TableInstance } from '../types';
|
3
|
-
interface Props<TData extends MRT_RowData> {
|
4
|
-
cell: MRT_Cell<TData>;
|
5
|
-
table: MRT_TableInstance<TData>;
|
6
|
-
}
|
7
|
-
export declare const MRT_TableBodyCellValue: <TData extends MRT_RowData>({ cell, table, }: Props<TData>) => ReactNode;
|
8
|
-
export {};
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { type VirtualItem, type Virtualizer } from '@tanstack/react-virtual';
|
2
|
-
import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
|
3
|
-
interface Props<TData extends MRT_RowData> {
|
4
|
-
columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
|
5
|
-
measureElement?: (element: HTMLTableRowElement) => void;
|
6
|
-
numRows?: number;
|
7
|
-
pinnedRowIds?: string[];
|
8
|
-
row: MRT_Row<TData>;
|
9
|
-
rowIndex: number;
|
10
|
-
table: MRT_TableInstance<TData>;
|
11
|
-
virtualColumns?: VirtualItem[];
|
12
|
-
virtualPaddingLeft?: number;
|
13
|
-
virtualPaddingRight?: number;
|
14
|
-
virtualRow?: VirtualItem;
|
15
|
-
}
|
16
|
-
export declare const MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
17
|
-
export declare const Memo_MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
18
|
-
export {};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import { type RefObject } from 'react';
|
2
|
-
import { type IconButtonProps } from '@mui/material/IconButton';
|
3
|
-
import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
|
4
|
-
interface Props<TData extends MRT_RowData> extends IconButtonProps {
|
5
|
-
row: MRT_Row<TData>;
|
6
|
-
rowRef: RefObject<HTMLTableRowElement>;
|
7
|
-
table: MRT_TableInstance<TData>;
|
8
|
-
}
|
9
|
-
export declare const MRT_TableBodyRowGrabHandle: <TData extends MRT_RowData>({ row, rowRef, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
10
|
-
export {};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { type IconButtonProps } from '@mui/material/IconButton';
|
2
|
-
import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
|
3
|
-
interface Props<TData extends MRT_RowData> extends IconButtonProps {
|
4
|
-
row: MRT_Row<TData>;
|
5
|
-
table: MRT_TableInstance<TData>;
|
6
|
-
}
|
7
|
-
export declare const MRT_TableBodyRowPinButton: <TData extends MRT_RowData>({ row, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element | null;
|
8
|
-
export {};
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { type RefObject } from 'react';
|
2
|
-
import { type VirtualItem } from '@tanstack/react-virtual';
|
3
|
-
import { type TableCellProps } from '@mui/material/TableCell';
|
4
|
-
import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
|
5
|
-
interface Props<TData extends MRT_RowData> extends TableCellProps {
|
6
|
-
parentRowRef: RefObject<HTMLTableRowElement>;
|
7
|
-
row: MRT_Row<TData>;
|
8
|
-
rowIndex: number;
|
9
|
-
table: MRT_TableInstance<TData>;
|
10
|
-
virtualRow?: VirtualItem;
|
11
|
-
}
|
12
|
-
export declare const MRT_TableDetailPanel: <TData extends MRT_RowData>({ parentRowRef, row, rowIndex, table, virtualRow, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
13
|
-
export {};
|
@@ -1,7 +0,0 @@
|
|
1
|
-
export * from './MRT_TableBody';
|
2
|
-
export * from './MRT_TableBodyCell';
|
3
|
-
export * from './MRT_TableBodyCellValue';
|
4
|
-
export * from './MRT_TableBodyRow';
|
5
|
-
export * from './MRT_TableBodyRowGrabHandle';
|
6
|
-
export * from './MRT_TableBodyRowPinButton';
|
7
|
-
export * from './MRT_TableDetailPanel';
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { type BoxProps } from '@mui/material/Box';
|
2
|
-
import { type MRT_Column, type MRT_RowData, type MRT_TableInstance } from '../types';
|
3
|
-
interface Props<TData extends MRT_RowData> extends BoxProps {
|
4
|
-
column: MRT_Column<TData>;
|
5
|
-
table: MRT_TableInstance<TData>;
|
6
|
-
}
|
7
|
-
export declare const MRT_ColumnPinningButtons: <TData extends MRT_RowData>({ column, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
8
|
-
export {};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import { type ButtonProps } from '@mui/material/Button';
|
2
|
-
import { type MRT_Cell, type MRT_RowData, type MRT_TableInstance } from '../types';
|
3
|
-
interface Props<TData extends MRT_RowData> extends ButtonProps {
|
4
|
-
cell: MRT_Cell<TData>;
|
5
|
-
table: MRT_TableInstance<TData>;
|
6
|
-
}
|
7
|
-
export declare const MRT_CopyButton: <TData extends MRT_RowData>({ cell, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
|
8
|
-
export {};
|