material-react-table 1.11.3 → 1.11.4

package/dist/esm/types/MaterialReactTable.d.ts

@@ -33,6 +33,7 @@ type Prettify<T> = {
 } & {};
 type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 export type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
+export type MRT_FilterFnsState = Record<string, MRT_FilterOption>;
 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, };
 export interface MRT_Localization {
     actions: string;
@@ -162,9 +163,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify
         tablePaperRef: MutableRefObject<HTMLDivElement>;
         topToolbarRef: MutableRefObject<HTMLDivElement>;
     };
-    setColumnFilterFns: Dispatch<SetStateAction<{
-        [key: string]: MRT_FilterOption;
-    }>>;
+    setColumnFilterFns: Dispatch<SetStateAction<MRT_FilterFnsState>>;
     setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
     setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
@@ -184,7 +183,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify
     setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
 }>;
 export type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<TableState & {
-    columnFilterFns: Record<string, MRT_FilterOption>;
+    columnFilterFns: MRT_FilterFnsState;
     density: MRT_DensityState;
     draggingColumn: MRT_Column<TData> | null;
     draggingRow: MRT_Row<TData> | null;

package/dist/esm/types/_locales/hu.d.ts

@@ -0,0 +1,2 @@
+import type { MRT_Localization } from '../MaterialReactTable';
+export declare const MRT_Localization_HU: MRT_Localization;

package/dist/esm/types/index.d.ts

@@ -9,9 +9,10 @@ import { MRT_EditActionButtons } from './buttons/MRT_EditActionButtons';
 import { MRT_ExpandButton } from './buttons/MRT_ExpandButton';
 import { MRT_FilterOptionMenu } from './menus/MRT_FilterOptionMenu';
 import { MRT_FullScreenToggleButton } from './buttons/MRT_FullScreenToggleButton';
-import { MRT_GrabHandleButton } from './buttons/MRT_GrabHandleButton';
 import { MRT_GlobalFilterTextField } from './inputs/MRT_GlobalFilterTextField';
+import { MRT_GrabHandleButton } from './buttons/MRT_GrabHandleButton';
 import { MRT_ShowHideColumnsButton } from './buttons/MRT_ShowHideColumnsButton';
+import { MRT_TableHeadCellFilterContainer } from './head/MRT_TableHeadCellFilterContainer';
 import { MRT_TablePagination } from './toolbar/MRT_TablePagination';
 import { MRT_ToggleDensePaddingButton } from './buttons/MRT_ToggleDensePaddingButton';
 import { MRT_ToggleFiltersButton } from './buttons/MRT_ToggleFiltersButton';
@@ -21,4 +22,4 @@ import { MRT_ToolbarAlertBanner } from './toolbar/MRT_ToolbarAlertBanner';
 import { MRT_ToolbarDropZone } from './toolbar/MRT_ToolbarDropZone';
 import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons';
 import { MRT_TopToolbar } from './toolbar/MRT_TopToolbar';
-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, };
+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

@@ -154,6 +154,7 @@ type Prettify<T> = {
 } & {};
 type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
+type MRT_FilterFnsState = Record<string, MRT_FilterOption>;
 
 interface MRT_Localization {
     actions: string;
@@ -283,9 +284,7 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<T
         tablePaperRef: MutableRefObject<HTMLDivElement>;
         topToolbarRef: MutableRefObject<HTMLDivElement>;
     };
-    setColumnFilterFns: Dispatch<SetStateAction<{
-        [key: string]: MRT_FilterOption;
-    }>>;
+    setColumnFilterFns: Dispatch<SetStateAction<MRT_FilterFnsState>>;
     setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
     setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
@@ -305,7 +304,7 @@ type MRT_TableInstance<TData extends Record<string, any> = {}> = Prettify<Omit<T
     setShowToolbarDropZone: Dispatch<SetStateAction<boolean>>;
 }>;
 type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<TableState & {
-    columnFilterFns: Record<string, MRT_FilterOption>;
+    columnFilterFns: MRT_FilterFnsState;
     density: MRT_DensityState;
     draggingColumn: MRT_Column<TData> | null;
     draggingRow: MRT_Row<TData> | null;
@@ -870,32 +869,32 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Prettify<
 };
 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;
 
