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.
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 {};