material-react-table 1.4.0-beta.1 → 1.4.0-beta.3

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

@@ -19,7 +19,7 @@ import type { TableRowProps } from '@mui/material/TableRow';
 import type { TextFieldProps } from '@mui/material/TextField';
 import type { ToolbarProps } from '@mui/material/Toolbar';
 import type { AggregationFn, Cell, Column, ColumnDef, DeepKeys, FilterFn, Header, HeaderGroup, OnChangeFn, Row, SortingFn, Table, TableOptions, TableState } from '@tanstack/react-table';
-import type { Options as VirtualizerOptions, VirtualItem } from 'react-virtual';
+import type { VirtualizerOptions, Virtualizer } from '@tanstack/react-virtual';
 import { MRT_AggregationFns } from './aggregationFns';
 import { MRT_FilterFns } from './filterFns';
 import { MRT_Icons } from './icons';
@@ -687,17 +687,10 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> = Om
     selectAllMode?: 'all' | 'page';
     state?: Partial<MRT_TableState<TData>>;
     tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
-    virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement>> | (({ table, }: {
+    virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
         table: MRT_TableInstance<TData>;
-    }) => Partial<VirtualizerOptions<HTMLDivElement>>);
-    virtualizerInstanceRef?: MutableRefObject<Virtualizer | null>;
-};
-export type Virtualizer = {
-    virtualItems: VirtualItem[];
-    totalSize: number;
-    scrollToOffset: (index: number, options?: any | undefined) => void;
-    scrollToIndex: (index: number, options?: any | undefined) => void;
-    measure: () => void;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
+    virtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
 };
 declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 export default MaterialReactTable;

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

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

package/dist/esm/types/body/MRT_TableBodyRow.d.ts

@@ -1,11 +1,13 @@
 import React, { FC } from 'react';
+import type { VirtualItem } from '@tanstack/react-virtual';
 import type { MRT_Row, MRT_TableInstance } from '..';
 interface Props {
+    measureElement?: (element: HTMLTableRowElement) => void;
     numRows: number;
     row: MRT_Row;
     rowIndex: number;
     table: MRT_TableInstance;
-    virtualRow?: any;
+    virtualRow?: VirtualItem;
 }
 export declare const MRT_TableBodyRow: FC<Props>;
 export declare const Memo_MRT_TableBodyRow: React.NamedExoticComponent<Props>;

package/dist/esm/types/table/MRT_TableRoot.d.ts

@@ -253,10 +253,10 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
     selectAllMode?: "all" | "page" | undefined;
     state?: Partial<MRT_TableState<TData>> | undefined;
     tableInstanceRef?: React.MutableRefObject<MRT_TableInstance<TData> | null> | undefined;
-    virtualizerProps?: Partial<import("react-virtual").Options<HTMLDivElement>> | (({ table, }: {
+    virtualizerProps?: Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
         table: MRT_TableInstance<TData>;
-    }) => Partial<import("react-virtual").Options<HTMLDivElement>>) | undefined;
-    virtualizerInstanceRef?: React.MutableRefObject<import("..").Virtualizer | null> | undefined;
+    }) => Partial<import("@tanstack/react-virtual").VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>) | undefined;
+    virtualizerInstanceRef?: React.MutableRefObject<import("@tanstack/react-virtual").Virtualizer<HTMLDivElement, HTMLTableRowElement> | null> | undefined;
 } & {
     localization: MRT_Localization;
 }) => JSX.Element;

package/dist/index.d.ts

@@ -21,7 +21,7 @@ import { TextFieldProps } from '@mui/material/TextField';
 import { ToolbarProps } from '@mui/material/Toolbar';
 import * as _tanstack_react_table from '@tanstack/react-table';
 import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGroup, Cell, AggregationFn, SortingFn, FilterFn, TableOptions, OnChangeFn } from '@tanstack/react-table';
