material-react-table 2.12.1 → 2.13.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/index.d.ts +85 -78
- package/dist/index.esm.js +15 -8
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +15 -8
- package/dist/index.js.map +1 -1
- package/locales/el/index.d.ts +3 -0
- package/locales/el/index.esm.d.ts +3 -0
- package/locales/el/index.esm.js +95 -0
- package/locales/el/index.js +99 -0
- package/locales/el/package.json +6 -0
- package/locales/pl/index.esm.js +5 -5
- package/locales/pl/index.js +5 -5
- package/package.json +41 -42
- package/src/components/body/MRT_TableBody.tsx +1 -1
- package/src/components/body/MRT_TableBodyCell.tsx +2 -0
- package/src/components/body/MRT_TableBodyCellValue.tsx +4 -0
- package/src/components/body/MRT_TableBodyRow.tsx +1 -1
- package/src/components/body/MRT_TableDetailPanel.tsx +1 -1
- package/src/components/buttons/MRT_EditActionButtons.tsx +2 -0
- package/src/components/inputs/MRT_EditCellTextField.tsx +1 -0
- package/src/components/inputs/MRT_FilterTextField.tsx +10 -19
- package/src/components/inputs/MRT_SelectCheckbox.tsx +1 -1
- package/src/components/table/MRT_TablePaper.tsx +4 -1
- package/src/hooks/useMRT_ColumnVirtualizer.ts +1 -1
- package/src/hooks/useMRT_RowVirtualizer.ts +1 -1
- package/src/hooks/useMRT_TableOptions.ts +10 -6
- package/src/locales/el.ts +96 -0
- package/src/locales/pl.ts +5 -5
- package/src/types.ts +47 -41
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
const MRT_Localization_EL = {
|
|
2
|
+
actions: 'Ενέργειες',
|
|
3
|
+
and: 'και',
|
|
4
|
+
cancel: 'Ακύρωση',
|
|
5
|
+
changeFilterMode: 'Αλλαγή λειτουργίας φίλτρου',
|
|
6
|
+
changeSearchMode: 'Αλλαγή λειτουργίας αναζήτησης',
|
|
7
|
+
clearFilter: 'Καθαρισμός φίλτρου',
|
|
8
|
+
clearSearch: 'Καθαρισμός αναζήτησης',
|
|
9
|
+
clearSelection: 'Καθαρισμός επιλογής',
|
|
10
|
+
clearSort: 'Καθαρισμός ταξινόμησης',
|
|
11
|
+
clickToCopy: 'Κλικ για αντιγραφή',
|
|
12
|
+
copy: 'Αντιγραφή',
|
|
13
|
+
collapse: 'Σύμπτυξη',
|
|
14
|
+
collapseAll: 'Σύμπτυξη όλων',
|
|
15
|
+
columnActions: 'Ενέργειες στη στήλη',
|
|
16
|
+
copiedToClipboard: 'Αντιγράφηκε στο πρόχειρο',
|
|
17
|
+
dropToGroupBy: 'Τοποθέτηση για ομαδοποίηση ανά {column}',
|
|
18
|
+
edit: 'Επεξεργασία',
|
|
19
|
+
expand: 'Επέκταση',
|
|
20
|
+
expandAll: 'Επέκταση όλων',
|
|
21
|
+
filterArrIncludes: 'Περιλαμβάνει',
|
|
22
|
+
filterArrIncludesAll: 'Περιλαμβάνει όλα',
|
|
23
|
+
filterArrIncludesSome: 'Περιλαμβάνει',
|
|
24
|
+
filterBetween: 'Μεταξύ',
|
|
25
|
+
filterBetweenInclusive: 'Μεταξύ συμπεριλαμβανομένων',
|
|
26
|
+
filterByColumn: 'Φιλτράρισμα ανά {column}',
|
|
27
|
+
filterContains: 'Περιέχει',
|
|
28
|
+
filterEmpty: 'Κενό',
|
|
29
|
+
filterEndsWith: 'Τελειώνει με',
|
|
30
|
+
filterEquals: 'Ίσο',
|
|
31
|
+
filterEqualsString: 'Ίσο (συμβολοσειρά)',
|
|
32
|
+
filterFuzzy: 'Ασαφές',
|
|
33
|
+
filterGreaterThan: 'Μεγαλύτερο από',
|
|
34
|
+
filterGreaterThanOrEqualTo: 'Μεγαλύτερο ή ίσο με',
|
|
35
|
+
filterInNumberRange: 'Μεταξύ αριθμών',
|
|
36
|
+
filterIncludesString: 'Περιλαμβάνει συμβολοσειρά',
|
|
37
|
+
filterIncludesStringSensitive: 'Περιλαμβάνει συμβολοσειρά (ευαίσθητο)',
|
|
38
|
+
filterLessThan: 'Μικρότερο από',
|
|
39
|
+
filterLessThanOrEqualTo: 'Μικρότερο ή ίσο με',
|
|
40
|
+
filterMode: 'Λειτουργία φίλτρου: {filterType}',
|
|
41
|
+
filterNotEmpty: 'Όχι κενό',
|
|
42
|
+
filterNotEquals: 'Όχι ίσο',
|
|
43
|
+
filterStartsWith: 'Ξεκινάει με',
|
|
44
|
+
filterWeakEquals: 'Ίσο (ανακριβές)',
|
|
45
|
+
filteringByColumn: 'Φιλτράρισμα ανά {column} - {filterType} {filterValue}',
|
|
46
|
+
goToFirstPage: 'Πήγαινε στην πρώτη σελίδα',
|
|
47
|
+
goToLastPage: 'Πήγαινε στην τελευταία σελίδα',
|
|
48
|
+
goToNextPage: 'Πήγαινε στην επόμενη σελίδα',
|
|
49
|
+
goToPreviousPage: 'Πήγαινε στην προηγούμενη σελίδα',
|
|
50
|
+
grab: 'Σύρσιμο',
|
|
51
|
+
groupByColumn: 'Ομαδοποίηση ανά {column}',
|
|
52
|
+
groupedBy: 'Ομαδοποιημένο ανά ',
|
|
53
|
+
hideAll: 'Απόκρυψη όλων',
|
|
54
|
+
hideColumn: 'Απόκρυψη στήλης {column}',
|
|
55
|
+
max: 'Μέγιστο',
|
|
56
|
+
min: 'Ελάχιστο',
|
|
57
|
+
move: 'Μετακίνηση',
|
|
58
|
+
noRecordsToDisplay: 'Δεν υπάρχουν εγγραφές για εμφάνιση',
|
|
59
|
+
noResultsFound: 'Δεν βρέθηκαν αποτελέσματα',
|
|
60
|
+
of: 'από',
|
|
61
|
+
or: 'ή',
|
|
62
|
+
pin: 'Καρφίτσωμα',
|
|
63
|
+
pinToLeft: 'Καρφίτσωμα αριστερά',
|
|
64
|
+
pinToRight: 'Καρφίτσωμα δεξιά',
|
|
65
|
+
resetColumnSize: 'Επαναφορά μεγέθους στήλης',
|
|
66
|
+
resetOrder: 'Επαναφορά ταξινόμησης',
|
|
67
|
+
rowActions: 'Ενέργειες γραμμής',
|
|
68
|
+
rowNumber: '#',
|
|
69
|
+
rowNumbers: 'Αριθμοί γραμμών',
|
|
70
|
+
rowsPerPage: 'Γραμμές ανά σελίδα',
|
|
71
|
+
save: 'Αποθήκευση',
|
|
72
|
+
search: 'Αναζήτηση',
|
|
73
|
+
selectedCountOfRowCountRowsSelected: '{selectedCount} από {rowCount} επιλεγμένη(ες) γραμμή(ες)',
|
|
74
|
+
select: 'Επιλογή',
|
|
75
|
+
showAll: 'Εμφάνιση όλων',
|
|
76
|
+
showAllColumns: 'Εμφάνιση όλων των στηλών',
|
|
77
|
+
showHideColumns: 'Εμφάνιση/απόκρυψη στηλών',
|
|
78
|
+
showHideFilters: 'Εμφάνιση/απόκρυψη φίλτρων',
|
|
79
|
+
showHideSearch: 'Εμφάνιση/απόκρυψη αναζήτησης',
|
|
80
|
+
sortByColumnAsc: 'Ταξινόμηση κατά {column} αύξουσα',
|
|
81
|
+
sortByColumnDesc: 'Ταξινόμηση κατά {column} φθίνουσα',
|
|
82
|
+
sortedByColumnAsc: 'Ταξινόμηση κατά {column} αύξουσα',
|
|
83
|
+
sortedByColumnDesc: 'Ταξινόμηση κατά {column} φθίνουσα',
|
|
84
|
+
thenBy: ', στη συνέχεια από ',
|
|
85
|
+
toggleDensity: 'Εναλλαγή πυκνότητας',
|
|
86
|
+
toggleFullScreen: 'Εναλλαγή πλήρους οθόνης',
|
|
87
|
+
toggleSelectAll: 'Εναλλαγή επιλογής όλων',
|
|
88
|
+
toggleSelectRow: 'Εναλλαγή επιλογής γραμμής',
|
|
89
|
+
toggleVisibility: 'Εναλλαγή ορατότητας',
|
|
90
|
+
ungroupByColumn: 'Αναίρεση ομαδοποίησης κατά {column}',
|
|
91
|
+
unpin: 'Αποκαρφίτσωση',
|
|
92
|
+
unpinAll: 'Αποκαρφίτσωση όλων',
|
|
93
|
+
};
|
|
94
|
+
|
|
95
|
+
export { MRT_Localization_EL };
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const MRT_Localization_EL = {
|
|
6
|
+
actions: 'Ενέργειες',
|
|
7
|
+
and: 'και',
|
|
8
|
+
cancel: 'Ακύρωση',
|
|
9
|
+
changeFilterMode: 'Αλλαγή λειτουργίας φίλτρου',
|
|
10
|
+
changeSearchMode: 'Αλλαγή λειτουργίας αναζήτησης',
|
|
11
|
+
clearFilter: 'Καθαρισμός φίλτρου',
|
|
12
|
+
clearSearch: 'Καθαρισμός αναζήτησης',
|
|
13
|
+
clearSelection: 'Καθαρισμός επιλογής',
|
|
14
|
+
clearSort: 'Καθαρισμός ταξινόμησης',
|
|
15
|
+
clickToCopy: 'Κλικ για αντιγραφή',
|
|
16
|
+
copy: 'Αντιγραφή',
|
|
17
|
+
collapse: 'Σύμπτυξη',
|
|
18
|
+
collapseAll: 'Σύμπτυξη όλων',
|
|
19
|
+
columnActions: 'Ενέργειες στη στήλη',
|
|
20
|
+
copiedToClipboard: 'Αντιγράφηκε στο πρόχειρο',
|
|
21
|
+
dropToGroupBy: 'Τοποθέτηση για ομαδοποίηση ανά {column}',
|
|
22
|
+
edit: 'Επεξεργασία',
|
|
23
|
+
expand: 'Επέκταση',
|
|
24
|
+
expandAll: 'Επέκταση όλων',
|
|
25
|
+
filterArrIncludes: 'Περιλαμβάνει',
|
|
26
|
+
filterArrIncludesAll: 'Περιλαμβάνει όλα',
|
|
27
|
+
filterArrIncludesSome: 'Περιλαμβάνει',
|
|
28
|
+
filterBetween: 'Μεταξύ',
|
|
29
|
+
filterBetweenInclusive: 'Μεταξύ συμπεριλαμβανομένων',
|
|
30
|
+
filterByColumn: 'Φιλτράρισμα ανά {column}',
|
|
31
|
+
filterContains: 'Περιέχει',
|
|
32
|
+
filterEmpty: 'Κενό',
|
|
33
|
+
filterEndsWith: 'Τελειώνει με',
|
|
34
|
+
filterEquals: 'Ίσο',
|
|
35
|
+
filterEqualsString: 'Ίσο (συμβολοσειρά)',
|
|
36
|
+
filterFuzzy: 'Ασαφές',
|
|
37
|
+
filterGreaterThan: 'Μεγαλύτερο από',
|
|
38
|
+
filterGreaterThanOrEqualTo: 'Μεγαλύτερο ή ίσο με',
|
|
39
|
+
filterInNumberRange: 'Μεταξύ αριθμών',
|
|
40
|
+
filterIncludesString: 'Περιλαμβάνει συμβολοσειρά',
|
|
41
|
+
filterIncludesStringSensitive: 'Περιλαμβάνει συμβολοσειρά (ευαίσθητο)',
|
|
42
|
+
filterLessThan: 'Μικρότερο από',
|
|
43
|
+
filterLessThanOrEqualTo: 'Μικρότερο ή ίσο με',
|
|
44
|
+
filterMode: 'Λειτουργία φίλτρου: {filterType}',
|
|
45
|
+
filterNotEmpty: 'Όχι κενό',
|
|
46
|
+
filterNotEquals: 'Όχι ίσο',
|
|
47
|
+
filterStartsWith: 'Ξεκινάει με',
|
|
48
|
+
filterWeakEquals: 'Ίσο (ανακριβές)',
|
|
49
|
+
filteringByColumn: 'Φιλτράρισμα ανά {column} - {filterType} {filterValue}',
|
|
50
|
+
goToFirstPage: 'Πήγαινε στην πρώτη σελίδα',
|
|
51
|
+
goToLastPage: 'Πήγαινε στην τελευταία σελίδα',
|
|
52
|
+
goToNextPage: 'Πήγαινε στην επόμενη σελίδα',
|
|
53
|
+
goToPreviousPage: 'Πήγαινε στην προηγούμενη σελίδα',
|
|
54
|
+
grab: 'Σύρσιμο',
|
|
55
|
+
groupByColumn: 'Ομαδοποίηση ανά {column}',
|
|
56
|
+
groupedBy: 'Ομαδοποιημένο ανά ',
|
|
57
|
+
hideAll: 'Απόκρυψη όλων',
|
|
58
|
+
hideColumn: 'Απόκρυψη στήλης {column}',
|
|
59
|
+
max: 'Μέγιστο',
|
|
60
|
+
min: 'Ελάχιστο',
|
|
61
|
+
move: 'Μετακίνηση',
|
|
62
|
+
noRecordsToDisplay: 'Δεν υπάρχουν εγγραφές για εμφάνιση',
|
|
63
|
+
noResultsFound: 'Δεν βρέθηκαν αποτελέσματα',
|
|
64
|
+
of: 'από',
|
|
65
|
+
or: 'ή',
|
|
66
|
+
pin: 'Καρφίτσωμα',
|
|
67
|
+
pinToLeft: 'Καρφίτσωμα αριστερά',
|
|
68
|
+
pinToRight: 'Καρφίτσωμα δεξιά',
|
|
69
|
+
resetColumnSize: 'Επαναφορά μεγέθους στήλης',
|
|
70
|
+
resetOrder: 'Επαναφορά ταξινόμησης',
|
|
71
|
+
rowActions: 'Ενέργειες γραμμής',
|
|
72
|
+
rowNumber: '#',
|
|
73
|
+
rowNumbers: 'Αριθμοί γραμμών',
|
|
74
|
+
rowsPerPage: 'Γραμμές ανά σελίδα',
|
|
75
|
+
save: 'Αποθήκευση',
|
|
76
|
+
search: 'Αναζήτηση',
|
|
77
|
+
selectedCountOfRowCountRowsSelected: '{selectedCount} από {rowCount} επιλεγμένη(ες) γραμμή(ες)',
|
|
78
|
+
select: 'Επιλογή',
|
|
79
|
+
showAll: 'Εμφάνιση όλων',
|
|
80
|
+
showAllColumns: 'Εμφάνιση όλων των στηλών',
|
|
81
|
+
showHideColumns: 'Εμφάνιση/απόκρυψη στηλών',
|
|
82
|
+
showHideFilters: 'Εμφάνιση/απόκρυψη φίλτρων',
|
|
83
|
+
showHideSearch: 'Εμφάνιση/απόκρυψη αναζήτησης',
|
|
84
|
+
sortByColumnAsc: 'Ταξινόμηση κατά {column} αύξουσα',
|
|
85
|
+
sortByColumnDesc: 'Ταξινόμηση κατά {column} φθίνουσα',
|
|
86
|
+
sortedByColumnAsc: 'Ταξινόμηση κατά {column} αύξουσα',
|
|
87
|
+
sortedByColumnDesc: 'Ταξινόμηση κατά {column} φθίνουσα',
|
|
88
|
+
thenBy: ', στη συνέχεια από ',
|
|
89
|
+
toggleDensity: 'Εναλλαγή πυκνότητας',
|
|
90
|
+
toggleFullScreen: 'Εναλλαγή πλήρους οθόνης',
|
|
91
|
+
toggleSelectAll: 'Εναλλαγή επιλογής όλων',
|
|
92
|
+
toggleSelectRow: 'Εναλλαγή επιλογής γραμμής',
|
|
93
|
+
toggleVisibility: 'Εναλλαγή ορατότητας',
|
|
94
|
+
ungroupByColumn: 'Αναίρεση ομαδοποίησης κατά {column}',
|
|
95
|
+
unpin: 'Αποκαρφίτσωση',
|
|
96
|
+
unpinAll: 'Αποκαρφίτσωση όλων',
|
|
97
|
+
};
|
|
98
|
+
|
|
99
|
+
exports.MRT_Localization_EL = MRT_Localization_EL;
|
package/locales/pl/index.esm.js
CHANGED
|
@@ -55,7 +55,7 @@ const MRT_Localization_PL = {
|
|
|
55
55
|
max: 'Maks.',
|
|
56
56
|
min: 'Min.',
|
|
57
57
|
move: 'Przenieś',
|
|
58
|
-
noRecordsToDisplay: 'Brak
|
|
58
|
+
noRecordsToDisplay: 'Brak wyników do wyświetlenia',
|
|
59
59
|
noResultsFound: 'Brak wyników',
|
|
60
60
|
of: 'z',
|
|
61
61
|
or: 'lub',
|
|
@@ -66,11 +66,11 @@ const MRT_Localization_PL = {
|
|
|
66
66
|
resetOrder: 'Resetuj kolejność',
|
|
67
67
|
rowActions: 'Akcje dla rekordu',
|
|
68
68
|
rowNumber: '#',
|
|
69
|
-
rowNumbers: 'Liczba
|
|
70
|
-
rowsPerPage: '
|
|
69
|
+
rowNumbers: 'Liczba wyników',
|
|
70
|
+
rowsPerPage: 'Wyników na stronę',
|
|
71
71
|
save: 'Zapisz',
|
|
72
72
|
search: 'Szukaj',
|
|
73
|
-
selectedCountOfRowCountRowsSelected: 'Wybrano {selectedCount} z {rowCount}
|
|
73
|
+
selectedCountOfRowCountRowsSelected: 'Wybrano {selectedCount} z {rowCount} wyników',
|
|
74
74
|
select: 'Wybierz',
|
|
75
75
|
showAll: 'Pokaż wszystko',
|
|
76
76
|
showAllColumns: 'Pokaż wszystkie kolumny',
|
|
@@ -82,7 +82,7 @@ const MRT_Localization_PL = {
|
|
|
82
82
|
sortedByColumnAsc: 'Sortuj wg {column} rosnąco',
|
|
83
83
|
sortedByColumnDesc: 'Sortuj wg {column} malejąco',
|
|
84
84
|
thenBy: ', następnie wg ',
|
|
85
|
-
toggleDensity: 'Przełącz gęstość
|
|
85
|
+
toggleDensity: 'Przełącz gęstość wyników',
|
|
86
86
|
toggleFullScreen: 'Tryb pełnoekranowy',
|
|
87
87
|
toggleSelectAll: 'Zaznacz wszystkie',
|
|
88
88
|
toggleSelectRow: 'Zaznacz rekord',
|
package/locales/pl/index.js
CHANGED
|
@@ -59,7 +59,7 @@ const MRT_Localization_PL = {
|
|
|
59
59
|
max: 'Maks.',
|
|
60
60
|
min: 'Min.',
|
|
61
61
|
move: 'Przenieś',
|
|
62
|
-
noRecordsToDisplay: 'Brak
|
|
62
|
+
noRecordsToDisplay: 'Brak wyników do wyświetlenia',
|
|
63
63
|
noResultsFound: 'Brak wyników',
|
|
64
64
|
of: 'z',
|
|
65
65
|
or: 'lub',
|
|
@@ -70,11 +70,11 @@ const MRT_Localization_PL = {
|
|
|
70
70
|
resetOrder: 'Resetuj kolejność',
|
|
71
71
|
rowActions: 'Akcje dla rekordu',
|
|
72
72
|
rowNumber: '#',
|
|
73
|
-
rowNumbers: 'Liczba
|
|
74
|
-
rowsPerPage: '
|
|
73
|
+
rowNumbers: 'Liczba wyników',
|
|
74
|
+
rowsPerPage: 'Wyników na stronę',
|
|
75
75
|
save: 'Zapisz',
|
|
76
76
|
search: 'Szukaj',
|
|
77
|
-
selectedCountOfRowCountRowsSelected: 'Wybrano {selectedCount} z {rowCount}
|
|
77
|
+
selectedCountOfRowCountRowsSelected: 'Wybrano {selectedCount} z {rowCount} wyników',
|
|
78
78
|
select: 'Wybierz',
|
|
79
79
|
showAll: 'Pokaż wszystko',
|
|
80
80
|
showAllColumns: 'Pokaż wszystkie kolumny',
|
|
@@ -86,7 +86,7 @@ const MRT_Localization_PL = {
|
|
|
86
86
|
sortedByColumnAsc: 'Sortuj wg {column} rosnąco',
|
|
87
87
|
sortedByColumnDesc: 'Sortuj wg {column} malejąco',
|
|
88
88
|
thenBy: ', następnie wg ',
|
|
89
|
-
toggleDensity: 'Przełącz gęstość
|
|
89
|
+
toggleDensity: 'Przełącz gęstość wyników',
|
|
90
90
|
toggleFullScreen: 'Tryb pełnoekranowy',
|
|
91
91
|
toggleSelectAll: 'Zaznacz wszystkie',
|
|
92
92
|
toggleSelectRow: 'Zaznacz rekord',
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "2.
|
|
2
|
+
"version": "2.13.1",
|
|
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.",
|
|
@@ -56,54 +56,53 @@
|
|
|
56
56
|
"lib:dev": "rollup -c rollup.config.mjs --watch",
|
|
57
57
|
"lint": "eslint .",
|
|
58
58
|
"size": "size-limit",
|
|
59
|
-
"storybook": "
|
|
59
|
+
"storybook": "storybook dev -p 6006",
|
|
60
60
|
"storybook:build": "storybook build",
|
|
61
|
-
"storybook:dev": "storybook dev -p 6006"
|
|
61
|
+
"storybook:dev": "storybook dev -p 6006",
|
|
62
|
+
"build-storybook": "storybook build"
|
|
62
63
|
},
|
|
63
64
|
"devDependencies": {
|
|
64
|
-
"@
|
|
65
|
-
"@
|
|
66
|
-
"@emotion/react": "^11.11.4",
|
|
67
|
-
"@emotion/styled": "^11.11.0",
|
|
65
|
+
"@emotion/react": "^11.13.0",
|
|
66
|
+
"@emotion/styled": "^11.13.0",
|
|
68
67
|
"@faker-js/faker": "^8.4.1",
|
|
69
|
-
"@mui/icons-material": "^5.
|
|
70
|
-
"@mui/material": "^5.
|
|
71
|
-
"@mui/x-date-pickers": "^
|
|
68
|
+
"@mui/icons-material": "^5.16.5",
|
|
69
|
+
"@mui/material": "^5.16.5",
|
|
70
|
+
"@mui/x-date-pickers": "^7.11.1",
|
|
72
71
|
"@rollup/plugin-typescript": "^11.1.6",
|
|
73
|
-
"@size-limit/preset-small-lib": "^11.
|
|
74
|
-
"@storybook/addon-a11y": "^
|
|
75
|
-
"@storybook/addon-essentials": "^
|
|
76
|
-
"@storybook/addon-
|
|
77
|
-
"@storybook/addon-
|
|
78
|
-
"@storybook/
|
|
79
|
-
"@storybook/
|
|
80
|
-
"@storybook/react": "^
|
|
81
|
-
"@storybook/react-vite": "^
|
|
82
|
-
"@
|
|
83
|
-
"@types/
|
|
84
|
-
"@types/react": "^18.
|
|
85
|
-
"@
|
|
86
|
-
"@typescript-eslint/
|
|
87
|
-
"@
|
|
88
|
-
"
|
|
89
|
-
"eslint": "^8.57.0",
|
|
72
|
+
"@size-limit/preset-small-lib": "^11.1.4",
|
|
73
|
+
"@storybook/addon-a11y": "^8.2.6",
|
|
74
|
+
"@storybook/addon-essentials": "^8.2.6",
|
|
75
|
+
"@storybook/addon-links": "^8.2.6",
|
|
76
|
+
"@storybook/addon-storysource": "^8.2.6",
|
|
77
|
+
"@storybook/blocks": "^8.2.6",
|
|
78
|
+
"@storybook/preview-api": "^8.2.6",
|
|
79
|
+
"@storybook/react": "^8.2.6",
|
|
80
|
+
"@storybook/react-vite": "^8.2.6",
|
|
81
|
+
"@types/node": "^22.0.0",
|
|
82
|
+
"@types/react": "^18.3.3",
|
|
83
|
+
"@types/react-dom": "^18.3.0",
|
|
84
|
+
"@typescript-eslint/eslint-plugin": "^7.17.0",
|
|
85
|
+
"@typescript-eslint/parser": "^7.17.0",
|
|
86
|
+
"@vitejs/plugin-react": "^4.3.1",
|
|
87
|
+
"eslint": "^9.8.0",
|
|
90
88
|
"eslint-plugin-mui-path-imports": "^0.0.15",
|
|
91
|
-
"eslint-plugin-perfectionist": "^
|
|
89
|
+
"eslint-plugin-perfectionist": "^3.0.0",
|
|
90
|
+
"eslint-plugin-storybook": "^0.8.0",
|
|
92
91
|
"prop-types": "^15.8.1",
|
|
93
|
-
"react": "^18.
|
|
94
|
-
"react-dom": "^18.
|
|
95
|
-
"react-is": "^18.
|
|
92
|
+
"react": "^18.3.1",
|
|
93
|
+
"react-dom": "^18.3.1",
|
|
94
|
+
"react-is": "^18.3.1",
|
|
96
95
|
"rollup": "^2.79.1",
|
|
97
96
|
"rollup-plugin-copy": "^3.5.0",
|
|
98
97
|
"rollup-plugin-delete": "^2.0.0",
|
|
99
|
-
"rollup-plugin-dts": "^6.1.
|
|
98
|
+
"rollup-plugin-dts": "^6.1.1",
|
|
100
99
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
|
101
|
-
"size-limit": "^11.
|
|
102
|
-
"storybook": "^
|
|
103
|
-
"storybook-dark-mode": "^
|
|
104
|
-
"tslib": "^2.6.
|
|
105
|
-
"typescript": "^5.
|
|
106
|
-
"vite": "^5.
|
|
100
|
+
"size-limit": "^11.1.4",
|
|
101
|
+
"storybook": "^8.2.6",
|
|
102
|
+
"storybook-dark-mode": "^4.0.2",
|
|
103
|
+
"tslib": "^2.6.3",
|
|
104
|
+
"typescript": "^5.5.4",
|
|
105
|
+
"vite": "^5.3.5"
|
|
107
106
|
},
|
|
108
107
|
"peerDependencies": {
|
|
109
108
|
"@emotion/react": ">=11.11",
|
|
@@ -115,9 +114,9 @@
|
|
|
115
114
|
"react-dom": ">=17.0"
|
|
116
115
|
},
|
|
117
116
|
"dependencies": {
|
|
118
|
-
"@tanstack/match-sorter-utils": "8.
|
|
119
|
-
"@tanstack/react-table": "8.
|
|
120
|
-
"@tanstack/react-virtual": "3.
|
|
117
|
+
"@tanstack/match-sorter-utils": "8.15.1",
|
|
118
|
+
"@tanstack/react-table": "8.19.3",
|
|
119
|
+
"@tanstack/react-virtual": "3.8.3",
|
|
121
120
|
"highlight-words": "1.2.2"
|
|
122
121
|
}
|
|
123
|
-
}
|
|
122
|
+
}
|
|
@@ -172,7 +172,7 @@ export const MRT_TableBody = <TData extends MRT_RowData>({
|
|
|
172
172
|
rowVirtualizer,
|
|
173
173
|
staticRowIndex,
|
|
174
174
|
virtualRow: rowVirtualizer
|
|
175
|
-
? (rowOrVirtualRow as VirtualItem)
|
|
175
|
+
? (rowOrVirtualRow as VirtualItem<HTMLTableRowElement>)
|
|
176
176
|
: undefined,
|
|
177
177
|
};
|
|
178
178
|
const key = `${row.id}-${row.index}`;
|
|
@@ -43,6 +43,8 @@ export const MRT_TableBodyCellValue = <TData extends MRT_RowData>({
|
|
|
43
43
|
column,
|
|
44
44
|
row,
|
|
45
45
|
table,
|
|
46
|
+
staticColumnIndex,
|
|
47
|
+
staticRowIndex,
|
|
46
48
|
})
|
|
47
49
|
: row.getIsGrouped() && !cell.getIsGrouped()
|
|
48
50
|
? null
|
|
@@ -52,6 +54,8 @@ export const MRT_TableBodyCellValue = <TData extends MRT_RowData>({
|
|
|
52
54
|
column,
|
|
53
55
|
row,
|
|
54
56
|
table,
|
|
57
|
+
staticColumnIndex,
|
|
58
|
+
staticRowIndex,
|
|
55
59
|
})
|
|
56
60
|
: undefined;
|
|
57
61
|
|
|
@@ -35,7 +35,7 @@ export interface MRT_TableBodyRowProps<TData extends MRT_RowData>
|
|
|
35
35
|
rowVirtualizer?: MRT_RowVirtualizer;
|
|
36
36
|
staticRowIndex: number;
|
|
37
37
|
table: MRT_TableInstance<TData>;
|
|
38
|
-
virtualRow?: VirtualItem
|
|
38
|
+
virtualRow?: VirtualItem<HTMLTableRowElement>;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
export const MRT_TableBodyRow = <TData extends MRT_RowData>({
|
|
@@ -18,7 +18,7 @@ export interface MRT_TableDetailPanelProps<TData extends MRT_RowData>
|
|
|
18
18
|
rowVirtualizer?: MRT_RowVirtualizer;
|
|
19
19
|
staticRowIndex: number;
|
|
20
20
|
table: MRT_TableInstance<TData>;
|
|
21
|
-
virtualRow?: MRT_VirtualItem
|
|
21
|
+
virtualRow?: MRT_VirtualItem<HTMLTableRowElement>;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
export const MRT_TableDetailPanel = <TData extends MRT_RowData>({
|
|
@@ -105,6 +105,7 @@ export const MRT_EditActionButtons = <TData extends MRT_RowData>({
|
|
|
105
105
|
<IconButton
|
|
106
106
|
aria-label={localization.save}
|
|
107
107
|
color="info"
|
|
108
|
+
disabled={isSaving}
|
|
108
109
|
onClick={handleSubmitRow}
|
|
109
110
|
>
|
|
110
111
|
{isSaving ? <CircularProgress size={18} /> : <SaveIcon />}
|
|
@@ -118,6 +119,7 @@ export const MRT_EditActionButtons = <TData extends MRT_RowData>({
|
|
|
118
119
|
{localization.cancel}
|
|
119
120
|
</Button>
|
|
120
121
|
<Button
|
|
122
|
+
disabled={isSaving}
|
|
121
123
|
onClick={handleSubmitRow}
|
|
122
124
|
sx={{ minWidth: '100px' }}
|
|
123
125
|
variant="contained"
|
|
@@ -151,6 +151,7 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
|
|
|
151
151
|
}}
|
|
152
152
|
SelectProps={{
|
|
153
153
|
MenuProps: { disableScrollLock: true },
|
|
154
|
+
...textFieldProps.SelectProps,
|
|
154
155
|
}}
|
|
155
156
|
inputProps={{
|
|
156
157
|
autoComplete: 'new-password', //disable autocomplete and autofill
|
|
@@ -16,18 +16,9 @@ import MenuItem from '@mui/material/MenuItem';
|
|
|
16
16
|
import TextField, { type TextFieldProps } from '@mui/material/TextField';
|
|
17
17
|
import Tooltip from '@mui/material/Tooltip';
|
|
18
18
|
import { debounce } from '@mui/material/utils';
|
|
19
|
-
import {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
} from '@mui/x-date-pickers/DatePicker';
|
|
23
|
-
import {
|
|
24
|
-
DateTimePicker,
|
|
25
|
-
type DateTimePickerProps,
|
|
26
|
-
} from '@mui/x-date-pickers/DateTimePicker';
|
|
27
|
-
import {
|
|
28
|
-
TimePicker,
|
|
29
|
-
type TimePickerProps,
|
|
30
|
-
} from '@mui/x-date-pickers/TimePicker';
|
|
19
|
+
import { DatePicker } from '@mui/x-date-pickers/DatePicker';
|
|
20
|
+
import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
|
|
21
|
+
import { TimePicker } from '@mui/x-date-pickers/TimePicker';
|
|
31
22
|
import {
|
|
32
23
|
type DropdownOption,
|
|
33
24
|
type MRT_Header,
|
|
@@ -75,7 +66,7 @@ export const MRT_FilterTextField = <TData extends MRT_RowData>({
|
|
|
75
66
|
|
|
76
67
|
const args = { column, rangeFilterIndex, table };
|
|
77
68
|
|
|
78
|
-
const textFieldProps
|
|
69
|
+
const textFieldProps = {
|
|
79
70
|
...parseFromValuesOrFunc(muiFilterTextFieldProps, args),
|
|
80
71
|
...parseFromValuesOrFunc(columnDef.muiFilterTextFieldProps, args),
|
|
81
72
|
...rest,
|
|
@@ -86,20 +77,20 @@ export const MRT_FilterTextField = <TData extends MRT_RowData>({
|
|
|
86
77
|
...parseFromValuesOrFunc(columnDef.muiFilterAutocompleteProps, args),
|
|
87
78
|
};
|
|
88
79
|
|
|
89
|
-
const datePickerProps
|
|
80
|
+
const datePickerProps = {
|
|
90
81
|
...parseFromValuesOrFunc(muiFilterDatePickerProps, args),
|
|
91
82
|
...parseFromValuesOrFunc(columnDef.muiFilterDatePickerProps, args),
|
|
92
|
-
};
|
|
83
|
+
} as any;
|
|
93
84
|
|
|
94
|
-
const dateTimePickerProps
|
|
85
|
+
const dateTimePickerProps = {
|
|
95
86
|
...parseFromValuesOrFunc(muiFilterDateTimePickerProps, args),
|
|
96
87
|
...parseFromValuesOrFunc(columnDef.muiFilterDateTimePickerProps, args),
|
|
97
|
-
};
|
|
88
|
+
} as any;
|
|
98
89
|
|
|
99
|
-
const timePickerProps
|
|
90
|
+
const timePickerProps = {
|
|
100
91
|
...parseFromValuesOrFunc(muiFilterTimePickerProps, args),
|
|
101
92
|
...parseFromValuesOrFunc(columnDef.muiFilterTimePickerProps, args),
|
|
102
|
-
};
|
|
93
|
+
} as any;
|
|
103
94
|
|
|
104
95
|
const {
|
|
105
96
|
allowedColumnFilterOptions,
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Paper, { type PaperProps } from '@mui/material/Paper';
|
|
2
|
+
import { useTheme } from '@mui/material';
|
|
2
3
|
import { MRT_TableContainer } from './MRT_TableContainer';
|
|
3
4
|
import { type MRT_RowData, type MRT_TableInstance } from '../../types';
|
|
4
5
|
import { parseFromValuesOrFunc } from '../../utils/utils';
|
|
@@ -33,6 +34,8 @@ export const MRT_TablePaper = <TData extends MRT_RowData>({
|
|
|
33
34
|
...rest,
|
|
34
35
|
};
|
|
35
36
|
|
|
37
|
+
const theme = useTheme();
|
|
38
|
+
|
|
36
39
|
return (
|
|
37
40
|
<Paper
|
|
38
41
|
elevation={2}
|
|
@@ -58,7 +61,7 @@ export const MRT_TablePaper = <TData extends MRT_RowData>({
|
|
|
58
61
|
right: 0,
|
|
59
62
|
top: 0,
|
|
60
63
|
width: '100dvw',
|
|
61
|
-
zIndex:
|
|
64
|
+
zIndex: theme.zIndex.modal,
|
|
62
65
|
}
|
|
63
66
|
: {}),
|
|
64
67
|
...paperProps?.style,
|
|
@@ -91,7 +91,7 @@ export const useMRT_ColumnVirtualizer = <
|
|
|
91
91
|
}) as unknown as MRT_ColumnVirtualizer<TScrollElement, TItemElement>;
|
|
92
92
|
|
|
93
93
|
const virtualColumns = columnVirtualizer.getVirtualItems();
|
|
94
|
-
columnVirtualizer.virtualColumns = virtualColumns;
|
|
94
|
+
columnVirtualizer.virtualColumns = virtualColumns as any;
|
|
95
95
|
const numColumns = virtualColumns.length;
|
|
96
96
|
|
|
97
97
|
if (numColumns) {
|
|
@@ -65,7 +65,7 @@ export const useMRT_RowVirtualizer = <
|
|
|
65
65
|
...rowVirtualizerProps,
|
|
66
66
|
}) as unknown as MRT_RowVirtualizer<TScrollElement, TItemElement>;
|
|
67
67
|
|
|
68
|
-
rowVirtualizer.virtualRows = rowVirtualizer.getVirtualItems();
|
|
68
|
+
rowVirtualizer.virtualRows = rowVirtualizer.getVirtualItems() as any;
|
|
69
69
|
|
|
70
70
|
if (rowVirtualizerInstanceRef) {
|
|
71
71
|
//@ts-ignore
|
|
@@ -228,14 +228,18 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
|
|
|
228
228
|
? getFacetedUniqueValues()
|
|
229
229
|
: undefined,
|
|
230
230
|
getFilteredRowModel:
|
|
231
|
-
enableColumnFilters || enableGlobalFilter || enableFilters
|
|
231
|
+
(enableColumnFilters || enableGlobalFilter || enableFilters) &&
|
|
232
|
+
!manualFiltering
|
|
232
233
|
? getFilteredRowModel()
|
|
233
234
|
: undefined,
|
|
234
|
-
getGroupedRowModel:
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
235
|
+
getGroupedRowModel:
|
|
236
|
+
enableGrouping && !manualGrouping ? getGroupedRowModel() : undefined,
|
|
237
|
+
getPaginationRowModel:
|
|
238
|
+
enablePagination && !manualPagination
|
|
239
|
+
? getPaginationRowModel()
|
|
240
|
+
: undefined,
|
|
241
|
+
getSortedRowModel:
|
|
242
|
+
enableSorting && !manualSorting ? getSortedRowModel() : undefined,
|
|
239
243
|
getSubRows: (row) => row?.subRows,
|
|
240
244
|
icons,
|
|
241
245
|
layoutMode,
|