material-react-table 1.11.2 → 1.11.4

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.
@@ -33,6 +33,7 @@ type Prettify<T> = {
33
33
  } & {};
34
34
  type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
35
35
  export type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
36
+ export type MRT_FilterFnsState = Record<string, MRT_FilterOption>;
36
37
  export type { ColumnFiltersState as MRT_ColumnFiltersState, ColumnOrderState as MRT_ColumnOrderState, ColumnPinningState as MRT_ColumnPinningState, ColumnSizingInfoState as MRT_ColumnSizingInfoState, ColumnSizingState as MRT_ColumnSizingState, ExpandedState as MRT_ExpandedState, GroupingState as MRT_GroupingState, PaginationState as MRT_PaginationState, RowSelectionState as MRT_RowSelectionState, SortingState as MRT_SortingState, Updater as MRT_Updater, VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions, VisibilityState as MRT_VisibilityState, };
37
38
  export interface MRT_Localization {
38
39
  actions: string;
@@ -162,9 +163,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify
162
163
  tablePaperRef: MutableRefObject<HTMLDivElement>;
163
164
  topToolbarRef: MutableRefObject<HTMLDivElement>;
164
165
  };
165
- setColumnFilterFns: Dispatch<SetStateAction<{
166
- [key: string]: MRT_FilterOption;
167
- }>>;
166
+ setColumnFilterFns: Dispatch<SetStateAction<MRT_FilterFnsState>>;
168
167
  setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
169
168
  setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
170
169
  setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
@@ -184,7 +183,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify
184
183
  setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
185
184
  }>;
186
185
  export type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<TableState & {
187
- columnFilterFns: Record<string, MRT_FilterOption>;
186
+ columnFilterFns: MRT_FilterFnsState;
188
187
  density: MRT_DensityState;
189
188
  draggingColumn: MRT_Column<TData> | null;
190
189
  draggingRow: MRT_Row<TData> | null;
@@ -0,0 +1,2 @@
1
+ import type { MRT_Localization } from '../MaterialReactTable';
2
+ export declare const MRT_Localization_HU: MRT_Localization;
@@ -9,9 +9,10 @@ import { MRT_EditActionButtons } from './buttons/MRT_EditActionButtons';
9
9
  import { MRT_ExpandButton } from './buttons/MRT_ExpandButton';
10
10
  import { MRT_FilterOptionMenu } from './menus/MRT_FilterOptionMenu';
11
11
  import { MRT_FullScreenToggleButton } from './buttons/MRT_FullScreenToggleButton';
12
- import { MRT_GrabHandleButton } from './buttons/MRT_GrabHandleButton';
13
12
  import { MRT_GlobalFilterTextField } from './inputs/MRT_GlobalFilterTextField';
13
+ import { MRT_GrabHandleButton } from './buttons/MRT_GrabHandleButton';
14
14
  import { MRT_ShowHideColumnsButton } from './buttons/MRT_ShowHideColumnsButton';
15
+ import { MRT_TableHeadCellFilterContainer } from './head/MRT_TableHeadCellFilterContainer';
15
16
  import { MRT_TablePagination } from './toolbar/MRT_TablePagination';
16
17
  import { MRT_ToggleDensePaddingButton } from './buttons/MRT_ToggleDensePaddingButton';
17
18
  import { MRT_ToggleFiltersButton } from './buttons/MRT_ToggleFiltersButton';
@@ -21,4 +22,4 @@ import { MRT_ToolbarAlertBanner } from './toolbar/MRT_ToolbarAlertBanner';
21
22
  import { MRT_ToolbarDropZone } from './toolbar/MRT_ToolbarDropZone';
22
23
  import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons';
23
24
  import { MRT_TopToolbar } from './toolbar/MRT_TopToolbar';
24
- export { MRT_BottomToolbar, MRT_CopyButton, MRT_EditActionButtons, MRT_ExpandButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GrabHandleButton, MRT_GlobalFilterTextField, MRT_ShowHideColumnsButton, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, };
25
+ export { MRT_BottomToolbar, MRT_CopyButton, MRT_EditActionButtons, MRT_ExpandButton, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_ShowHideColumnsButton, MRT_TableHeadCellFilterContainer, MRT_TablePagination, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, };
package/dist/index.d.ts CHANGED
@@ -154,6 +154,7 @@ type Prettify<T> = {
154
154
  } & {};
155
155
  type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
156
156
  type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
157
+ type MRT_FilterFnsState = Record<string, MRT_FilterOption>;
157
158
 
158
159
  interface MRT_Localization {
159
160
  actions: string;
@@ -283,9 +284,7 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<T
283
284
  tablePaperRef: MutableRefObject<HTMLDivElement>;
284
285
  topToolbarRef: MutableRefObject<HTMLDivElement>;
285
286
  };
286
- setColumnFilterFns: Dispatch<SetStateAction<{
287
- [key: string]: MRT_FilterOption;
288
- }>>;
287
+ setColumnFilterFns: Dispatch<SetStateAction<MRT_FilterFnsState>>;
289
288
  setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
290
289
  setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
291
290
  setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
@@ -305,7 +304,7 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<T
305
304
  setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
306
305
  }>;