-import { Options, VirtualItem } from 'react-virtual';
+import { VirtualizerOptions, Virtualizer } from '@tanstack/react-virtual';
 import { RankingInfo } from '@tanstack/match-sorter-utils';
 
 declare const MRT_AggregationFns: {
@@ -810,17 +810,10 @@ type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Part
     selectAllMode?: 'all' | 'page';
     state?: Partial<MRT_TableState<TData>>;
     tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
-    virtualizerProps?: Partial<Options<HTMLDivElement>> | (({ table, }: {
+    virtualizerProps?: Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>> | (({ table, }: {
         table: MRT_TableInstance<TData>;
-    }) => Partial<Options<HTMLDivElement>>);
-    virtualizerInstanceRef?: MutableRefObject<Virtualizer | null>;
-};
-type Virtualizer = {
-    virtualItems: VirtualItem[];
-    totalSize: number;
-    scrollToOffset: (index: number, options?: any | undefined) => void;
-    scrollToIndex: (index: number, options?: any | undefined) => void;
-    measure: () => void;
+    }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
+    virtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, HTMLTableRowElement> | null>;
 };
 declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, layoutMode, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 
@@ -882,4 +875,4 @@ interface Props<TData extends Record<string, any> = {}> {
 }
 declare const MRT_ToolbarInternalButtons: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 
-export { DensityState, MRT_AggregationFn, MRT_AggregationOption, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarInternalButtons, MaterialReactTableProps, Virtualizer, MaterialReactTable as default };
+export { DensityState, MRT_AggregationFn, MRT_AggregationOption, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarInternalButtons, MaterialReactTableProps, MaterialReactTable as default };

package/locales/nl.d.ts

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

package/locales/nl.esm.d.ts

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

package/locales/nl.esm.js

@@ -0,0 +1,94 @@
+const MRT_Localization_NL = {
+    actions: 'Acties',
+    and: 'en',
+    cancel: 'Annuleer',
+    changeFilterMode: 'Verander filtermodus',
+    changeSearchMode: 'Verander zoekmodus',
+    clearFilter: 'Maak filter leeg',
+    clearSearch: 'Maak zoekbalk leeg',
+    clearSort: 'Maak sorteren leeg',
+    clickToCopy: 'Klik om te kopiëren',
+    collapse: 'Samenvouwen',
+    collapseAll: 'Alles samenvouwen',
+    columnActions: 'Kolom acties',
+    copiedToClipboard: 'Gekopieerd naar klembord',
+    dropToGroupBy: 'Laat vallen om te groepeer op {column}',
+    edit: 'Bewerk',
+    expand: 'Breidt uit',
+    expandAll: 'Alles uitbreiden',
+    filterArrIncludes: 'Omvat',
+    filterArrIncludesAll: 'Omvat alles',
+    filterArrIncludesSome: 'Omvat',
+    filterBetween: 'Tussen',
+    filterBetweenInclusive: 'Tussen inclusief',
+    filterByColumn: 'Filter op {column}',
+    filterContains: 'Omvat',
+    filterEmpty: 'leeg',
+    filterEndsWith: 'Eindigd met',
+    filterEquals: 'Is gelijk aan',
+    filterEqualsString: 'Is gelijk aan',
+    filterFuzzy: 'Wazig',
+    filterGreaterThan: 'Groter dan',
+    filterGreaterThanOrEqualTo: 'Groter dan of gelijk aan',
+    filterInNumberRange: 'Tussen',
+    filterIncludesString: 'Omvat',
+    filterIncludesStringSensitive: 'Omvat',
+    filterLessThan: 'Kleiner dan',
+    filterLessThanOrEqualTo: 'Kleiner dan of gelijk aan',
+    filterMode: 'Filter modus: {filterType}',
+    filterNotEmpty: 'Niet leeg',
+    filterNotEquals: 'Niet gelijk aan',
+    filterStartsWith: 'Start met',
+    filterWeakEquals: 'Gelijk aan',
+    filteringByColumn: 'Filtering op {column} - {filterType} {filterValue}',
+    goToFirstPage: 'Ga naar de eerste pagina',
+    goToLastPage: 'Ga naar de laatste pagina',
+    goToNextPage: 'Ga naar de volgende pagina',
+    goToPreviousPage: 'Ga naar de vorige pagina',
+    grab: 'Grijp',
+    groupByColumn: 'Groupeer op {column}',
+    groupedBy: 'Gegroupeerd op',
+    hideAll: 'Verberg alles',
+    hideColumn: 'Verberg {column} kolom',
+    max: 'Max',
+    min: 'Min',
+    move: 'Beweeg',
+    noRecordsToDisplay: 'Geen rijen om te tonen',
+    noResultsFound: 'Geen resultaten gevonden',
+    of: 'van',
+    or: 'of',
+    pinToLeft: 'Maak links vast',
+    pinToRight: 'Maak rechts vast',
+    resetColumnSize: 'Reset kolom grootte',
+    resetOrder: 'Reset volgorde',
+    rowActions: 'Rij acties',
+    rowNumber: '#',
+    rowNumbers: 'Rij cijfers',
+    rowsPerPage: 'Rijen per pagina',
+    save: 'Opslagen',
+    search: 'Zoek',
+    selectedCountOfRowCountRowsSelected: '{selectedCount} van {rowCount} rij(en) geselecteerd',
+    select: 'Select',
+    showAll: 'Toon alles',
+    showAllColumns: 'Toon alle kolommen',
+    showHideColumns: 'Toon/Verberg kolommen',
+    showHideFilters: 'Toon/Verberg filters',
+    showHideSearch: 'Toon/Verberg zoekbalk',
+    sortByColumnAsc: 'Sorteer op {column} oplopend',
+    sortByColumnDesc: 'Sorteer op {column} aflopend',
+    sortedByColumnAsc: 'Gesorteerd op {column} oplopend',
+    sortedByColumnDesc: 'Gesorteerd op {column} aflopend',
+    thenBy: ', dan op ',
+    toggleDensity: 'Toggle compactheid',
+    toggleFullScreen: 'Toggle volledig scherm',
+    toggleSelectAll: 'Toggle selecteer alles',
+    toggleSelectRow: 'Toggle selecteer rij',
+    toggleVisibility: 'Toggle zichtbaarheid',
+    ungroupByColumn: 'Ontgrouperen op {column}',
+    unpin: 'Maak los',
+    unpinAll: 'Maak alles los',
+    unsorted: 'Sorteer niet',
+};
+
+export { MRT_Localization_NL };
+//# sourceMappingURL=nl.esm.js.map

package/locales/nl.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nl.esm.js","sources":["../src/_locales/nl.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/locales/nl.js

@@ -0,0 +1,98 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const MRT_Localization_NL = {
+    actions: 'Acties',
+    and: 'en',
+    cancel: 'Annuleer',
+    changeFilterMode: 'Verander filtermodus',
+    changeSearchMode: 'Verander zoekmodus',
+    clearFilter: 'Maak filter leeg',
+    clearSearch: 'Maak zoekbalk leeg',
+    clearSort: 'Maak sorteren leeg',
+    clickToCopy: 'Klik om te kopiëren',
+    collapse: 'Samenvouwen',
+    collapseAll: 'Alles samenvouwen',
+    columnActions: 'Kolom acties',
+    copiedToClipboard: 'Gekopieerd naar klembord',
+    dropToGroupBy: 'Laat vallen om te groepeer op {column}',
+    edit: 'Bewerk',
+    expand: 'Breidt uit',
+    expandAll: 'Alles uitbreiden',
+    filterArrIncludes: 'Omvat',
+    filterArrIncludesAll: 'Omvat alles',
+    filterArrIncludesSome: 'Omvat',
+    filterBetween: 'Tussen',
+    filterBetweenInclusive: 'Tussen inclusief',
+    filterByColumn: 'Filter op {column}',
+    filterContains: 'Omvat',
+    filterEmpty: 'leeg',
+    filterEndsWith: 'Eindigd met',
+    filterEquals: 'Is gelijk aan',
+    filterEqualsString: 'Is gelijk aan',
+    filterFuzzy: 'Wazig',
+    filterGreaterThan: 'Groter dan',
+    filterGreaterThanOrEqualTo: 'Groter dan of gelijk aan',
+    filterInNumberRange: 'Tussen',
+    filterIncludesString: 'Omvat',
+    filterIncludesStringSensitive: 'Omvat',
+    filterLessThan: 'Kleiner dan',
+    filterLessThanOrEqualTo: 'Kleiner dan of gelijk aan',
+    filterMode: 'Filter modus: {filterType}',
+    filterNotEmpty: 'Niet leeg',
+    filterNotEquals: 'Niet gelijk aan',
+    filterStartsWith: 'Start met',
+    filterWeakEquals: 'Gelijk aan',
+    filteringByColumn: 'Filtering op {column} - {filterType} {filterValue}',
+    goToFirstPage: 'Ga naar de eerste pagina',
+    goToLastPage: 'Ga naar de laatste pagina',
+    goToNextPage: 'Ga naar de volgende pagina',
+    goToPreviousPage: 'Ga naar de vorige pagina',
+    grab: 'Grijp',
+    groupByColumn: 'Groupeer op {column}',
+    groupedBy: 'Gegroupeerd op',
+    hideAll: 'Verberg alles',
+    hideColumn: 'Verberg {column} kolom',
+    max: 'Max',
+    min: 'Min',
+    move: 'Beweeg',
+    noRecordsToDisplay: 'Geen rijen om te tonen',
+    noResultsFound: 'Geen resultaten gevonden',
+    of: 'van',
+    or: 'of',
+    pinToLeft: 'Maak links vast',
+    pinToRight: 'Maak rechts vast',
+    resetColumnSize: 'Reset kolom grootte',
+    resetOrder: 'Reset volgorde',
+    rowActions: 'Rij acties',
+    rowNumber: '#',
+    rowNumbers: 'Rij cijfers',
+    rowsPerPage: 'Rijen per pagina',
+    save: 'Opslagen',
+    search: 'Zoek',
+    selectedCountOfRowCountRowsSelected: '{selectedCount} van {rowCount} rij(en) geselecteerd',
+    select: 'Select',
+    showAll: 'Toon alles',
+    showAllColumns: 'Toon alle kolommen',
+    showHideColumns: 'Toon/Verberg kolommen',
+    showHideFilters: 'Toon/Verberg filters',
+    showHideSearch: 'Toon/Verberg zoekbalk',
+    sortByColumnAsc: 'Sorteer op {column} oplopend',
+    sortByColumnDesc: 'Sorteer op {column} aflopend',
+    sortedByColumnAsc: 'Gesorteerd op {column} oplopend',
+    sortedByColumnDesc: 'Gesorteerd op {column} aflopend',
+    thenBy: ', dan op ',
+    toggleDensity: 'Toggle compactheid',
+    toggleFullScreen: 'Toggle volledig scherm',
+    toggleSelectAll: 'Toggle selecteer alles',
+    toggleSelectRow: 'Toggle selecteer rij',
+    toggleVisibility: 'Toggle zichtbaarheid',
+    ungroupByColumn: 'Ontgrouperen op {column}',
+    unpin: 'Maak los',
+    unpinAll: 'Maak alles los',
+    unsorted: 'Sorteer niet',
+};
+
+exports.MRT_Localization_NL = MRT_Localization_NL;
+//# sourceMappingURL=nl.js.map

package/locales/nl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nl.js","sources":["../src/_locales/nl.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAEa,MAAA,mBAAmB,GAAqB;AACnD,IAAA,OAAO,EAAE,QAAQ;AACjB,IAAA,GAAG,EAAE,IAAI;AACT,IAAA,MAAM,EAAE,UAAU;AAClB,IAAA,gBAAgB,EAAE,sBAAsB;AACxC,IAAA,gBAAgB,EAAE,oBAAoB;AACtC,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,WAAW,EAAE,oBAAoB;AACjC,IAAA,SAAS,EAAE,oBAAoB;AAC/B,IAAA,WAAW,EAAE,sBAAsB;AACnC,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,WAAW,EAAE,mBAAmB;AAChC,IAAA,aAAa,EAAE,cAAc;AAC7B,IAAA,iBAAiB,EAAE,0BAA0B;AAC7C,IAAA,aAAa,EAAE,wCAAwC;AACvD,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,MAAM,EAAE,YAAY;AACpB,IAAA,SAAS,EAAE,kBAAkB;AAC7B,IAAA,iBAAiB,EAAE,OAAO;AAC1B,IAAA,oBAAoB,EAAE,aAAa;AACnC,IAAA,qBAAqB,EAAE,OAAO;AAC9B,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,sBAAsB,EAAE,kBAAkB;AAC1C,IAAA,cAAc,EAAE,oBAAoB;AACpC,IAAA,cAAc,EAAE,OAAO;AACvB,IAAA,WAAW,EAAE,MAAM;AACnB,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,kBAAkB,EAAE,eAAe;AACnC,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,iBAAiB,EAAE,YAAY;AAC/B,IAAA,0BAA0B,EAAE,0BAA0B;AACtD,IAAA,mBAAmB,EAAE,QAAQ;AAC7B,IAAA,oBAAoB,EAAE,OAAO;AAC7B,IAAA,6BAA6B,EAAE,OAAO;AACtC,IAAA,cAAc,EAAE,aAAa;AAC7B,IAAA,uBAAuB,EAAE,2BAA2B;AACpD,IAAA,UAAU,EAAE,4BAA4B;AACxC,IAAA,cAAc,EAAE,WAAW;AAC3B,IAAA,eAAe,EAAE,iBAAiB;AAClC,IAAA,gBAAgB,EAAE,WAAW;AAC7B,IAAA,gBAAgB,EAAE,YAAY;AAC9B,IAAA,iBAAiB,EAAE,oDAAoD;AACvE,IAAA,aAAa,EAAE,0BAA0B;AACzC,IAAA,YAAY,EAAE,2BAA2B;AACzC,IAAA,YAAY,EAAE,4BAA4B;AAC1C,IAAA,gBAAgB,EAAE,0BAA0B;AAC5C,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,aAAa,EAAE,sBAAsB;AACrC,IAAA,SAAS,EAAE,gBAAgB;AAC3B,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,UAAU,EAAE,wBAAwB;AACpC,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,kBAAkB,EAAE,wBAAwB;AAC5C,IAAA,cAAc,EAAE,0BAA0B;AAC1C,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,SAAS,EAAE,iBAAiB;AAC5B,IAAA,UAAU,EAAE,kBAAkB;AAC9B,IAAA,eAAe,EAAE,qBAAqB;AACtC,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,UAAU,EAAE,YAAY;AACxB,IAAA,SAAS,EAAE,GAAG;AACd,IAAA,UAAU,EAAE,aAAa;AACzB,IAAA,WAAW,EAAE,kBAAkB;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,mCAAmC,EACjC,qDAAqD;AACvD,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,cAAc,EAAE,oBAAoB;AACpC,IAAA,eAAe,EAAE,uBAAuB;AACxC,IAAA,eAAe,EAAE,sBAAsB;AACvC,IAAA,cAAc,EAAE,uBAAuB;AACvC,IAAA,eAAe,EAAE,8BAA8B;AAC/C,IAAA,gBAAgB,EAAE,8BAA8B;AAChD,IAAA,iBAAiB,EAAE,iCAAiC;AACpD,IAAA,kBAAkB,EAAE,iCAAiC;AACrD,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,aAAa,EAAE,oBAAoB;AACnC,IAAA,gBAAgB,EAAE,wBAAwB;AAC1C,IAAA,eAAe,EAAE,wBAAwB;AACzC,IAAA,eAAe,EAAE,sBAAsB;AACvC,IAAA,gBAAgB,EAAE,sBAAsB;AACxC,IAAA,eAAe,EAAE,0BAA0B;AAC3C,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,QAAQ,EAAE,gBAAgB;AAC1B,IAAA,QAAQ,EAAE,cAAc;;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.0-beta.1",
+  "version": "1.4.0-beta.3",
   "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.",
@@ -46,7 +46,9 @@
   },
   "scripts": {
     "build": "rm -rf dist locales && rollup -c && size-limit",
+    "dev": "rm -rf dist locales && rollup -c -w",
     "lib:build": "rm -rf dist locales && rollup -c && size-limit",
+    "lib:dev": "rm -rf dist locales && rollup -c -w",
     "lint": "eslint .",
     "size": "size-limit"
   },
@@ -55,7 +57,6 @@
     "@babel/preset-react": "^7.18.6",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@faker-js/faker": "^7.6.0",
     "@mui/icons-material": "^5.10.16",
     "@mui/material": "^5.10.16",
     "@rollup/plugin-babel": "^6.0.3",
@@ -91,6 +92,6 @@
   "dependencies": {
     "@tanstack/match-sorter-utils": "8.7.0",
     "@tanstack/react-table": "8.7.0",
-    "react-virtual": "^2.10.4"
+    "@tanstack/react-virtual": "^3.0.0-beta.29"
   }
 }

