material-react-table 2.0.6 → 2.1.0

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.
Files changed (135) hide show
  1. package/dist/index.esm.js +36 -22
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +35 -21
  4. package/dist/index.js.map +1 -1
  5. package/locales/fr/index.esm.js +1 -1
  6. package/locales/fr/index.js +1 -1
  7. package/{dist/types/locales/he.d.ts → locales/he/index.d.ts} +2 -1
  8. package/locales/he/index.esm.d.ts +3 -0
  9. package/locales/he/index.esm.js +93 -0
  10. package/locales/he/index.js +97 -0
  11. package/locales/he/package.json +6 -0
  12. package/package.json +21 -21
  13. package/src/body/MRT_TableBodyCell.tsx +8 -7
  14. package/src/head/MRT_TableHeadCell.tsx +4 -1
  15. package/src/head/MRT_TableHeadCellResizeHandle.tsx +18 -9
  16. package/src/hooks/useMRT_TableOptions.ts +8 -0
  17. package/src/inputs/MRT_EditCellTextField.tsx +3 -1
  18. package/src/inputs/MRT_FilterTextField.tsx +1 -1
  19. package/src/locales/fr.ts +1 -1
  20. package/dist/types/MaterialReactTable.d.ts +0 -7
  21. package/dist/types/aggregationFns.d.ts +0 -11
  22. package/dist/types/body/MRT_TableBody.d.ts +0 -13
  23. package/dist/types/body/MRT_TableBodyCell.d.ts +0 -15
  24. package/dist/types/body/MRT_TableBodyCellValue.d.ts +0 -8
  25. package/dist/types/body/MRT_TableBodyRow.d.ts +0 -18
  26. package/dist/types/body/MRT_TableBodyRowGrabHandle.d.ts +0 -10
  27. package/dist/types/body/MRT_TableBodyRowPinButton.d.ts +0 -8
  28. package/dist/types/body/MRT_TableDetailPanel.d.ts +0 -13
  29. package/dist/types/body/index.d.ts +0 -7
  30. package/dist/types/buttons/MRT_ColumnPinningButtons.d.ts +0 -8
  31. package/dist/types/buttons/MRT_CopyButton.d.ts +0 -8
  32. package/dist/types/buttons/MRT_EditActionButtons.d.ts +0 -9
  33. package/dist/types/buttons/MRT_ExpandAllButton.d.ts +0 -7
  34. package/dist/types/buttons/MRT_ExpandButton.d.ts +0 -8
  35. package/dist/types/buttons/MRT_GrabHandleButton.d.ts +0 -12
  36. package/dist/types/buttons/MRT_RowPinButton.d.ts +0 -10
  37. package/dist/types/buttons/MRT_ShowHideColumnsButton.d.ts +0 -7
  38. package/dist/types/buttons/MRT_ToggleDensePaddingButton.d.ts +0 -7
  39. package/dist/types/buttons/MRT_ToggleFiltersButton.d.ts +0 -7
  40. package/dist/types/buttons/MRT_ToggleFullScreenButton.d.ts +0 -7
  41. package/dist/types/buttons/MRT_ToggleGlobalFilterButton.d.ts +0 -7
  42. package/dist/types/buttons/MRT_ToggleRowActionMenuButton.d.ts +0 -9
  43. package/dist/types/buttons/index.d.ts +0 -13
  44. package/dist/types/column.utils.d.ts +0 -127
  45. package/dist/types/filterFns.d.ts +0 -69
  46. package/dist/types/footer/MRT_TableFooter.d.ts +0 -11
  47. package/dist/types/footer/MRT_TableFooterCell.d.ts +0 -8
  48. package/dist/types/footer/MRT_TableFooterRow.d.ts +0 -12
  49. package/dist/types/footer/index.d.ts +0 -3
  50. package/dist/types/head/MRT_TableHead.d.ts +0 -11
  51. package/dist/types/head/MRT_TableHeadCell.d.ts +0 -8
  52. package/dist/types/head/MRT_TableHeadCellColumnActionsButton.d.ts +0 -8
  53. package/dist/types/head/MRT_TableHeadCellFilterContainer.d.ts +0 -8
  54. package/dist/types/head/MRT_TableHeadCellFilterLabel.d.ts +0 -8
  55. package/dist/types/head/MRT_TableHeadCellGrabHandle.d.ts +0 -10
  56. package/dist/types/head/MRT_TableHeadCellResizeHandle.d.ts +0 -8
  57. package/dist/types/head/MRT_TableHeadCellSortLabel.d.ts +0 -8
  58. package/dist/types/head/MRT_TableHeadRow.d.ts +0 -12
  59. package/dist/types/head/index.d.ts +0 -9
  60. package/dist/types/hooks/index.d.ts +0 -4
  61. package/dist/types/hooks/useMRT_DisplayColumns.d.ts +0 -9
  62. package/dist/types/hooks/useMRT_Effects.d.ts +0 -2
  63. package/dist/types/hooks/useMRT_TableInstance.d.ts +0 -2
  64. package/dist/types/hooks/useMRT_TableOptions.d.ts +0 -22
  65. package/dist/types/icons.d.ts +0 -36
  66. package/dist/types/index.d.ts +0 -18
  67. package/dist/types/inputs/MRT_EditCellTextField.d.ts +0 -8
  68. package/dist/types/inputs/MRT_FilterCheckbox.d.ts +0 -8
  69. package/dist/types/inputs/MRT_FilterRangeFields.d.ts +0 -8
  70. package/dist/types/inputs/MRT_FilterRangeSlider.d.ts +0 -8
  71. package/dist/types/inputs/MRT_FilterTextField.d.ts +0 -9
  72. package/dist/types/inputs/MRT_GlobalFilterTextField.d.ts +0 -7
  73. package/dist/types/inputs/MRT_SelectCheckbox.d.ts +0 -9
  74. package/dist/types/inputs/index.d.ts +0 -7
  75. package/dist/types/locales/am.d.ts +0 -2
  76. package/dist/types/locales/ar.d.ts +0 -2
  77. package/dist/types/locales/az.d.ts +0 -2
  78. package/dist/types/locales/bg.d.ts +0 -2
  79. package/dist/types/locales/cs.d.ts +0 -2
  80. package/dist/types/locales/da.d.ts +0 -2
  81. package/dist/types/locales/de.d.ts +0 -2
  82. package/dist/types/locales/en.d.ts +0 -2
  83. package/dist/types/locales/es.d.ts +0 -2
  84. package/dist/types/locales/et.d.ts +0 -2
  85. package/dist/types/locales/fa.d.ts +0 -2
  86. package/dist/types/locales/fi.d.ts +0 -2
  87. package/dist/types/locales/fr.d.ts +0 -2
  88. package/dist/types/locales/hu.d.ts +0 -2
  89. package/dist/types/locales/hy.d.ts +0 -2
  90. package/dist/types/locales/id.d.ts +0 -2
  91. package/dist/types/locales/it.d.ts +0 -2
  92. package/dist/types/locales/ja.d.ts +0 -2
  93. package/dist/types/locales/ko.d.ts +0 -2
  94. package/dist/types/locales/nl.d.ts +0 -2
  95. package/dist/types/locales/no.d.ts +0 -2
  96. package/dist/types/locales/np.d.ts +0 -2
  97. package/dist/types/locales/pl.d.ts +0 -2
  98. package/dist/types/locales/pt-BR.d.ts +0 -2
  99. package/dist/types/locales/pt.d.ts +0 -2
  100. package/dist/types/locales/ro.d.ts +0 -2
  101. package/dist/types/locales/ru.d.ts +0 -2
  102. package/dist/types/locales/sk.d.ts +0 -2
  103. package/dist/types/locales/sr-Cyrl-RS.d.ts +0 -2
  104. package/dist/types/locales/sr-Latn-RS.d.ts +0 -2
  105. package/dist/types/locales/sv.d.ts +0 -2
  106. package/dist/types/locales/tr.d.ts +0 -2
  107. package/dist/types/locales/uk.d.ts +0 -2
  108. package/dist/types/locales/vi.d.ts +0 -2
  109. package/dist/types/locales/zh-Hans.d.ts +0 -2
  110. package/dist/types/locales/zh-Hant.d.ts +0 -2
  111. package/dist/types/menus/MRT_ColumnActionMenu.d.ts +0 -20
  112. package/dist/types/menus/MRT_FilterOptionMenu.d.ts +0 -13
  113. package/dist/types/menus/MRT_RowActionMenu.d.ts +0 -12
  114. package/dist/types/menus/MRT_ShowHideColumnsMenu.d.ts +0 -10
  115. package/dist/types/menus/MRT_ShowHideColumnsMenuItems.d.ts +0 -12
  116. package/dist/types/menus/index.d.ts +0 -5
  117. package/dist/types/modals/MRT_EditRowModal.d.ts +0 -8
  118. package/dist/types/modals/index.d.ts +0 -1
  119. package/dist/types/sortingFns.d.ts +0 -12
  120. package/dist/types/style.utils.d.ts +0 -32
  121. package/dist/types/table/MRT_Table.d.ts +0 -7
  122. package/dist/types/table/MRT_TableContainer.d.ts +0 -7
  123. package/dist/types/table/MRT_TableLoadingOverlay.d.ts +0 -7
  124. package/dist/types/table/MRT_TablePaper.d.ts +0 -7
  125. package/dist/types/table/index.d.ts +0 -5
  126. package/dist/types/toolbar/MRT_BottomToolbar.d.ts +0 -7
  127. package/dist/types/toolbar/MRT_LinearProgressBar.d.ts +0 -8
  128. package/dist/types/toolbar/MRT_TablePagination.d.ts +0 -15
  129. package/dist/types/toolbar/MRT_ToolbarAlertBanner.d.ts +0 -8
  130. package/dist/types/toolbar/MRT_ToolbarDropZone.d.ts +0 -7
  131. package/dist/types/toolbar/MRT_ToolbarInternalButtons.d.ts +0 -7
  132. package/dist/types/toolbar/MRT_TopToolbar.d.ts +0 -6
  133. package/dist/types/toolbar/index.d.ts +0 -7
  134. package/dist/types/types.d.ts +0 -854
  135. package/dist/types/useMaterialReactTable.d.ts +0 -2
