material-react-table 2.0.0-alpha.3 → 2.0.0-alpha.5

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

@@ -2,6 +2,8 @@ export interface MRT_Icons {
     ArrowDownwardIcon: any;
     ArrowRightIcon: any;
     CancelIcon: any;
+    ChevronLeftIcon: any;
+    ChevronRightIcon: any;
     ClearAllIcon: any;
     CloseIcon: any;
     DensityLargeIcon: any;
@@ -14,9 +16,11 @@ export interface MRT_Icons {
     FilterAltIcon: any;
     FilterListIcon: any;
     FilterListOffIcon: any;
+    FirstPageIcon?: any;
     FullscreenExitIcon: any;
     FullscreenIcon: any;
     KeyboardDoubleArrowDownIcon: any;
+    LastPageIcon?: any;
     MoreHorizIcon: any;
     MoreVertIcon: any;
     PushPinIcon: any;

package/dist/esm/types/locales/hy.d.ts

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

package/dist/esm/types/toolbar/MRT_TablePagination.d.ts

@@ -1,7 +1,7 @@
 import { type MRT_TableInstance } from '../types';
-interface Props<TData extends Record<string, any>> {
+interface Props<TData extends Record<string, any> = {}> {
     position?: 'bottom' | 'top';
     table: MRT_TableInstance<TData>;
 }
-export declare const MRT_TablePagination: <TData extends Record<string, any>>({ position, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const MRT_TablePagination: <TData extends Record<string, any> = {}>({ position, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/esm/types/toolbar/MRT_ToolbarAlertBanner.d.ts

@@ -1,6 +1,6 @@
 import { type MRT_TableInstance } from '../types';
 interface Props<TData extends Record<string, any>> {
-    stackAlertBanner: boolean;
+    stackAlertBanner?: boolean;
     table: MRT_TableInstance<TData>;
 }
 export declare const MRT_ToolbarAlertBanner: <TData extends Record<string, any>>({ stackAlertBanner, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,14 +1,15 @@
 import { type Dispatch, type MutableRefObject, type ReactNode, type RefObject, type SetStateAction } from 'react';
 import { type AggregationFn, type Cell, type Column, type ColumnDef, type ColumnFiltersState, type ColumnOrderState, type ColumnPinningState, type ColumnSizingInfoState, type ColumnSizingState, type DeepKeys, type ExpandedState, type FilterFn, type GroupingState, type Header, type HeaderGroup, type OnChangeFn, type PaginationState, type Row, type RowSelectionState, type SortingFn, type SortingState, type Table, type TableOptions, type TableState, type Updater, type VisibilityState } from '@tanstack/react-table';
 import { type VirtualItem, type Virtualizer, type VirtualizerOptions } from '@tanstack/react-virtual';
-import { type AutocompleteProps } from '@mui/material';
 import { type AlertProps } from '@mui/material/Alert';
+import { type AutocompleteProps } from '@mui/material/Autocomplete';
 import { type ButtonProps } from '@mui/material/Button';
 import { type CheckboxProps } from '@mui/material/Checkbox';
 import { type ChipProps } from '@mui/material/Chip';
 import { type DialogProps } from '@mui/material/Dialog';
 import { type IconButtonProps } from '@mui/material/IconButton';
 import { type LinearProgressProps } from '@mui/material/LinearProgress';
+import { type PaginationProps } from '@mui/material/Pagination';
 import { type PaperProps } from '@mui/material/Paper';
 import { type RadioProps } from '@mui/material/Radio';
 import { type SkeletonProps } from '@mui/material/Skeleton';
@@ -19,7 +20,6 @@ import { type TableCellProps } from '@mui/material/TableCell';
 import { type TableContainerProps } from '@mui/material/TableContainer';
 import { type TableFooterProps } from '@mui/material/TableFooter';
 import { type TableHeadProps } from '@mui/material/TableHead';
-import { type TablePaginationProps } from '@mui/material/TablePagination';
 import { type TableRowProps } from '@mui/material/TableRow';
 import { type TextFieldProps } from '@mui/material/TextField';
 import { type ToolbarProps } from '@mui/material/Toolbar';
@@ -530,7 +530,7 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
     /**
      * Changes which kind of CSS layout is used to render the table. `semantic` uses default semantic HTML elements, while `grid` adds CSS grid and flexbox styles
      */
-    layoutMode?: 'grid' | 'semantic';
+    layoutMode?: 'grid' | 'grid-no-grow' | 'semantic';
     /**
      * Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object.
      *
@@ -613,6 +613,15 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
         isTopToolbar: boolean;
         table: MRT_TableInstance<TData>;
     }) => LinearProgressProps) | LinearProgressProps;
+    muiPaginationProps?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<PaginationProps & {
+        rowsPerPageOptions?: number[];
+        showRowsPerPage?: boolean;
+    }>) | Partial<PaginationProps & {
+        rowsPerPageOptions?: number[];
+        showRowsPerPage?: boolean;
+    }>;
     muiRowDragHandleProps?: ((props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
@@ -673,9 +682,6 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
         headerGroup: MRT_HeaderGroup<TData>;
         table: MRT_TableInstance<TData>;
     }) => TableRowProps) | TableRowProps;
-    muiTablePaginationProps?: ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<Omit<TablePaginationProps, 'rowsPerPage'>>) | Partial<Omit<TablePaginationProps, 'rowsPerPage'>>;
     muiTablePaperProps?: ((props: {
         table: MRT_TableInstance<TData>;
     }) => PaperProps) | PaperProps;
@@ -737,7 +743,7 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
     positionExpandColumn?: 'first' | 'last';
     positionGlobalFilter?: 'left' | 'none' | 'right';
     positionPagination?: 'both' | 'bottom' | 'none' | 'top';
-    positionToolbarAlertBanner?: 'bottom' | 'none' | 'top';
+    positionToolbarAlertBanner?: 'bottom' | 'head-overlay' | 'none' | 'top';
     positionToolbarDropZone?: 'both' | 'bottom' | 'none' | 'top';
     renderBottomToolbar?: ((props: {
         table: MRT_TableInstance<TData>;
@@ -789,6 +795,11 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
+    renderToolbarAlertBannerContent?: (props: {
+        groupedAlert: ReactNode | null;
+        selectedAlert: ReactNode | null;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
     renderToolbarInternalActions?: (props: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;

package/dist/index.d.ts

@@ -5,14 +5,15 @@ import { Row, Table, TableState, ColumnDef, DeepKeys, Column, Header, HeaderGrou
 export { 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, VisibilityState as MRT_VisibilityState } from '@tanstack/react-table';
 import { Virtualizer, VirtualizerOptions, VirtualItem } from '@tanstack/react-virtual';
 export { VirtualItem as MRT_VirtualItem, Virtualizer as MRT_Virtualizer, VirtualizerOptions as MRT_VirtualizerOptions } from '@tanstack/react-virtual';
-import { AutocompleteProps } from '@mui/material';
 import { AlertProps } from '@mui/material/Alert';
+import { AutocompleteProps } from '@mui/material/Autocomplete';
 import { ButtonProps } from '@mui/material/Button';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { ChipProps } from '@mui/material/Chip';
 import { DialogProps } from '@mui/material/Dialog';
 import { IconButtonProps } from '@mui/material/IconButton';
 import { LinearProgressProps } from '@mui/material/LinearProgress';
+import { PaginationProps } from '@mui/material/Pagination';
 import { PaperProps } from '@mui/material/Paper';
 import { RadioProps } from '@mui/material/Radio';
 import { SkeletonProps } from '@mui/material/Skeleton';
@@ -23,7 +24,6 @@ import { TableCellProps } from '@mui/material/TableCell';
 import { TableContainerProps } from '@mui/material/TableContainer';
 import { TableFooterProps } from '@mui/material/TableFooter';
 import { TableHeadProps } from '@mui/material/TableHead';
-import { TablePaginationProps } from '@mui/material/TablePagination';
 import { TableRowProps } from '@mui/material/TableRow';
 import { TextFieldProps } from '@mui/material/TextField';
 import { ToolbarProps } from '@mui/material/Toolbar';
@@ -115,6 +115,8 @@ interface MRT_Icons {
     ArrowDownwardIcon: any;
     ArrowRightIcon: any;
     CancelIcon: any;
+    ChevronLeftIcon: any;
+    ChevronRightIcon: any;
     ClearAllIcon: any;
     CloseIcon: any;
     DensityLargeIcon: any;
@@ -127,9 +129,11 @@ interface MRT_Icons {
     FilterAltIcon: any;
     FilterListIcon: any;
     FilterListOffIcon: any;
+    FirstPageIcon?: any;
     FullscreenExitIcon: any;
     FullscreenIcon: any;
     KeyboardDoubleArrowDownIcon: any;
+    LastPageIcon?: any;
     MoreHorizIcon: any;
     MoreVertIcon: any;
     PushPinIcon: any;
@@ -654,7 +658,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     /**
      * Changes which kind of CSS layout is used to render the table. `semantic` uses default semantic HTML elements, while `grid` adds CSS grid and flexbox styles
      */
-    layoutMode?: 'grid' | 'semantic';
+    layoutMode?: 'grid' | 'grid-no-grow' | 'semantic';
     /**
      * Pass in either a locale imported from `material-react-table/locales/*` or a custom locale object.
      *
@@ -737,6 +741,15 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         isTopToolbar: boolean;
         table: MRT_TableInstance<TData>;
     }) => LinearProgressProps) | LinearProgressProps;
+    muiPaginationProps?: ((props: {
+        table: MRT_TableInstance<TData>;
+    }) => Partial<PaginationProps & {
+        rowsPerPageOptions?: number[];
+        showRowsPerPage?: boolean;
+    }>) | Partial<PaginationProps & {
+        rowsPerPageOptions?: number[];
+        showRowsPerPage?: boolean;
+    }>;
     muiRowDragHandleProps?: ((props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
@@ -797,9 +810,6 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         headerGroup: MRT_HeaderGroup<TData>;
         table: MRT_TableInstance<TData>;
     }) => TableRowProps) | TableRowProps;
-    muiTablePaginationProps?: ((props: {
-        table: MRT_TableInstance<TData>;
-    }) => Partial<Omit<TablePaginationProps, 'rowsPerPage'>>) | Partial<Omit<TablePaginationProps, 'rowsPerPage'>>;
     muiTablePaperProps?: ((props: {
         table: MRT_TableInstance<TData>;
     }) => PaperProps) | PaperProps;
@@ -861,7 +871,7 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
     positionExpandColumn?: 'first' | 'last';
     positionGlobalFilter?: 'left' | 'none' | 'right';
     positionPagination?: 'both' | 'bottom' | 'none' | 'top';
-    positionToolbarAlertBanner?: 'bottom' | 'none' | 'top';
+    positionToolbarAlertBanner?: 'bottom' | 'head-overlay' | 'none' | 'top';
     positionToolbarDropZone?: 'both' | 'bottom' | 'none' | 'top';
     renderBottomToolbar?: ((props: {
         table: MRT_TableInstance<TData>;
@@ -913,6 +923,11 @@ type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<TableOpt
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
+    renderToolbarAlertBannerContent?: (props: {
+        groupedAlert: ReactNode | null;
+        selectedAlert: ReactNode | null;
+        table: MRT_TableInstance<TData>;
+    }) => ReactNode;
     renderToolbarInternalActions?: (props: {
         table: MRT_TableInstance<TData>;
     }) => ReactNode;
@@ -1440,14 +1455,14 @@ interface Props$5<TData extends Record<string, any>> {
 }
 declare const MRT_LinearProgressBar: <TData extends Record<string, any>>({ isTopToolbar, table, }: Props$5<TData>) => react_jsx_runtime.JSX.Element;
 
-interface Props$4<TData extends Record<string, any>> {
+interface Props$4<TData extends Record<string, any> = {}> {
     position?: 'bottom' | 'top';
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_TablePagination: <TData extends Record<string, any>>({ position, table, }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
+declare const MRT_TablePagination: <TData extends Record<string, any> = {}>({ position, table, }: Props$4<TData>) => react_jsx_runtime.JSX.Element;
 
 interface Props$3<TData extends Record<string, any>> {
-    stackAlertBanner: boolean;
+    stackAlertBanner?: boolean;
     table: MRT_TableInstance<TData>;
 }
 declare const MRT_ToolbarAlertBanner: <TData extends Record<string, any>>({ stackAlertBanner, table, }: Props$3<TData>) => react_jsx_runtime.JSX.Element;

package/locales/hy.d.ts

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

package/locales/hy.esm.d.ts

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

package/locales/hy.esm.js

@@ -0,0 +1,93 @@
+const MRT_Localization_HY = {
+    actions: 'Գործողություններ',
+    and: 'և',
+    cancel: 'Չեղարկել',
+    changeFilterMode: 'Փոխել զտիչի ռեժիմը',
+    changeSearchMode: 'Փոխել որոնման ռեժիմը',
+    clearFilter: 'Մաքրել զտիչը',
+    clearSearch: 'Մաքրել որոնումը',
+    clearSort: 'Մաքրել տեսակավորումը',
+    clickToCopy: 'Սեղմել պատճենելու համար',
+    columnActions: 'Սյունակի գործողություն',
+    copiedToClipboard: 'Պատճենվել է փոխանակման բուֆերում',
+    collapse: 'Փոքրացնել',
+    collapseAll: 'Փոքրացնել բոլորը',
+    dropToGroupBy: 'Ավելացնել խմբին {column}',
+    edit: 'Խմբագրել',
+    expand: 'Բացել',
+    expandAll: 'Բացել բոլորը',
+    filterArrIncludes: 'Միացնել',
+    filterArrIncludesAll: 'Միացնել բոլորը',
+    filterArrIncludesSome: 'Միացնել',
+    filterBetween: 'Միջև',
+    filterBetweenInclusive: 'Միջև ներառյալ',
+    filterByColumn: 'Զտել ըստ {column}',
+    filterContains: 'Պարունակում է',
+    filterEmpty: 'Դատարկ է',
+    filterEndsWith: 'Ավարտվում է',
+    filterEquals: 'Հավասար են',
+    filterEqualsString: 'Հավասար են',
+    filterFuzzy: 'Ֆազզի',
+    filterGreaterThan: 'Ավել է քան',
+    filterGreaterThanOrEqualTo: 'Ավել է կամ հավասար է',
+    filterInNumberRange: 'Միջև',
+    filterIncludesString: 'Պարունակում է',
+    filterIncludesStringSensitive: 'Պարունակում է (գրանցումից կախված է)',
+    filterLessThan: 'Փոքր է քան',
+    filterLessThanOrEqualTo: 'Զտիչի ռեժիմ',
+    filterMode: 'Զտիչի ռեժիմ: {filterType}',
+    filterNotEmpty: 'Դատարկ չէ',
+    filterNotEquals: 'Հավասար չեն',
+    filterStartsWith: 'Սկսվում է ...-ից',
+    filterWeakEquals: 'Հավասար են',
+    filteringByColumn: 'Զտիչը ըստ {column} - {filterType} {filterValue}',
+    goToFirstPage: 'Անցնել առաջին էջ',
+    goToLastPage: 'Անցնել վերջին էջ',
+    goToNextPage: 'Անցնել հաջորդ էջ',
+    goToPreviousPage: 'Անցնել նախորդ էջ',
+    grab: 'Տեղաշարժել',
+    groupByColumn: 'Խմբավորել ըստ {column}',
+    groupedBy: 'Խմբավորել',
+    hideAll: 'Թաքցնել բոլորը',
+    hideColumn: 'Թաքցնել {column} սյունակը',
+    max: 'Առվ',
+    min: 'Նվզ',
+    move: 'Շարժել',
+    noRecordsToDisplay: 'Ցուցադրման համար գրառումներ չկան',
+    noResultsFound: 'Արդյունքներ չեն գտնվել',
+    of: '-ից',
+    or: 'կամ',
+    pinToLeft: 'Կցել ձախից',
+    pinToRight: 'Կցել աջից',
+    resetColumnSize: 'Չեղարկել սյունակի չափը',
+    resetOrder: 'Չեղարկել կարգը',
+    rowActions: 'Տողի գործողությունները',
+    rowNumber: '#',
+    rowNumbers: 'Տողերի քանակը',
+    rowsPerPage: 'Տողեր էջում',
+    save: 'Պահպանել',
+    search: 'Գտնել',
+    selectedCountOfRowCountRowsSelected: '{rowCount} տողից ընտրված է {selectedCount}',
+    select: 'Ընտրել',
+    showAll: 'Ցույց տալ բոլորը',
+    showAllColumns: 'Ցույց տալ բոլոր սյունակները',
+    showHideColumns: 'Ցույց տալ/թաքցնել սյունակները',
+    showHideFilters: 'Ցույց տալ/թաքցնել զտիչները',
+    showHideSearch: 'Ցույց տալ/թաքցնել որոնումը',
+    sortByColumnAsc: 'Տեսակավորել {column} ըստ աճման',
+    sortByColumnDesc: 'Տեսակավորել {column} ըստ նվազման',
+    sortedByColumnAsc: 'Տեսակավորված է ըստ {column} աճման',
+    sortedByColumnDesc: 'Տեսակավորված է ըստ {column} նվազման',
+    thenBy: ', այնուհետ ',
+    toggleDensity: 'Փոխել խտությունը',
+    toggleFullScreen: 'Միացնել ամբողջ էկրանով ռեժիմը',
+    toggleSelectAll: 'Ընտրել բոլորը',
+    toggleSelectRow: 'Փոխել տողի ընտրությունը',
+    toggleVisibility: 'Փոխել տեսանելիությունը',
+    ungroupByColumn: 'Խմբավորել ըստ {column}',
+    unpin: 'Ապակցել',
+    unpinAll: 'Ապակցել բոլորը',
+};
+
+export { MRT_Localization_HY };
+//# sourceMappingURL=hy.esm.js.map

package/locales/hy.esm.js.map

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

package/locales/hy.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const MRT_Localization_HY = {
+    actions: 'Գործողություններ',
+    and: 'և',
+    cancel: 'Չեղարկել',
+    changeFilterMode: 'Փոխել զտիչի ռեժիմը',
+    changeSearchMode: 'Փոխել որոնման ռեժիմը',
+    clearFilter: 'Մաքրել զտիչը',
+    clearSearch: 'Մաքրել որոնումը',
+    clearSort: 'Մաքրել տեսակավորումը',
+    clickToCopy: 'Սեղմել պատճենելու համար',
+    columnActions: 'Սյունակի գործողություն',
+    copiedToClipboard: 'Պատճենվել է փոխանակման բուֆերում',
+    collapse: 'Փոքրացնել',
+    collapseAll: 'Փոքրացնել բոլորը',
+    dropToGroupBy: 'Ավելացնել խմբին {column}',
+    edit: 'Խմբագրել',
+    expand: 'Բացել',
+    expandAll: 'Բացել բոլորը',
+    filterArrIncludes: 'Միացնել',
+    filterArrIncludesAll: 'Միացնել բոլորը',
+    filterArrIncludesSome: 'Միացնել',
+    filterBetween: 'Միջև',
+    filterBetweenInclusive: 'Միջև ներառյալ',
+    filterByColumn: 'Զտել ըստ {column}',
+    filterContains: 'Պարունակում է',
+    filterEmpty: 'Դատարկ է',
+    filterEndsWith: 'Ավարտվում է',
+    filterEquals: 'Հավասար են',
+    filterEqualsString: 'Հավասար են',
+    filterFuzzy: 'Ֆազզի',
+    filterGreaterThan: 'Ավել է քան',
+    filterGreaterThanOrEqualTo: 'Ավել է կամ հավասար է',
+    filterInNumberRange: 'Միջև',
+    filterIncludesString: 'Պարունակում է',
+    filterIncludesStringSensitive: 'Պարունակում է (գրանցումից կախված է)',
+    filterLessThan: 'Փոքր է քան',
+    filterLessThanOrEqualTo: 'Զտիչի ռեժիմ',
+    filterMode: 'Զտիչի ռեժիմ: {filterType}',
+    filterNotEmpty: 'Դատարկ չէ',
+    filterNotEquals: 'Հավասար չեն',
+    filterStartsWith: 'Սկսվում է ...-ից',
+    filterWeakEquals: 'Հավասար են',
+    filteringByColumn: 'Զտիչը ըստ {column} - {filterType} {filterValue}',
+    goToFirstPage: 'Անցնել առաջին էջ',
+    goToLastPage: 'Անցնել վերջին էջ',
+    goToNextPage: 'Անցնել հաջորդ էջ',
+    goToPreviousPage: 'Անցնել նախորդ էջ',
+    grab: 'Տեղաշարժել',
+    groupByColumn: 'Խմբավորել ըստ {column}',
+    groupedBy: 'Խմբավորել',
+    hideAll: 'Թաքցնել բոլորը',
+    hideColumn: 'Թաքցնել {column} սյունակը',
+    max: 'Առվ',
+    min: 'Նվզ',
+    move: 'Շարժել',
+    noRecordsToDisplay: 'Ցուցադրման համար գրառումներ չկան',
+    noResultsFound: 'Արդյունքներ չեն գտնվել',
+    of: '-ից',
+    or: 'կամ',
+    pinToLeft: 'Կցել ձախից',
+    pinToRight: 'Կցել աջից',
+    resetColumnSize: 'Չեղարկել սյունակի չափը',
+    resetOrder: 'Չեղարկել կարգը',
+    rowActions: 'Տողի գործողությունները',
+    rowNumber: '#',
+    rowNumbers: 'Տողերի քանակը',
+    rowsPerPage: 'Տողեր էջում',
+    save: 'Պահպանել',
+    search: 'Գտնել',
+    selectedCountOfRowCountRowsSelected: '{rowCount} տողից ընտրված է {selectedCount}',
+    select: 'Ընտրել',
+    showAll: 'Ցույց տալ բոլորը',
+    showAllColumns: 'Ցույց տալ բոլոր սյունակները',
+    showHideColumns: 'Ցույց տալ/թաքցնել սյունակները',
+    showHideFilters: 'Ցույց տալ/թաքցնել զտիչները',
+    showHideSearch: 'Ցույց տալ/թաքցնել որոնումը',
+    sortByColumnAsc: 'Տեսակավորել {column} ըստ աճման',
+    sortByColumnDesc: 'Տեսակավորել {column} ըստ նվազման',
+    sortedByColumnAsc: 'Տեսակավորված է ըստ {column} աճման',
+    sortedByColumnDesc: 'Տեսակավորված է ըստ {column} նվազման',
+    thenBy: ', այնուհետ ',
+    toggleDensity: 'Փոխել խտությունը',
+    toggleFullScreen: 'Միացնել ամբողջ էկրանով ռեժիմը',
+    toggleSelectAll: 'Ընտրել բոլորը',
+    toggleSelectRow: 'Փոխել տողի ընտրությունը',
+    toggleVisibility: 'Փոխել տեսանելիությունը',
+    ungroupByColumn: 'Խմբավորել ըստ {column}',
+    unpin: 'Ապակցել',
+    unpinAll: 'Ապակցել բոլորը',
+};
+
+exports.MRT_Localization_HY = MRT_Localization_HY;
+//# sourceMappingURL=hy.js.map

package/locales/hy.js.map

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

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.5",
   "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.",
@@ -81,13 +81,13 @@
     "@storybook/react": "^7.4.6",
     "@storybook/react-vite": "^7.4.6",
     "@storybook/testing-library": "^0.2.2",
-    "@types/node": "^20.8.2",
+    "@types/node": "^20.8.3",
     "@types/react": "^18.2.25",
-    "@types/react-dom": "^18.2.10",
+    "@types/react-dom": "^18.2.11",
     "@typescript-eslint/eslint-plugin": "^6.7.4",
     "@typescript-eslint/parser": "^6.7.4",
     "@vitejs/plugin-react": "^4.1.0",
-    "eslint": "^8.50.0",
+    "eslint": "^8.51.0",
     "eslint-plugin-mui-path-imports": "^0.0.15",
     "eslint-plugin-perfectionist": "^2.1.0",
     "prop-types": "^15.8.1",
@@ -96,7 +96,7 @@
     "react-is": "^18.2.0",
     "rollup": "^2.79.1",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.0.2",
+    "rollup-plugin-dts": "^6.1.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "size-limit": "^9.0.0",
     "storybook": "^7.4.6",
@@ -116,8 +116,8 @@
   },
   "dependencies": {
     "@tanstack/match-sorter-utils": "8.8.4",
-    "@tanstack/react-table": "8.10.4",
-    "@tanstack/react-virtual": "3.0.0-beta.63",
+    "@tanstack/react-table": "8.10.6",
+    "@tanstack/react-virtual": "3.0.0-beta.65",
     "highlight-words": "1.2.2"
   }
 }

package/src/body/MRT_TableBody.tsx

@@ -7,7 +7,7 @@ import {
 import TableBody from '@mui/material/TableBody';
 import Typography from '@mui/material/Typography';
 import { MRT_TableBodyRow, Memo_MRT_TableBodyRow } from './MRT_TableBodyRow';
-import { parseFromValuesOrFunc } from '../column.utils';
+import { getCanRankRows, parseFromValuesOrFunc } from '../column.utils';
 import { rankGlobalFuzzy } from '../sortingFns';
 import { type MRT_Row, type MRT_TableInstance } from '../types';
 
@@ -62,7 +62,6 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
     density,
     expanded,
     globalFilter,
-    globalFilterFn,
     isFullScreen,
     pagination,
     rowPinning,
@@ -81,18 +80,11 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
   const tableFooterHeight =
     (enableStickyFooter && tableFooterRef.current?.clientHeight) || 0;
 
-  const shouldRankResults = useMemo(
+  const shouldRankRows = useMemo(
     () =>
-      !manualExpanding &&
-      !manualFiltering &&
-      !manualGrouping &&
-      !manualSorting &&
-      enableGlobalFilterRankedResults &&
-      globalFilter &&
-      globalFilterFn === 'fuzzy' &&
-      expanded !== true &&
+      getCanRankRows(table) &&
       !Object.values(sorting).some(Boolean) &&
-      !Object.values(expanded).some(Boolean),
+      globalFilter,
     [
       enableGlobalFilterRankedResults,
       expanded,
@@ -114,8 +106,8 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
   );
 
   const rows = useMemo(() => {
-    let rows = [];
-    if (!shouldRankResults) {
+    let rows: MRT_Row<TData>[] = [];
+    if (!shouldRankRows) {
       rows =
         !enableRowPinning || rowPinningDisplayMode?.includes('sticky')
           ? getRowModel().rows
@@ -139,8 +131,8 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
 
     return rows;
   }, [
-    shouldRankResults,
-    shouldRankResults ? getPrePaginationRowModel().rows : getRowModel().rows,
+    shouldRankRows,
+    shouldRankRows ? getPrePaginationRowModel().rows : getRowModel().rows,
     pagination.pageIndex,
     pagination.pageSize,
     rowPinning,
@@ -179,7 +171,7 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
           <TableBody
             {...tableBodyProps}
             sx={(theme) => ({
-              display: layoutMode === 'grid' ? 'grid' : 'table-row-group',
+              display: layoutMode?.startsWith('grid') ? 'grid' : undefined,
               position: 'sticky',
               top: tableHeadHeight - 1,
               zIndex: 1,
@@ -209,7 +201,7 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
       <TableBody
         {...tableBodyProps}
         sx={(theme) => ({
-          display: layoutMode === 'grid' ? 'grid' : 'table-row-group',
+          display: layoutMode?.startsWith('grid') ? 'grid' : undefined,
           height: rowVirtualizer
             ? `${rowVirtualizer.getTotalSize()}px`
             : 'inherit',
@@ -221,12 +213,12 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
         {tableBodyProps?.children ??
           (!rows.length ? (
             <tr
-              style={{ display: layoutMode === 'grid' ? 'grid' : 'table-row' }}
+              style={{ display: layoutMode?.startsWith('grid') ? 'grid' : undefined }}
             >
               <td
                 colSpan={table.getVisibleLeafColumns().length}
                 style={{
-                  display: layoutMode === 'grid' ? 'grid' : 'table-cell',
+                  display: layoutMode?.startsWith('grid') ? 'grid' : 'table-cell',
                 }}
               >
                 {renderEmptyRowsFallback?.({ table }) ?? (
@@ -285,7 +277,7 @@ export const MRT_TableBody = <TData extends Record<string, any>>({
             {...tableBodyProps}
             sx={(theme) => ({
               bottom: tableFooterHeight - 1,
-              display: layoutMode === 'grid' ? 'grid' : 'table-row-group',
+              display: layoutMode?.startsWith('grid') ? 'grid' : undefined,
               position: 'sticky',
               zIndex: 1,
               ...(parseFromValuesOrFunc(tableBodyProps?.sx, theme) as any),

package/src/body/MRT_TableBodyCell.tsx

@@ -210,11 +210,11 @@ export const MRT_TableBodyCell = <TData extends Record<string, any>>({
           outlineOffset: '-1px',
           textOverflow: 'clip',
         },
-        alignItems: layoutMode === 'grid' ? 'center' : undefined,
+        alignItems: layoutMode?.startsWith('grid') ? 'center' : undefined,
         cursor:
           isEditable && editDisplayMode === 'cell' ? 'pointer' : 'inherit',
         justifyContent:
-          layoutMode === 'grid' ? tableCellProps.align : undefined,
+          layoutMode?.startsWith('grid') ? tableCellProps.align : undefined,
         overflow: 'hidden',
         p:
           density === 'compact'

package/src/body/MRT_TableBodyRow.tsx

@@ -145,7 +145,7 @@ export const MRT_TableBodyRow = <TData extends Record<string, any>>({
           },
           backgroundColor: `${lighten(
             theme.palette.background.default,
-            0.06,
+            0.05,
           )} !important`,
           bottom:
             !virtualRow && bottomPinnedIndex !== undefined && isPinned
@@ -155,7 +155,7 @@ export const MRT_TableBodyRow = <TData extends Record<string, any>>({
                 }px`
               : undefined,
           boxSizing: 'border-box',
-          display: layoutMode === 'grid' ? 'flex' : 'table-row',
+          display: layoutMode?.startsWith('grid') ? 'flex' : undefined,
           opacity: isPinned
             ? 0.98
             : draggingRow?.id === row.id || hoveredRow?.id === row.id
@@ -185,7 +185,7 @@ export const MRT_TableBodyRow = <TData extends Record<string, any>>({
           width: '100%',
           zIndex:
             rowPinningDisplayMode?.includes('sticky') && isPinned
-              ? 1
+              ? 2
               : undefined,
           ...(sx as any),
         })}