package/src/MaterialReactTable.tsx

@@ -40,8 +40,7 @@ import type {
   TableOptions,
   TableState,
 } from '@tanstack/react-table';
-import type { Options as VirtualizerOptions, VirtualItem } from 'react-virtual';
-// import type { VirtualizerOptions } from '@tanstack/react-virtual';
+import type { VirtualizerOptions, Virtualizer } from '@tanstack/react-virtual';
 import { MRT_AggregationFns } from './aggregationFns';
 import { MRT_DefaultColumn, MRT_DefaultDisplayColumn } from './column.utils';
 import { MRT_FilterFns } from './filterFns';
@@ -1053,30 +1052,18 @@ export type MaterialReactTableProps<TData extends Record<string, any> = {}> =
     state?: Partial<MRT_TableState<TData>>;
     tableInstanceRef?: MutableRefObject<MRT_TableInstance<TData> | null>;
     virtualizerProps?:
-      | Partial<VirtualizerOptions<HTMLDivElement>>
+      | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>
       | (({
           table,
         }: {
           table: MRT_TableInstance<TData>;
-        }) => Partial<VirtualizerOptions<HTMLDivElement>>);
-    // virtualizerProps?:
-    //   | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>
-    //   | (({
-    //       table,
-    //     }: {
-    //       table: MRT_TableInstance<TData>;
-    //     }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
-    virtualizerInstanceRef?: MutableRefObject<Virtualizer | null>;
+        }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableRowElement>>);
+    virtualizerInstanceRef?: MutableRefObject<Virtualizer<
+      HTMLDivElement,
+      HTMLTableRowElement
+    > | null>;
   };
 