307
306
  type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<TableState & {
308
- columnFilterFns: Record<string, MRT_FilterOption>;
307
+ columnFilterFns: MRT_FilterFnsState;
309
308
  density: MRT_DensityState;
310
309
  draggingColumn: MRT_Column<TData> | null;
311
310
  draggingRow: MRT_Row<TData> | null;
@@ -870,32 +869,32 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Prettify<
870
869
  };
871
870
  declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilterMatchHighlighting, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, manualFiltering, manualGrouping, manualPagination, manualSorting, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
872
871
 
873
- interface Props$h<TData extends Record<string, any> = {}> {
872
+ interface Props$i<TData extends Record<string, any> = {}> {
874
873
  table: MRT_TableInstance<TData>;
875
874
  }
876
- declare const MRT_BottomToolbar: <TData extends Record<string, any> = {}>({ table, }: Props$h<TData>) => JSX.Element;
875
+ declare const MRT_BottomToolbar: <TData extends Record<string, any> = {}>({ table, }: Props$i<TData>) => JSX.Element;
877
876
 
878
- interface Props$g<TData extends Record<string, any> = {}> {
877
+ interface Props$h<TData extends Record<string, any> = {}> {
879
878
  cell: MRT_Cell<TData>;
880
879
  children: ReactNode;
881
880
  table: MRT_TableInstance<TData>;
882
881
  }
883
- declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$g<TData>) => JSX.Element;
882
+ declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$h<TData>) => JSX.Element;
884
883
 