-interface Props$h<TData extends Record<string, any> = {}> {
+interface Props$i<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_BottomToolbar: <TData extends Record<string, any> = {}>({ table, }: Props$h<TData>) => JSX.Element;
+declare const MRT_BottomToolbar: <TData extends Record<string, any> = {}>({ table, }: Props$i<TData>) => JSX.Element;
 
-interface Props$g<TData extends Record<string, any> = {}> {
+interface Props$h<TData extends Record<string, any> = {}> {
     cell: MRT_Cell<TData>;
     children: ReactNode;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$g<TData>) => JSX.Element;
+declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$h<TData>) => JSX.Element;
 
-interface Props$f<TData extends Record<string, any> = {}> {
+interface Props$g<TData extends Record<string, any> = {}> {
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
     variant?: 'icon' | 'text';
 }
-declare const MRT_EditActionButtons: <TData extends Record<string, any> = {}>({ row, table, variant, }: Props$f<TData>) => JSX.Element;
+declare const MRT_EditActionButtons: <TData extends Record<string, any> = {}>({ row, table, variant, }: Props$g<TData>) => JSX.Element;
 
-interface Props$e<TData extends Record<string, any> = {}> {
+interface Props$f<TData extends Record<string, any> = {}> {
     row: MRT_Row<TData>;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_ExpandButton: <TData extends Record<string, any> = {}>({ row, table, }: Props$e<TData>) => JSX.Element;
+declare const MRT_ExpandButton: <TData extends Record<string, any> = {}>({ row, table, }: Props$f<TData>) => JSX.Element;
 
-interface Props$d<TData extends Record<string, any> = {}> {
+interface Props$e<TData extends Record<string, any> = {}> {
     anchorEl: HTMLElement | null;
     header?: MRT_Header<TData>;
     onSelect?: () => void;
@@ -903,12 +902,17 @@ interface Props$d<TData extends Record<string, any> = {}> {
     setFilterValue?: (filterValue: any) => void;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FilterOptionMenu: <TData extends Record<string, any> = {}>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$d<TData>) => JSX.Element;
+declare const MRT_FilterOptionMenu: <TData extends Record<string, any> = {}>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$e<TData>) => JSX.Element;
+
+interface Props$d<TData extends Record<string, any> = {}> extends IconButtonProps {
+    table: MRT_TableInstance<TData>;
+}
+declare const MRT_FullScreenToggleButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$d<TData>) => JSX.Element;
 
-interface Props$c<TData extends Record<string, any> = {}> extends IconButtonProps {
+interface Props$c<TData extends Record<string, any> = {}> {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_FullScreenToggleButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$c<TData>) => JSX.Element;
+declare const MRT_GlobalFilterTextField: <TData extends Record<string, any> = {}>({ table, }: Props$c<TData>) => JSX.Element;
 
 interface Props$b<TData extends Record<string, any> = {}> {
     iconButtonProps?: IconButtonProps;
@@ -918,15 +922,16 @@ interface Props$b<TData extends Record<string, any> = {}> {
 }
 declare const MRT_GrabHandleButton: <TData extends Record<string, any> = {}>({ iconButtonProps, onDragEnd, onDragStart, table, }: Props$b<TData>) => JSX.Element;
 
-interface Props$a<TData extends Record<string, any> = {}> {
+interface Props$a<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_GlobalFilterTextField: <TData extends Record<string, any> = {}>({ table, }: Props$a<TData>) => JSX.Element;
+declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$a<TData>) => JSX.Element;
 
-interface Props$9<TData extends Record<string, any> = {}> extends IconButtonProps {
-    table: MRT_TableInstance<TData>;
+interface Props$9 {
+    header: MRT_Header;
+    table: MRT_TableInstance;
 }
-declare const MRT_ShowHideColumnsButton: <TData extends Record<string, any> = {}>({ table, ...rest }: Props$9<TData>) => JSX.Element;
+declare const MRT_TableHeadCellFilterContainer: ({ header, table }: Props$9) => JSX.Element;
 
 interface Props$8<TData extends Record<string, any> = {}> {
     position?: 'top' | 'bottom';
@@ -977,4 +982,4 @@ interface Props<TData extends Record<string, any> = {}> {
 }
 declare const MRT_TopToolbar: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 
-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 };
+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 };

package/locales/hu.d.ts

@@ -0,0 +1,2 @@
+import type { MRT_Localization } from '../MaterialReactTable';
+export declare const MRT_Localization_HU: MRT_Localization;

package/locales/hu.esm.d.ts

@@ -0,0 +1,2 @@
+import type { MRT_Localization } from '../MaterialReactTable';
+export declare const MRT_Localization_HU: MRT_Localization;

package/locales/hu.esm.js

@@ -0,0 +1,94 @@
+const MRT_Localization_HU = {
+    actions: 'Műveletek',
+    and: 'és',
+    cancel: 'Mégse',
+    changeFilterMode: 'Szűrő módjának megváltoztatása',
+    changeSearchMode: 'Keresés módjának megváltoztatása',
+    clearFilter: 'Szűrő törlése',
+    clearSearch: 'Keresés törlése',
+    clearSort: 'Rendezés törlése',
+    clickToCopy: 'Kattintson a másoláshoz',
+    collapse: 'Összecsukás',
+    collapseAll: 'Mindet összecsuk',
+    columnActions: 'Oszlop műveletek',
+    copiedToClipboard: 'Vágólapra másolva',
+    dropToGroupBy: 'Húzza ide a csoportosításhoz: {column}',
+    edit: 'Szerkesztés',
+    expand: 'Kibontás',
+    expandAll: 'Mindet kibont',
+    filterArrIncludes: 'Tartalmazza',
+    filterArrIncludesAll: 'Mindet tartalmazza',
+    filterArrIncludesSome: 'Tartalmazza',
+    filterBetween: 'Között',
+    filterBetweenInclusive: 'Között (beleértve)',
+    filterByColumn: 'Szűrés: {column} alapján',
+    filterContains: 'Tartalmazza',
+    filterEmpty: 'Üres',
+    filterEndsWith: 'Végződik',
+    filterEquals: 'Egyenlő',
+    filterEqualsString: 'Egyenlő',
+    filterFuzzy: 'Pontatlan',
+    filterGreaterThan: 'Nagyobb, mint',
+    filterGreaterThanOrEqualTo: 'Nagyobb vagy egyenlő, mint',
+    filterInNumberRange: 'Között',
+    filterIncludesString: 'Tartalmazza',
+    filterIncludesStringSensitive: 'Tartalmazza',
+    filterLessThan: 'Kisebb, mint',
+    filterLessThanOrEqualTo: 'Kisebb vagy egyenlő, mint',
+    filterMode: 'Szűrő mód: {filterType}',
+    filterNotEmpty: 'Nem üres',
+    filterNotEquals: 'Nem egyenlő',
+    filterStartsWith: 'Kezdődik',
+    filterWeakEquals: 'Egyenlő',
+    filteringByColumn: '{column} szűrése - {filterType} {filterValue}',
+    goToFirstPage: 'Ugrás az első oldalra',
+    goToLastPage: 'Ugrás az utolsó oldalra',
+    goToNextPage: 'Ugrás a következő oldalra',
+    goToPreviousPage: 'Ugrás az előző oldalra',
+    grab: 'Fogás',
+    groupByColumn: 'Csoportosítás: {column} alapján',
+    groupedBy: 'Csoportosítva: ',
+    hideAll: 'Mindet elrejt',
+    hideColumn: '{column} oszlop elrejtése',
+    max: 'Max',
+    min: 'Min',
+    move: 'Mozgatás',
+    noRecordsToDisplay: 'Nincsenek megjeleníthető rekordok',
+    noResultsFound: 'Nincs találat',
+    of: 'összesen',
+    or: 'vagy',
+    pinToLeft: 'Rögzítés balra',
+    pinToRight: 'Rögzítés jobbra',
+    resetColumnSize: 'Oszlop méretének alaphelyzetbe állítása',
+    resetOrder: 'Rendezés alaphelyzetbe állítása',
+    rowActions: 'Sor műveletek',
+    rowNumber: '#',
+    rowNumbers: 'Sor számok',
+    rowsPerPage: 'Sorok oldalanként',
+    save: 'Mentés',
+    search: 'Keresés',
+    selectedCountOfRowCountRowsSelected: '{selectedCount} kiválasztva {rowCount} sorból',
+    select: 'Kiválasztás',
+    showAll: 'Összes mutatása',
+    showAllColumns: 'Összes oszlop mutatása',
+    showHideColumns: 'Oszlopok mutatása/elrejtése',
+    showHideFilters: 'Szűrők mutatása/elrejtése',
+    showHideSearch: 'Keresés mutatása/elrejtése',
+    sortByColumnAsc: '{column} szerinti növekvő rendezés',
+    sortByColumnDesc: '{column} szerinti csökkenő rendezés',
+    sortedByColumnAsc: '{column} szerinti növekvő rendezés',
+    sortedByColumnDesc: '{column} szerinti csökkenő rendezés',
+    thenBy: ', majd {column} alapján',
+    toggleDensity: 'Sűrűség váltása',
+    toggleFullScreen: 'Váltás teljes képernyőre',
+    toggleSelectAll: 'Összes kiválasztás váltása',
+    toggleSelectRow: 'Sor kiválasztás váltása',
+    toggleVisibility: 'Láthatóság váltása',
+    ungroupByColumn: 'Csoportosítás megszüntetése: {column}',
+    unpin: 'Feloldás',
+    unpinAll: 'Minden feloldása',
+    unsorted: 'Nincs rendezés',
+};
+
+export { MRT_Localization_HU };
+//# sourceMappingURL=hu.esm.js.map

package/locales/hu.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hu.esm.js","sources":["../src/_locales/hu.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEa,MAAA,mBAAmB,GAAqB;AACnD,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,gBAAgB,EAAE,gCAAgC;AAClD,IAAA,gBAAgB,EAAE,kCAAkC;AACpD,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,WAAW,EAAE,iBAAiB;AAC9B,IAAA,SAAS,EAAE,kBAAkB;AAC7B,IAAA,WAAW,EAAE,yBAAyB;AACtC,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,kBAAkB;AACjC,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,aAAa,EAAE,wCAAwC;AACvD,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,oBAAoB,EAAE,oBAAoB;AAC1C,IAAA,qBAAqB,EAAE,aAAa;AACpC,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,sBAAsB,EAAE,oBAAoB;AAC5C,IAAA,cAAc,EAAE,0BAA0B;AAC1C,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,cAAc,EAAE,UAAU;AAC1B,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,iBAAiB,EAAE,eAAe;AAClC,IAAA,0BAA0B,EAAE,4BAA4B;AACxD,IAAA,mBAAmB,EAAE,QAAQ;AAC7B,IAAA,oBAAoB,EAAE,aAAa;AACnC,IAAA,6BAA6B,EAAE,aAAa;AAC5C,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,uBAAuB,EAAE,2BAA2B;AACpD,IAAA,UAAU,EAAE,yBAAyB;AACrC,IAAA,cAAc,EAAE,UAAU;AAC1B,IAAA,eAAe,EAAE,aAAa;AAC9B,IAAA,gBAAgB,EAAE,UAAU;AAC5B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,iBAAiB,EAAE,+CAA+C;AAClE,IAAA,aAAa,EAAE,uBAAuB;AACtC,IAAA,YAAY,EAAE,yBAAyB;AACvC,IAAA,YAAY,EAAE,2BAA2B;AACzC,IAAA,gBAAgB,EAAE,wBAAwB;AAC1C,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,aAAa,EAAE,iCAAiC;AAChD,IAAA,SAAS,EAAE,iBAAiB;AAC5B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,UAAU,EAAE,2BAA2B;AACvC,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,kBAAkB,EAAE,mCAAmC;AACvD,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,SAAS,EAAE,gBAAgB;AAC3B,IAAA,UAAU,EAAE,iBAAiB;AAC7B,IAAA,eAAe,EAAE,yCAAyC;AAC1D,IAAA,UAAU,EAAE,iCAAiC;AAC7C,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,WAAW,EAAE,mBAAmB;AAChC,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,mCAAmC,EACjC,+CAA+C;AACjD,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,cAAc,EAAE,wBAAwB;AACxC,IAAA,eAAe,EAAE,6BAA6B;AAC9C,IAAA,eAAe,EAAE,2BAA2B;AAC5C,IAAA,cAAc,EAAE,4BAA4B;AAC5C,IAAA,eAAe,EAAE,oCAAoC;AACrD,IAAA,gBAAgB,EAAE,qCAAqC;AACvD,IAAA,iBAAiB,EAAE,oCAAoC;AACvD,IAAA,kBAAkB,EAAE,qCAAqC;AACzD,IAAA,MAAM,EAAE,yBAAyB;AACjC,IAAA,aAAa,EAAE,iBAAiB;AAChC,IAAA,gBAAgB,EAAE,0BAA0B;AAC5C,IAAA,eAAe,EAAE,4BAA4B;AAC7C,IAAA,eAAe,EAAE,yBAAyB;AAC1C,IAAA,gBAAgB,EAAE,oBAAoB;AACtC,IAAA,eAAe,EAAE,uCAAuC;AACxD,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,QAAQ,EAAE,gBAAgB;;;;;"}

package/locales/hu.js

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const MRT_Localization_HU = {
+    actions: 'Műveletek',
+    and: 'és',
+    cancel: 'Mégse',
+    changeFilterMode: 'Szűrő módjának megváltoztatása',
+    changeSearchMode: 'Keresés módjának megváltoztatása',
+    clearFilter: 'Szűrő törlése',
+    clearSearch: 'Keresés törlése',
+    clearSort: 'Rendezés törlése',
+    clickToCopy: 'Kattintson a másoláshoz',
+    collapse: 'Összecsukás',
+    collapseAll: 'Mindet összecsuk',
+    columnActions: 'Oszlop műveletek',
+    copiedToClipboard: 'Vágólapra másolva',
+    dropToGroupBy: 'Húzza ide a csoportosításhoz: {column}',
+    edit: 'Szerkesztés',
+    expand: 'Kibontás',
+    expandAll: 'Mindet kibont',
+    filterArrIncludes: 'Tartalmazza',
+    filterArrIncludesAll: 'Mindet tartalmazza',
+    filterArrIncludesSome: 'Tartalmazza',
+    filterBetween: 'Között',
+    filterBetweenInclusive: 'Között (beleértve)',
+    filterByColumn: 'Szűrés: {column} alapján',
+    filterContains: 'Tartalmazza',
+    filterEmpty: 'Üres',
+    filterEndsWith: 'Végződik',
+    filterEquals: 'Egyenlő',
+    filterEqualsString: 'Egyenlő',
+    filterFuzzy: 'Pontatlan',
+    filterGreaterThan: 'Nagyobb, mint',
+    filterGreaterThanOrEqualTo: 'Nagyobb vagy egyenlő, mint',
+    filterInNumberRange: 'Között',
+    filterIncludesString: 'Tartalmazza',
+    filterIncludesStringSensitive: 'Tartalmazza',
+    filterLessThan: 'Kisebb, mint',
+    filterLessThanOrEqualTo: 'Kisebb vagy egyenlő, mint',
+    filterMode: 'Szűrő mód: {filterType}',
+    filterNotEmpty: 'Nem üres',
+    filterNotEquals: 'Nem egyenlő',
+    filterStartsWith: 'Kezdődik',
+    filterWeakEquals: 'Egyenlő',
+    filteringByColumn: '{column} szűrése - {filterType} {filterValue}',
+    goToFirstPage: 'Ugrás az első oldalra',
+    goToLastPage: 'Ugrás az utolsó oldalra',
+    goToNextPage: 'Ugrás a következő oldalra',
+    goToPreviousPage: 'Ugrás az előző oldalra',
+    grab: 'Fogás',
+    groupByColumn: 'Csoportosítás: {column} alapján',
+    groupedBy: 'Csoportosítva: ',
+    hideAll: 'Mindet elrejt',
+    hideColumn: '{column} oszlop elrejtése',
+    max: 'Max',
+    min: 'Min',
+    move: 'Mozgatás',
+    noRecordsToDisplay: 'Nincsenek megjeleníthető rekordok',
+    noResultsFound: 'Nincs találat',
+    of: 'összesen',
+    or: 'vagy',
+    pinToLeft: 'Rögzítés balra',
+    pinToRight: 'Rögzítés jobbra',
+    resetColumnSize: 'Oszlop méretének alaphelyzetbe állítása',
+    resetOrder: 'Rendezés alaphelyzetbe állítása',
+    rowActions: 'Sor műveletek',
+    rowNumber: '#',
+    rowNumbers: 'Sor számok',
+    rowsPerPage: 'Sorok oldalanként',
+    save: 'Mentés',
+    search: 'Keresés',
+    selectedCountOfRowCountRowsSelected: '{selectedCount} kiválasztva {rowCount} sorból',
+    select: 'Kiválasztás',
+    showAll: 'Összes mutatása',
+    showAllColumns: 'Összes oszlop mutatása',
+    showHideColumns: 'Oszlopok mutatása/elrejtése',
+    showHideFilters: 'Szűrők mutatása/elrejtése',
+    showHideSearch: 'Keresés mutatása/elrejtése',
+    sortByColumnAsc: '{column} szerinti növekvő rendezés',
+    sortByColumnDesc: '{column} szerinti csökkenő rendezés',
+    sortedByColumnAsc: '{column} szerinti növekvő rendezés',
+    sortedByColumnDesc: '{column} szerinti csökkenő rendezés',
+    thenBy: ', majd {column} alapján',
+    toggleDensity: 'Sűrűség váltása',
+    toggleFullScreen: 'Váltás teljes képernyőre',
+    toggleSelectAll: 'Összes kiválasztás váltása',
+    toggleSelectRow: 'Sor kiválasztás váltása',
+    toggleVisibility: 'Láthatóság váltása',
+    ungroupByColumn: 'Csoportosítás megszüntetése: {column}',
+    unpin: 'Feloldás',
+    unpinAll: 'Minden feloldása',
+    unsorted: 'Nincs rendezés',
+};
+
+exports.MRT_Localization_HU = MRT_Localization_HU;
+//# sourceMappingURL=hu.js.map

package/locales/hu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hu.js","sources":["../src/_locales/hu.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAEa,MAAA,mBAAmB,GAAqB;AACnD,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,MAAM,EAAE,OAAO;AACf,IAAA,gBAAgB,EAAE,gCAAgC;AAClD,IAAA,gBAAgB,EAAE,kCAAkC;AACpD,IAAA,WAAW,EAAE,eAAe;AAC5B,IAAA,WAAW,EAAE,iBAAiB;AAC9B,IAAA,SAAS,EAAE,kBAAkB;AAC7B,IAAA,WAAW,EAAE,yBAAyB;AACtC,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,aAAa,EAAE,kBAAkB;AACjC,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,aAAa,EAAE,wCAAwC;AACvD,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,SAAS,EAAE,eAAe;AAC1B,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,oBAAoB,EAAE,oBAAoB;AAC1C,IAAA,qBAAqB,EAAE,aAAa;AACpC,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,sBAAsB,EAAE,oBAAoB;AAC5C,IAAA,cAAc,EAAE,0BAA0B;AAC1C,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,cAAc,EAAE,UAAU;AAC1B,IAAA,YAAY,EAAE,SAAS;AACvB,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,WAAW,EAAE,WAAW;AACxB,IAAA,iBAAiB,EAAE,eAAe;AAClC,IAAA,0BAA0B,EAAE,4BAA4B;AACxD,IAAA,mBAAmB,EAAE,QAAQ;AAC7B,IAAA,oBAAoB,EAAE,aAAa;AACnC,IAAA,6BAA6B,EAAE,aAAa;AAC5C,IAAA,cAAc,EAAE,cAAc;AAC9B,IAAA,uBAAuB,EAAE,2BAA2B;AACpD,IAAA,UAAU,EAAE,yBAAyB;AACrC,IAAA,cAAc,EAAE,UAAU;AAC1B,IAAA,eAAe,EAAE,aAAa;AAC9B,IAAA,gBAAgB,EAAE,UAAU;AAC5B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,iBAAiB,EAAE,+CAA+C;AAClE,IAAA,aAAa,EAAE,uBAAuB;AACtC,IAAA,YAAY,EAAE,yBAAyB;AACvC,IAAA,YAAY,EAAE,2BAA2B;AACzC,IAAA,gBAAgB,EAAE,wBAAwB;AAC1C,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,aAAa,EAAE,iCAAiC;AAChD,IAAA,SAAS,EAAE,iBAAiB;AAC5B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,UAAU,EAAE,2BAA2B;AACvC,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,kBAAkB,EAAE,mCAAmC;AACvD,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,SAAS,EAAE,gBAAgB;AAC3B,IAAA,UAAU,EAAE,iBAAiB;AAC7B,IAAA,eAAe,EAAE,yCAAyC;AAC1D,IAAA,UAAU,EAAE,iCAAiC;AAC7C,IAAA,UAAU,EAAE,eAAe;AAC3B,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,WAAW,EAAE,mBAAmB;AAChC,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,mCAAmC,EACjC,+CAA+C;AACjD,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,cAAc,EAAE,wBAAwB;AACxC,IAAA,eAAe,EAAE,6BAA6B;AAC9C,IAAA,eAAe,EAAE,2BAA2B;AAC5C,IAAA,cAAc,EAAE,4BAA4B;AAC5C,IAAA,eAAe,EAAE,oCAAoC;AACrD,IAAA,gBAAgB,EAAE,qCAAqC;AACvD,IAAA,iBAAiB,EAAE,oCAAoC;AACvD,IAAA,kBAAkB,EAAE,qCAAqC;AACzD,IAAA,MAAM,EAAE,yBAAyB;AACjC,IAAA,aAAa,EAAE,iBAAiB;AAChC,IAAA,gBAAgB,EAAE,0BAA0B;AAC5C,IAAA,eAAe,EAAE,4BAA4B;AAC7C,IAAA,eAAe,EAAE,yBAAyB;AAC1C,IAAA,gBAAgB,EAAE,oBAAoB;AACtC,IAAA,eAAe,EAAE,uCAAuC;AACxD,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,QAAQ,EAAE,kBAAkB;AAC5B,IAAA,QAAQ,EAAE,gBAAgB;;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.11.3",
+  "version": "1.11.4",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/MaterialReactTable.tsx

@@ -77,6 +77,8 @@ type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 
 export type MRT_DensityState = 'comfortable' | 'compact' | 'spacious';
 
+export type MRT_FilterFnsState = Record<string, MRT_FilterOption>;
+
 export type {
   ColumnFiltersState as MRT_ColumnFiltersState,
   ColumnOrderState as MRT_ColumnOrderState,
@@ -245,9 +247,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> =
         tablePaperRef: MutableRefObject<HTMLDivElement>;
         topToolbarRef: MutableRefObject<HTMLDivElement>;
       };
-      setColumnFilterFns: Dispatch<
-        SetStateAction<{ [key: string]: MRT_FilterOption }>
-      >;
+      setColumnFilterFns: Dispatch<SetStateAction<MRT_FilterFnsState>>;
       setDensity: Dispatch<SetStateAction<MRT_DensityState>>;
       setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
       setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
@@ -270,7 +270,7 @@ export type MRT_TableInstance<TData extends Record<string, any> = {}> =
 
 export type MRT_TableState<TData extends Record<string, any> = {}> = Prettify<
   TableState & {
-    columnFilterFns: Record<string, MRT_FilterOption>;
+    columnFilterFns: MRT_FilterFnsState;
     density: MRT_DensityState;
     draggingColumn: MRT_Column<TData> | null;
     draggingRow: MRT_Row<TData> | null;

package/src/_locales/hu.ts

@@ -0,0 +1,94 @@
+import type { MRT_Localization } from '../MaterialReactTable';
+
+export const MRT_Localization_HU: MRT_Localization = {
+  actions: 'Műveletek',
+  and: 'és',
+  cancel: 'Mégse',
+  changeFilterMode: 'Szűrő módjának megváltoztatása',
+  changeSearchMode: 'Keresés módjának megváltoztatása',
+  clearFilter: 'Szűrő törlése',
+  clearSearch: 'Keresés törlése',
+  clearSort: 'Rendezés törlése',
+  clickToCopy: 'Kattintson a másoláshoz',
+  collapse: 'Összecsukás',
+  collapseAll: 'Mindet összecsuk',
+  columnActions: 'Oszlop műveletek',
+  copiedToClipboard: 'Vágólapra másolva',
+  dropToGroupBy: 'Húzza ide a csoportosításhoz: {column}',
+  edit: 'Szerkesztés',
+  expand: 'Kibontás',
+  expandAll: 'Mindet kibont',
+  filterArrIncludes: 'Tartalmazza',
+  filterArrIncludesAll: 'Mindet tartalmazza',
+  filterArrIncludesSome: 'Tartalmazza',
+  filterBetween: 'Között',
+  filterBetweenInclusive: 'Között (beleértve)',
+  filterByColumn: 'Szűrés: {column} alapján',
+  filterContains: 'Tartalmazza',
+  filterEmpty: 'Üres',
+  filterEndsWith: 'Végződik',
+  filterEquals: 'Egyenlő',
+  filterEqualsString: 'Egyenlő',
+  filterFuzzy: 'Pontatlan',
+  filterGreaterThan: 'Nagyobb, mint',
+  filterGreaterThanOrEqualTo: 'Nagyobb vagy egyenlő, mint',
+  filterInNumberRange: 'Között',
+  filterIncludesString: 'Tartalmazza',
+  filterIncludesStringSensitive: 'Tartalmazza',
+  filterLessThan: 'Kisebb, mint',
+  filterLessThanOrEqualTo: 'Kisebb vagy egyenlő, mint',
+  filterMode: 'Szűrő mód: {filterType}',
+  filterNotEmpty: 'Nem üres',
+  filterNotEquals: 'Nem egyenlő',
+  filterStartsWith: 'Kezdődik',
+  filterWeakEquals: 'Egyenlő',
+  filteringByColumn: '{column} szűrése - {filterType} {filterValue}',
+  goToFirstPage: 'Ugrás az első oldalra',
+  goToLastPage: 'Ugrás az utolsó oldalra',
+  goToNextPage: 'Ugrás a következő oldalra',
+  goToPreviousPage: 'Ugrás az előző oldalra',
+  grab: 'Fogás',
+  groupByColumn: 'Csoportosítás: {column} alapján',
+  groupedBy: 'Csoportosítva: ',
+  hideAll: 'Mindet elrejt',
+  hideColumn: '{column} oszlop elrejtése',
+  max: 'Max',
+  min: 'Min',
+  move: 'Mozgatás',
+  noRecordsToDisplay: 'Nincsenek megjeleníthető rekordok',
+  noResultsFound: 'Nincs találat',
+  of: 'összesen',
+  or: 'vagy',
+  pinToLeft: 'Rögzítés balra',
+  pinToRight: 'Rögzítés jobbra',
+  resetColumnSize: 'Oszlop méretének alaphelyzetbe állítása',
+  resetOrder: 'Rendezés alaphelyzetbe állítása',
+  rowActions: 'Sor műveletek',
+  rowNumber: '#',
+  rowNumbers: 'Sor számok',
+  rowsPerPage: 'Sorok oldalanként',
+  save: 'Mentés',
+  search: 'Keresés',
+  selectedCountOfRowCountRowsSelected:
+    '{selectedCount} kiválasztva {rowCount} sorból',
+  select: 'Kiválasztás',
+  showAll: 'Összes mutatása',
+  showAllColumns: 'Összes oszlop mutatása',
+  showHideColumns: 'Oszlopok mutatása/elrejtése',
+  showHideFilters: 'Szűrők mutatása/elrejtése',
+  showHideSearch: 'Keresés mutatása/elrejtése',
+  sortByColumnAsc: '{column} szerinti növekvő rendezés',
+  sortByColumnDesc: '{column} szerinti csökkenő rendezés',
+  sortedByColumnAsc: '{column} szerinti növekvő rendezés',
+  sortedByColumnDesc: '{column} szerinti csökkenő rendezés',
+  thenBy: ', majd {column} alapján',
+  toggleDensity: 'Sűrűség váltása',
+  toggleFullScreen: 'Váltás teljes képernyőre',
+  toggleSelectAll: 'Összes kiválasztás váltása',
+  toggleSelectRow: 'Sor kiválasztás váltása',
+  toggleVisibility: 'Láthatóság váltása',
+  ungroupByColumn: 'Csoportosítás megszüntetése: {column}',
+  unpin: 'Feloldás',
+  unpinAll: 'Minden feloldása',
+  unsorted: 'Nincs rendezés',
+};

package/src/body/MRT_TableBody.tsx

@@ -124,6 +124,11 @@ export const MRT_TableBody = ({
         estimateSize: () =>
           density === 'compact' ? 37 : density === 'comfortable' ? 58 : 73,
         getScrollElement: () => tableContainerRef.current,
+        measureElement:
+          typeof window !== 'undefined' &&
+          navigator.userAgent.indexOf('Firefox') === -1
+            ? (element) => element?.getBoundingClientRect().height
+            : undefined,
         overscan: 4,
         ...vProps_old,
         ...vProps,

package/src/column.utils.ts

@@ -238,9 +238,10 @@ export const getIsFirstRightPinnedColumn = (column: MRT_Column) => {
 };
 
 export const getTotalRight = (table: MRT_TableInstance, column: MRT_Column) => {
-  return (
-    (table.getRightLeafHeaders().length - 1 - column.getPinnedIndex()) * 200
-  );
+  return table
+    .getRightLeafHeaders()
+    .slice(column.getPinnedIndex() + 1)
+    .reduce((acc, col) => acc + col.getSize(), 0);
 };
 
 export const getCommonCellStyles = ({

package/src/index.tsx

@@ -11,9 +11,10 @@ import { MRT_EditActionButtons } from './buttons/MRT_EditActionButtons';
 import { MRT_ExpandButton } from './buttons/MRT_ExpandButton';
 import { MRT_FilterOptionMenu } from './menus/MRT_FilterOptionMenu';
 import { MRT_FullScreenToggleButton } from './buttons/MRT_FullScreenToggleButton';
-import { MRT_GrabHandleButton } from './buttons/MRT_GrabHandleButton';
 import { MRT_GlobalFilterTextField } from './inputs/MRT_GlobalFilterTextField';
+import { MRT_GrabHandleButton } from './buttons/MRT_GrabHandleButton';
 import { MRT_ShowHideColumnsButton } from './buttons/MRT_ShowHideColumnsButton';
+import { MRT_TableHeadCellFilterContainer } from './head/MRT_TableHeadCellFilterContainer';
 import { MRT_TablePagination } from './toolbar/MRT_TablePagination';
 import { MRT_ToggleDensePaddingButton } from './buttons/MRT_ToggleDensePaddingButton';
 import { MRT_ToggleFiltersButton } from './buttons/MRT_ToggleFiltersButton';
@@ -31,9 +32,10 @@ export {
   MRT_ExpandButton,
   MRT_FilterOptionMenu,
   MRT_FullScreenToggleButton,
-  MRT_GrabHandleButton,
   MRT_GlobalFilterTextField,
+  MRT_GrabHandleButton,
   MRT_ShowHideColumnsButton,
+  MRT_TableHeadCellFilterContainer,
   MRT_TablePagination,
   MRT_ToggleDensePaddingButton,
   MRT_ToggleFiltersButton,

package/src/menus/MRT_ColumnActionMenu.tsx

@@ -45,6 +45,7 @@ export const MRT_ColumnActionMenu = ({
       enableHiding,
       enablePinning,
       enableSorting,
+      enableSortingRemoval,
       icons: {
         ArrowRightIcon,
         ClearAllIcon,
@@ -162,20 +163,23 @@ export const MRT_ColumnActionMenu = ({
           table,
         }) ??
         (enableSorting &&
-          column.getCanSort() && [
-            <MenuItem
-              disabled={!column.getIsSorted()}
-              key={0}
-              onClick={handleClearSort}
-              sx={commonMenuItemStyles}
-            >
-              <Box sx={commonListItemStyles}>
-                <ListItemIcon>
-                  <ClearAllIcon />
-                </ListItemIcon>
-                {localization.clearSort}
-              </Box>
-            </MenuItem>,
+          column.getCanSort() &&
+          [
+            enableSortingRemoval !== false && (
+              <MenuItem
+                disabled={!column.getIsSorted()}
+                key={0}
+                onClick={handleClearSort}
+                sx={commonMenuItemStyles}
+              >
+                <Box sx={commonListItemStyles}>
+                  <ListItemIcon>
+                    <ClearAllIcon />
+                  </ListItemIcon>
+                  {localization.clearSort}
+                </Box>
+              </MenuItem>
+            ),
             <MenuItem
               disabled={column.getIsSorted() === 'asc'}
               key={1}
@@ -211,7 +215,7 @@ export const MRT_ColumnActionMenu = ({
                 )}
               </Box>
             </MenuItem>,
-          ])}
+          ].filter(Boolean))}
       {enableColumnFilters &&
         column.getCanFilter() &&
         [