-export type Virtualizer = {
-  virtualItems: VirtualItem[];
-  totalSize: number;
-  scrollToOffset: (index: number, options?: any | undefined) => void;
-  scrollToIndex: (index: number, options?: any | undefined) => void;
-  measure: () => void;
-};
-
 const MaterialReactTable = <TData extends Record<string, any> = {}>({
   aggregationFns,
   autoResetExpanded = false,
@@ -1150,6 +1137,8 @@ const MaterialReactTable = <TData extends Record<string, any> = {}>({
     [],
   );
 
+  if (rest.enableRowVirtualization) layoutMode = 'grid';
+
   return (
     <MRT_TableRoot
       aggregationFns={_aggregationFns}

package/src/_locales/nl.ts

@@ -0,0 +1,94 @@
+import type { MRT_Localization } from '..';
+
+export const MRT_Localization_NL: MRT_Localization = {
+  actions: 'Acties',
+  and: 'en',
+  cancel: 'Annuleer',
+  changeFilterMode: 'Verander filtermodus',
+  changeSearchMode: 'Verander zoekmodus',
+  clearFilter: 'Maak filter leeg',
+  clearSearch: 'Maak zoekbalk leeg',
+  clearSort: 'Maak sorteren leeg',
+  clickToCopy: 'Klik om te kopiëren',
+  collapse: 'Samenvouwen',
+  collapseAll: 'Alles samenvouwen',
+  columnActions: 'Kolom acties',
+  copiedToClipboard: 'Gekopieerd naar klembord',
+  dropToGroupBy: 'Laat vallen om te groepeer op {column}',
+  edit: 'Bewerk',
+  expand: 'Breidt uit',
+  expandAll: 'Alles uitbreiden',
+  filterArrIncludes: 'Omvat',
+  filterArrIncludesAll: 'Omvat alles',
+  filterArrIncludesSome: 'Omvat',
+  filterBetween: 'Tussen',
+  filterBetweenInclusive: 'Tussen inclusief',
+  filterByColumn: 'Filter op {column}',
+  filterContains: 'Omvat',
+  filterEmpty: 'leeg',
+  filterEndsWith: 'Eindigd met',
+  filterEquals: 'Is gelijk aan',
+  filterEqualsString: 'Is gelijk aan',
+  filterFuzzy: 'Wazig',
+  filterGreaterThan: 'Groter dan',
+  filterGreaterThanOrEqualTo: 'Groter dan of gelijk aan',
+  filterInNumberRange: 'Tussen',
+  filterIncludesString: 'Omvat',
+  filterIncludesStringSensitive: 'Omvat',
+  filterLessThan: 'Kleiner dan',
+  filterLessThanOrEqualTo: 'Kleiner dan of gelijk aan',
+  filterMode: 'Filter modus: {filterType}',
+  filterNotEmpty: 'Niet leeg',
+  filterNotEquals: 'Niet gelijk aan',
+  filterStartsWith: 'Start met',
+  filterWeakEquals: 'Gelijk aan',
+  filteringByColumn: 'Filtering op {column} - {filterType} {filterValue}',
+  goToFirstPage: 'Ga naar de eerste pagina',
+  goToLastPage: 'Ga naar de laatste pagina',
+  goToNextPage: 'Ga naar de volgende pagina',
+  goToPreviousPage: 'Ga naar de vorige pagina',
+  grab: 'Grijp',
+  groupByColumn: 'Groupeer op {column}',
+  groupedBy: 'Gegroupeerd op',
+  hideAll: 'Verberg alles',
+  hideColumn: 'Verberg {column} kolom',
+  max: 'Max',
+  min: 'Min',
+  move: 'Beweeg',
+  noRecordsToDisplay: 'Geen rijen om te tonen',
+  noResultsFound: 'Geen resultaten gevonden',
+  of: 'van',
+  or: 'of',
+  pinToLeft: 'Maak links vast',
+  pinToRight: 'Maak rechts vast',
+  resetColumnSize: 'Reset kolom grootte',
+  resetOrder: 'Reset volgorde',
+  rowActions: 'Rij acties',
+  rowNumber: '#',
+  rowNumbers: 'Rij cijfers',
+  rowsPerPage: 'Rijen per pagina',
+  save: 'Opslagen',
+  search: 'Zoek',
+  selectedCountOfRowCountRowsSelected:
+    '{selectedCount} van {rowCount} rij(en) geselecteerd',
+  select: 'Select',
+  showAll: 'Toon alles',
+  showAllColumns: 'Toon alle kolommen',
+  showHideColumns: 'Toon/Verberg kolommen',
+  showHideFilters: 'Toon/Verberg filters',
+  showHideSearch: 'Toon/Verberg zoekbalk',
+  sortByColumnAsc: 'Sorteer op {column} oplopend',
+  sortByColumnDesc: 'Sorteer op {column} aflopend',
+  sortedByColumnAsc: 'Gesorteerd op {column} oplopend',
+  sortedByColumnDesc: 'Gesorteerd op {column} aflopend',
+  thenBy: ', dan op ',
+  toggleDensity: 'Toggle compactheid',
+  toggleFullScreen: 'Toggle volledig scherm',
+  toggleSelectAll: 'Toggle selecteer alles',
+  toggleSelectRow: 'Toggle selecteer rij',
+  toggleVisibility: 'Toggle zichtbaarheid',
+  ungroupByColumn: 'Ontgrouperen op {column}',
+  unpin: 'Maak los',
+  unpinAll: 'Maak alles los',
+  unsorted: 'Sorteer niet',
+};