885
- interface Props$f<TData extends Record<string, any> = {}> {
884
+ interface Props$g<TData extends Record<string, any> = {}> {
886
885
  row: MRT_Row<TData>;
887
886
  table: MRT_TableInstance<TData>;
888
887
  variant?: 'icon' | 'text';
889
888
  }
890
- declare const MRT_EditActionButtons: <TData extends Record<string, any> = {}>({ row, table, variant, }: Props$f<TData>) => JSX.Element;
889
+ declare const MRT_EditActionButtons: <TData extends Record<string, any> = {}>({ row, table, variant, }: Props$g<TData>) => JSX.Element;
891
890
 
892
- interface Props$e<TData extends Record<string, any> = {}> {
891
+ interface Props$f<TData extends Record<string, any> = {}> {
893
892
  row: MRT_Row<TData>;
894
893
  table: MRT_TableInstance<TData>;
895
894
  }
896
- declare const MRT_ExpandButton: <TData extends Record<string, any> = {}>({ row, table, }: Props$e<TData>) => JSX.Element;
895
+ declare const MRT_ExpandButton: <TData extends Record<string, any> = {}>({ row, table, }: Props$f<TData>) => JSX.Element;
897
896
 
898
- interface Props$d<TData extends Record<string, any> = {}> {
897
+ interface Props$e<TData extends Record<string, any> = {}> {
899
898
  anchorEl: HTMLElement | null;
900
899
  header?: MRT_Header<TData>;
901
900
  onSelect?: () => void;
@@ -903,12 +902,17 @@ interface Props$d<TData extends Record<string, any> = {}> {
903
902
  setFilterValue?: (filterValue: any) => void;
904
903
  table: MRT_TableInstance<TData>;
905
904
  }
906
- declare const MRT_FilterOptionMenu: <TData extends Record<string, any> = {}>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$d<TData>) => JSX.Element;
905
+ declare const MRT_FilterOptionMenu: <TData extends Record<string, any> = {}>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$e<TData>) => JSX.Element;
906
+
907
+ interface Props$d<TData extends Record<string, any> = {}> extends IconButtonProps {
908
+ table: MRT_TableInstance<TData>;
909
+ }
910
+ declare const MRT_FullScreenToggleButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$d<TData>) => JSX.Element;
907
911
 
908
- interface Props$c<TData extends Record<string, any> = {}> extends IconButtonProps {
912
+ interface Props$c<TData extends Record<string, any> = {}> {
909
913
  table: MRT_TableInstance<TData>;
910
914
  }
911
- declare const MRT_FullScreenToggleButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$c<TData>) => JSX.Element;
915
+ declare const MRT_GlobalFilterTextField: <TData extends Record<string, any> = {}>({ table, }: Props$c<TData>) => JSX.Element;
912
916
 
913
917
  interface Props$b<TData extends Record<string, any> = {}> {
914
918
  iconButtonProps?: IconButtonProps;
@@ -918,15 +922,16 @@ interface Props$b<TData extends Record<string, any> = {}> {
918
922
  }
919
923
  declare const MRT_GrabHandleButton: <TData extends Record<string, any> = {}>({ iconButtonProps, onDragEnd, onDragStart, table, }: Props$b<TData>) => JSX.Element;
920
924
 
921
- interface Props$a<TData extends Record<string, any> = {}> {
925
+ interface Props$a<TData extends Record<string, any> = {}> extends IconButtonProps {
922
926
  table: MRT_TableInstance<TData>;
923
927
  }
924
- declare const MRT_GlobalFilterTextField: <TData extends Record<string, any> = {}>({ table, }: Props$a<TData>) => JSX.Element;
928
+ declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$a<TData>) => JSX.Element;
925
929
 
926
- interface Props$9<TData extends Record<string, any> = {}> extends IconButtonProps {
927
- table: MRT_TableInstance<TData>;
930
+ interface Props$9 {
931
+ header: MRT_Header;
932
+ table: MRT_TableInstance;
928
933
  }
929
- declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$9<TData>) => JSX.Element;
934
+ declare const MRT_TableHeadCellFilterContainer: ({ header, table }: Props$9) => JSX.Element;
930
935
 
931
936
  interface Props$8<TData extends Record<string, any> = {}> {
932
937
  position?: 'top' | 'bottom';
@@ -977,4 +982,4 @@ interface Props<TData extends Record<string, any> = {}> {
977
982
  }
978
983
  declare const MRT_TopToolbar: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
979
984
 
980
- export { MRT_AggregationFn, MRT_AggregationFns, MRT_AggregationOption, MRT_BottomToolbar, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_CreateTableFeature, MRT_DefinedColumnDef, MRT_DensityState, MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_ExpandButton, MRT_FilterFn, MRT_FilterFns, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingFns, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTableProps, MaterialReactTable as default };
985
+ export { MRT_AggregationFn, MRT_AggregationFns, MRT_AggregationOption, MRT_BottomToolbar, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_CreateTableFeature, MRT_DefinedColumnDef, MRT_DensityState, MRT_DisplayColumnIds, MRT_EditActionButtons, MRT_ExpandButton, MRT_FilterFn, MRT_FilterFns, MRT_FilterFnsState, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_GrabHandleButton, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingFns, MRT_SortingOption, MRT_TableHeadCellFilterContainer, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToggleRowActionMenuButton, MRT_ToolbarAlertBanner, MRT_ToolbarDropZone, MRT_ToolbarInternalButtons, MRT_TopToolbar, MaterialReactTableProps, MaterialReactTable as default };
@@ -0,0 +1,2 @@
1
+ import type { MRT_Localization } from '../MaterialReactTable';
2
+ export declare const MRT_Localization_HU: MRT_Localization;
@@ -0,0 +1,2 @@
1
+ import type { MRT_Localization } from '../MaterialReactTable';
2
+ export declare const MRT_Localization_HU: MRT_Localization;
@@ -0,0 +1,94 @@
1
+ const MRT_Localization_HU = {
2
+ actions: 'Műveletek',
3
+ and: 'és',
4
+ cancel: 'Mégse',
5
+ changeFilterMode: 'Szűrő módjának megváltoztatása',
6
+ changeSearchMode: 'Keresés módjának megváltoztatása',
7
+ clearFilter: 'Szűrő törlése',
8
+ clearSearch: 'Keresés törlése',
9
+ clearSort: 'Rendezés törlése',
10
+ clickToCopy: 'Kattintson a másoláshoz',
11
+ collapse: 'Összecsukás',
12
+ collapseAll: 'Mindet összecsuk',
13
+ columnActions: 'Oszlop műveletek',
14
+ copiedToClipboard: 'Vágólapra másolva',
15
+ dropToGroupBy: 'Húzza ide a csoportosításhoz: {column}',
16
+ edit: 'Szerkesztés',
17
+ expand: 'Kibontás',
18
+ expandAll: 'Mindet kibont',
19
+ filterArrIncludes: 'Tartalmazza',
20
+ filterArrIncludesAll: 'Mindet tartalmazza',
21
+ filterArrIncludesSome: 'Tartalmazza',
22
+ filterBetween: 'Között',
23
+ filterBetweenInclusive: 'Között (beleértve)',
24
+ filterByColumn: 'Szűrés: {column} alapján',
25
+ filterContains: 'Tartalmazza',
26
+ filterEmpty: 'Üres',
27
+ filterEndsWith: 'Végződik',
28
+ filterEquals: 'Egyenlő',
29
+ filterEqualsString: 'Egyenlő',
30
+ filterFuzzy: 'Pontatlan',
31
+ filterGreaterThan: 'Nagyobb, mint',
32
+ filterGreaterThanOrEqualTo: 'Nagyobb vagy egyenlő, mint',
33
+ filterInNumberRange: 'Között',
34
+ filterIncludesString: 'Tartalmazza',
35
+ filterIncludesStringSensitive: 'Tartalmazza',
36
+ filterLessThan: 'Kisebb, mint',
37
+ filterLessThanOrEqualTo: 'Kisebb vagy egyenlő, mint',
38
+ filterMode: 'Szűrő mód: {filterType}',
39
+ filterNotEmpty: 'Nem üres',
40
+ filterNotEquals: 'Nem egyenlő',
41
+ filterStartsWith: 'Kezdődik',
42
+ filterWeakEquals: 'Egyenlő',
43
+ filteringByColumn: '{column} szűrése - {filterType} {filterValue}',
44
+ goToFirstPage: 'Ugrás az első oldalra',
45
+ goToLastPage: 'Ugrás az utolsó oldalra',
46
+ goToNextPage: 'Ugrás a következő oldalra',
47
+ goToPreviousPage: 'Ugrás az előző oldalra',
48
+ grab: 'Fogás',
49
+ groupByColumn: 'Csoportosítás: {column} alapján',
50
+ groupedBy: 'Csoportosítva: ',
51
+ hideAll: 'Mindet elrejt',
52
+ hideColumn: '{column} oszlop elrejtése',
53
+ max: 'Max',
54
+ min: 'Min',
55
+ move: 'Mozgatás',
56
+ noRecordsToDisplay: 'Nincsenek megjeleníthető rekordok',
57
+ noResultsFound: 'Nincs találat',
58
+ of: 'összesen',
59
+ or: 'vagy',
60
+ pinToLeft: 'Rögzítés balra',
61
+ pinToRight: 'Rögzítés jobbra',
62
+ resetColumnSize: 'Oszlop méretének alaphelyzetbe állítása',
63
+ resetOrder: 'Rendezés alaphelyzetbe állítása',
64
+ rowActions: 'Sor műveletek',
65
+ rowNumber: '#',
66
+ rowNumbers: 'Sor számok',
67
+ rowsPerPage: 'Sorok oldalanként',
68
+ save: 'Mentés',
69
+ search: 'Keresés',
70
+ selectedCountOfRowCountRowsSelected: '{selectedCount} kiválasztva {rowCount} sorból',
71
+ select: 'Kiválasztás',
72
+ showAll: 'Összes mutatása',
73
+ showAllColumns: 'Összes oszlop mutatása',
74
+ showHideColumns: 'Oszlopok mutatása/elrejtése',
75
+ showHideFilters: 'Szűrők mutatása/elrejtése',
76
+ showHideSearch: 'Keresés mutatása/elrejtése',
77
+ sortByColumnAsc: '{column} szerinti növekvő rendezés',
78
+ sortByColumnDesc: '{column} szerinti csökkenő rendezés',
79
+ sortedByColumnAsc: '{column} szerinti növekvő rendezés',
80
+ sortedByColumnDesc: '{column} szerinti csökkenő rendezés',
81
+ thenBy: ', majd {column} alapján',
82
+ toggleDensity: 'Sűrűség váltása',
83
+ toggleFullScreen: 'Váltás teljes képernyőre',
84
+ toggleSelectAll: 'Összes kiválasztás váltása',
85
+ toggleSelectRow: 'Sor kiválasztás váltása',
86
+ toggleVisibility: 'Láthatóság váltása',
87
+ ungroupByColumn: 'Csoportosítás megszüntetése: {column}',
88
+ unpin: 'Feloldás',
89
+ unpinAll: 'Minden feloldása',
90
+ unsorted: 'Nincs rendezés',
91
+ };
92
+
93
+ export { MRT_Localization_HU };
94
+ //# sourceMappingURL=hu.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hu.esm.js","sources":["../src/_locales/hu.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
package/locales/hu.js ADDED
@@ -0,0 +1,98 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ const MRT_Localization_HU = {
6
+ actions: 'Műveletek',
7
+ and: 'és',
8
+ cancel: 'Mégse',
9
+ changeFilterMode: 'Szűrő módjának megváltoztatása',
10
+ changeSearchMode: 'Keresés módjának megváltoztatása',
11
+ clearFilter: 'Szűrő törlése',
12
+ clearSearch: 'Keresés törlése',
13
+ clearSort: 'Rendezés törlése',
14
+ clickToCopy: 'Kattintson a másoláshoz',
15
+ collapse: 'Összecsukás',
16
+ collapseAll: 'Mindet összecsuk',
17
+ columnActions: 'Oszlop műveletek',
18
+ copiedToClipboard: 'Vágólapra másolva',
19
+ dropToGroupBy: 'Húzza ide a csoportosításhoz: {column}',
20
+ edit: 'Szerkesztés',
21
+ expand: 'Kibontás',
22
+ expandAll: 'Mindet kibont',
23
+ filterArrIncludes: 'Tartalmazza',
24
+ filterArrIncludesAll: 'Mindet tartalmazza',
25
+ filterArrIncludesSome: 'Tartalmazza',
26
+ filterBetween: 'Között',
27
+ filterBetweenInclusive: 'Között (beleértve)',
28
+ filterByColumn: 'Szűrés: {column} alapján',
29
+ filterContains: 'Tartalmazza',
30
+ filterEmpty: 'Üres',
31
+ filterEndsWith: 'Végződik',
32
+ filterEquals: 'Egyenlő',
33
+ filterEqualsString: 'Egyenlő',
34
+ filterFuzzy: 'Pontatlan',
35
+ filterGreaterThan: 'Nagyobb, mint',
36
+ filterGreaterThanOrEqualTo: 'Nagyobb vagy egyenlő, mint',
37
+ filterInNumberRange: 'Között',
38
+ filterIncludesString: 'Tartalmazza',
39
+ filterIncludesStringSensitive: 'Tartalmazza',
40
+ filterLessThan: 'Kisebb, mint',
41
+ filterLessThanOrEqualTo: 'Kisebb vagy egyenlő, mint',
42
+ filterMode: 'Szűrő mód: {filterType}',
43
+ filterNotEmpty: 'Nem üres',
44
+ filterNotEquals: 'Nem egyenlő',
45
+ filterStartsWith: 'Kezdődik',
46
+ filterWeakEquals: 'Egyenlő',
47
+ filteringByColumn: '{column} szűrése - {filterType} {filterValue}',
48
+ goToFirstPage: 'Ugrás az első oldalra',
49
+ goToLastPage: 'Ugrás az utolsó oldalra',
50
+ goToNextPage: 'Ugrás a következő oldalra',
51
+ goToPreviousPage: 'Ugrás az előző oldalra',
52
+ grab: 'Fogás',
53
+ groupByColumn: 'Csoportosítás: {column} alapján',
54
+ groupedBy: 'Csoportosítva: ',
55
+ hideAll: 'Mindet elrejt',
56
+ hideColumn: '{column} oszlop elrejtése',
57
+ max: 'Max',
58
+ min: 'Min',
59
+ move: 'Mozgatás',
60
+ noRecordsToDisplay: 'Nincsenek megjeleníthető rekordok',
61
+ noResultsFound: 'Nincs találat',
62
+ of: 'összesen',
63
+ or: 'vagy',
64
+ pinToLeft: 'Rögzítés balra',
65
+ pinToRight: 'Rögzítés jobbra',
66
+ resetColumnSize: 'Oszlop méretének alaphelyzetbe állítása',
67
+ resetOrder: 'Rendezés alaphelyzetbe állítása',
68
+ rowActions: 'Sor műveletek',
69
+ rowNumber: '#',
70
+ rowNumbers: 'Sor számok',
71
+ rowsPerPage: 'Sorok oldalanként',
72
+ save: 'Mentés',
73
+ search: 'Keresés',
74
+ selectedCountOfRowCountRowsSelected: '{selectedCount} kiválasztva {rowCount} sorból',
75
+ select: 'Kiválasztás',
76
+ showAll: 'Összes mutatása',
77
+ showAllColumns: 'Összes oszlop mutatása',
78
+ showHideColumns: 'Oszlopok mutatása/elrejtése',
79
+ showHideFilters: 'Szűrők mutatása/elrejtése',
80
+ showHideSearch: 'Keresés mutatása/elrejtése',
81
+ sortByColumnAsc: '{column} szerinti növekvő rendezés',
82
+ sortByColumnDesc: '{column} szerinti csökkenő rendezés',
83
+ sortedByColumnAsc: '{column} szerinti növekvő rendezés',
84
+ sortedByColumnDesc: '{column} szerinti csökkenő rendezés',
85
+ thenBy: ', majd {column} alapján',
86
+ toggleDensity: 'Sűrűség váltása',
87
+ toggleFullScreen: 'Váltás teljes képernyőre',
88
+ toggleSelectAll: 'Összes kiválasztás váltása',
89
+ toggleSelectRow: 'Sor kiválasztás váltása',
90
+ toggleVisibility: 'Láthatóság váltása',
91
+ ungroupByColumn: 'Csoportosítás megszüntetése: {column}',
92
+ unpin: 'Feloldás',
93
+ unpinAll: 'Minden feloldása',
94
+ unsorted: 'Nincs rendezés',
95
+ };
96
+
97
+ exports.MRT_Localization_HU = MRT_Localization_HU;
98
+ //# sourceMappingURL=hu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hu.js","sources":["../src/_locales/hu.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.11.2",
2
+ "version": "1.11.4",
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.",
@@ -77,6 +77,8 @@ type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
77
77
 
78
78
  export type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
79
79
 
80
+ export type MRT_FilterFnsState = Record<string, MRT_FilterOption>;
81
+
80
82
  export type {
81
83
  ColumnFiltersState as MRT_ColumnFiltersState,
82
84
  ColumnOrderState as MRT_ColumnOrderState,
@@ -245,9 +247,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> =
245
247
  tablePaperRef: MutableRefObject<HTMLDivElement>;
246
248
  topToolbarRef: MutableRefObject<HTMLDivElement>;
247
249
  };
248
- setColumnFilterFns: Dispatch<
249
- SetStateAction<{ [key: string]: MRT_FilterOption }>
250
- >;
250
+ setColumnFilterFns: Dispatch<SetStateAction<MRT_FilterFnsState>>;
251
251
  setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
252
252
  setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
253
253
  setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
@@ -270,7 +270,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> =
270
270
 
271
271
  export type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<
272
272
  TableState & {
273
- columnFilterFns: Record<string, MRT_FilterOption>;
273
+ columnFilterFns: MRT_FilterFnsState;
274
274
  density: MRT_DensityState;
275
275
  draggingColumn: MRT_Column<TData> | null;
276
276
  draggingRow: MRT_Row<TData> | null;
@@ -0,0 +1,94 @@
1
+ import type { MRT_Localization } from '../MaterialReactTable';
2
+
3
+ export const MRT_Localization_HU: MRT_Localization = {
4
+ actions: 'Műveletek',
5
+ and: 'és',
6
+ cancel: 'Mégse',
7
+ changeFilterMode: 'Szűrő módjának megváltoztatása',
8
+ changeSearchMode: 'Keresés módjának megváltoztatása',
9
+ clearFilter: 'Szűrő törlése',
10
+ clearSearch: 'Keresés törlése',
11
+ clearSort: 'Rendezés törlése',
12
+ clickToCopy: 'Kattintson a másoláshoz',
13
+ collapse: 'Összecsukás',
14
+ collapseAll: 'Mindet összecsuk',
15
+ columnActions: 'Oszlop műveletek',
16
+ copiedToClipboard: 'Vágólapra másolva',
17
+ dropToGroupBy: 'Húzza ide a csoportosításhoz: {column}',
18
+ edit: 'Szerkesztés',
19
+ expand: 'Kibontás',
20
+ expandAll: 'Mindet kibont',
21
+ filterArrIncludes: 'Tartalmazza',
22
+ filterArrIncludesAll: 'Mindet tartalmazza',
23
+ filterArrIncludesSome: 'Tartalmazza',
24
+ filterBetween: 'Között',
25
+ filterBetweenInclusive: 'Között (beleértve)',
26
+ filterByColumn: 'Szűrés: {column} alapján',
27
+ filterContains: 'Tartalmazza',
28
+ filterEmpty: 'Üres',
29
+ filterEndsWith: 'Végződik',
30
+ filterEquals: 'Egyenlő',
31
+ filterEqualsString: 'Egyenlő',
32
+ filterFuzzy: 'Pontatlan',
33
+ filterGreaterThan: 'Nagyobb, mint',
34
+ filterGreaterThanOrEqualTo: 'Nagyobb vagy egyenlő, mint',
35
+ filterInNumberRange: 'Között',
36
+ filterIncludesString: 'Tartalmazza',
37
+ filterIncludesStringSensitive: 'Tartalmazza',
38
+ filterLessThan: 'Kisebb, mint',
39
+ filterLessThanOrEqualTo: 'Kisebb vagy egyenlő, mint',
40
+ filterMode: 'Szűrő mód: {filterType}',
41
+ filterNotEmpty: 'Nem üres',
42
+ filterNotEquals: 'Nem egyenlő',
43
+ filterStartsWith: 'Kezdődik',
44
+ filterWeakEquals: 'Egyenlő',
45
+ filteringByColumn: '{column} szűrése - {filterType} {filterValue}',
46
+ goToFirstPage: 'Ugrás az első oldalra',
47
+ goToLastPage: 'Ugrás az utolsó oldalra',
48
+ goToNextPage: 'Ugrás a következő oldalra',
49
+ goToPreviousPage: 'Ugrás az előző oldalra',
50
+ grab: 'Fogás',
51
+ groupByColumn: 'Csoportosítás: {column} alapján',
52
+ groupedBy: 'Csoportosítva: ',
53
+ hideAll: 'Mindet elrejt',
54
+ hideColumn: '{column} oszlop elrejtése',
55
+ max: 'Max',
56
+ min: 'Min',
57
+ move: 'Mozgatás',
58
+ noRecordsToDisplay: 'Nincsenek megjeleníthető rekordok',
59
+ noResultsFound: 'Nincs találat',
60
+ of: 'összesen',
61
+ or: 'vagy',
62
+ pinToLeft: 'Rögzítés balra',
63
+ pinToRight: 'Rögzítés jobbra',
64
+ resetColumnSize: 'Oszlop méretének alaphelyzetbe állítása',
65
+ resetOrder: 'Rendezés alaphelyzetbe állítása',
66
+ rowActions: 'Sor műveletek',
67
+ rowNumber: '#',
68
+ rowNumbers: 'Sor számok',
69
+ rowsPerPage: 'Sorok oldalanként',
70
+ save: 'Mentés',
71
+ search: 'Keresés',
72
+ selectedCountOfRowCountRowsSelected:
73
+ '{selectedCount} kiválasztva {rowCount} sorból',
74
+ select: 'Kiválasztás',
75
+ showAll: 'Összes mutatása',
76
+ showAllColumns: 'Összes oszlop mutatása',
77
+ showHideColumns: 'Oszlopok mutatása/elrejtése',
78
+ showHideFilters: 'Szűrők mutatása/elrejtése',
79
+ showHideSearch: 'Keresés mutatása/elrejtése',
80
+ sortByColumnAsc: '{column} szerinti növekvő rendezés',
81
+ sortByColumnDesc: '{column} szerinti csökkenő rendezés',
82
+ sortedByColumnAsc: '{column} szerinti növekvő rendezés',
83
+ sortedByColumnDesc: '{column} szerinti csökkenő rendezés',
84
+ thenBy: ', majd {column} alapján',
85
+ toggleDensity: 'Sűrűség váltása',
86
+ toggleFullScreen: 'Váltás teljes képernyőre',
87
+ toggleSelectAll: 'Összes kiválasztás váltása',
88
+ toggleSelectRow: 'Sor kiválasztás váltása',
89
+ toggleVisibility: 'Láthatóság váltása',
90
+ ungroupByColumn: 'Csoportosítás megszüntetése: {column}',
91
+ unpin: 'Feloldás',
92
+ unpinAll: 'Minden feloldása',
93
+ unsorted: 'Nincs rendezés',
94
+ };
@@ -124,7 +124,11 @@ export const MRT_TableBody = ({
124
124
  estimateSize: () =>
125
125
  density === 'compact' ? 37 : density === 'comfortable' ? 58 : 73,
126
126
  getScrollElement: () => tableContainerRef.current,
127
- measureElement: (element) => element?.getBoundingClientRect().height,
127
+ measureElement:
128
+ typeof window !== 'undefined' &&
129
+ navigator.userAgent.indexOf('Firefox') === -1
130
+ ? (element) => element?.getBoundingClientRect().height
131
+ : undefined,
128
132
  overscan: 4,
129
133
  ...vProps_old,
130
134
  ...vProps,
@@ -1,6 +1,6 @@
1
1
  import React, { DragEvent, memo, useRef } from 'react';
2
2
  import TableRow from '@mui/material/TableRow';
3
- import { alpha, darken, lighten } from '@mui/material/styles';
3
+ import { type Theme, alpha, darken, lighten } from '@mui/material/styles';
4
4
  import { Memo_MRT_TableBodyCell, MRT_TableBodyCell } from './MRT_TableBodyCell';
5
5
  import { MRT_TableDetailPanel } from './MRT_TableDetailPanel';
6
6
  import type { VirtualItem, Virtualizer } from '@tanstack/react-virtual';
@@ -71,17 +71,15 @@ export const MRT_TableBodyRow = ({
71
71
  }
72
72
  }}
73
73
  {...tableRowProps}
74
- sx={(theme) => ({
74
+ sx={(theme: Theme) => ({
75
75
  backgroundColor: lighten(theme.palette.background.default, 0.06),
76
+ boxSizing: 'border-box',
76
77
  display: layoutMode === 'grid' ? 'flex' : 'table-row',
77
78
  opacity:
78
79
  draggingRow?.id === row.id || hoveredRow?.id === row.id ? 0.5 : 1,
79
80
  position: virtualRow ? 'absolute' : undefined,
80
- top: virtualRow ? 0 : undefined,
81
- transform: virtualRow
82
- ? `translateY(${virtualRow?.start}px)`
83
- : undefined,
84
81
  transition: virtualRow ? 'none' : 'all 150ms ease-in-out',
82
+ top: virtualRow ? 0 : undefined,
85
83
  width: '100%',
86
84
  '&:hover td': {
87
85
  backgroundColor:
@@ -97,6 +95,12 @@ export const MRT_TableBodyRow = ({
97
95
  ? tableRowProps.sx(theme)
98
96
  : (tableRowProps?.sx as any)),
99
97
  })}
98
+ style={{
99
+ transform: virtualRow
100
+ ? `translateY(${virtualRow?.start}px)`
101
+ : undefined,
102
+ ...tableRowProps?.style,
103
+ }}
100
104
  >
101
105
  {virtualPaddingLeft ? (
102
106
  <td style={{ display: 'flex', width: virtualPaddingLeft }} />
@@ -238,9 +238,10 @@ export const getIsFirstRightPinnedColumn = (column: MRT_Column) => {
238
238
  };
239
239
 
240
240
  export const getTotalRight = (table: MRT_TableInstance, column: MRT_Column) => {
241
- return (
242
- (table.getRightLeafHeaders().length - 1 - column.getPinnedIndex()) * 200
243
- );
241
+ return table
242
+ .getRightLeafHeaders()
243
+ .slice(column.getPinnedIndex() + 1)
244
+ .reduce((acc, col) => acc + col.getSize(), 0);
244
245
  };
245
246
 
246
247
  export const getCommonCellStyles = ({
package/src/index.tsx CHANGED
@@ -11,9 +11,10 @@ import { MRT_EditActionButtons } from './buttons/MRT_EditActionButtons';
11
11
  import { MRT_ExpandButton } from './buttons/MRT_ExpandButton';
12
12
  import { MRT_FilterOptionMenu } from './menus/MRT_FilterOptionMenu';
13
13
  import { MRT_FullScreenToggleButton } from './buttons/MRT_FullScreenToggleButton';
14
- import { MRT_GrabHandleButton } from './buttons/MRT_GrabHandleButton';
15
14
  import { MRT_GlobalFilterTextField } from './inputs/MRT_GlobalFilterTextField';
15
+ import { MRT_GrabHandleButton } from './buttons/MRT_GrabHandleButton';
16
16
  import { MRT_ShowHideColumnsButton } from './buttons/MRT_ShowHideColumnsButton';
17
+ import { MRT_TableHeadCellFilterContainer } from './head/MRT_TableHeadCellFilterContainer';
17
18
  import { MRT_TablePagination } from './toolbar/MRT_TablePagination';
18
19
  import { MRT_ToggleDensePaddingButton } from './buttons/MRT_ToggleDensePaddingButton';
19
20
  import { MRT_ToggleFiltersButton } from './buttons/MRT_ToggleFiltersButton';
@@ -31,9 +32,10 @@ export {
31
32
  MRT_ExpandButton,
32
33
  MRT_FilterOptionMenu,
33
34
  MRT_FullScreenToggleButton,
34
- MRT_GrabHandleButton,
35
35
  MRT_GlobalFilterTextField,
36
+ MRT_GrabHandleButton,
36
37
  MRT_ShowHideColumnsButton,
38
+ MRT_TableHeadCellFilterContainer,
37
39
  MRT_TablePagination,
38
40
  MRT_ToggleDensePaddingButton,
39
41
  MRT_ToggleFiltersButton,