@@ -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} colonne',
52
+ hideColumn: 'Cacher colonne {column}',
53
53
  max: 'Max',
54
54
  min: 'Min',
55
55
  move: 'Déplacer',
@@ -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} colonne',
56
+ hideColumn: 'Cacher colonne {column}',
57
57
  max: 'Max',
58
58
  min: 'Min',
59
59
  move: 'Déplacer',
@@ -1,2 +1,3 @@
1
- import { type MRT_Localization } from '..';
1
+ import { type MRT_Localization } from '../..';
2
2
  export declare const MRT_Localization_HE: MRT_Localization;
3
+
@@ -0,0 +1,3 @@
1
+ import { type MRT_Localization } from '../..';
2
+ export declare const MRT_Localization_HE: MRT_Localization;
3
+
@@ -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;
@@ -0,0 +1,6 @@
1
+ {
2
+ "main": "index.js",
3
+ "module": "index.esm.js",
4
+ "sideEffects": false,
5
+ "types": "index.d.ts"
6
+ }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.6",
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.0",
70
- "@mui/material": "^5.15.0",
71
- "@mui/x-date-pickers": "^6.18.4",
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.5.3",
75
- "@storybook/addon-essentials": "^7.5.3",
76
- "@storybook/addon-interactions": "^7.5.3",
77
- "@storybook/addon-links": "^7.5.3",
78
- "@storybook/addon-storysource": "^7.5.3",
79
- "@storybook/blocks": "^7.5.3",
80
- "@storybook/react": "^7.5.3",
81
- "@storybook/react-vite": "^7.5.3",
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.4",
83
+ "@types/node": "^20.10.5",
84
84
  "@types/react": "^18.2.45",
85
- "@types/react-dom": "^18.2.17",
86
- "@typescript-eslint/eslint-plugin": "^6.14.0",
87
- "@typescript-eslint/parser": "^6.14.0",
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.55.0",
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.5.3",
101
- "storybook-dark-mode": "^3.0.1",
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.8"
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.10.7",
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
- columnSizingInfo.isResizingColumn === column.id &&
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 { borderRight: borderStyle };
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 { borderRight: borderStyle };
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(${getState().columnSizingInfo.deltaOffset ?? 0}px)`
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
- mr:
54
- density === 'compact'
55
- ? '-8px'
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: column.columnDef.columnDefType === 'display' ? '4px' : '0',
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
- disableUnderline: editDisplayMode === 'table',
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 presense of endAdornment key instead of undefined
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} colonne',
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 {};