material-react-table 2.0.0-alpha.0 → 2.0.0-alpha.2

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

@@ -1,4 +1,4 @@
-import { type MRT_TableOptions, type MRT_TableInstance, type Xor } from './types';
+import { type MRT_TableInstance, type MRT_TableOptions, type Xor } from './types';
 type TableInstanceProp<TData extends Record<string, any> = {}> = {
     table: MRT_TableInstance<TData>;
 };

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

@@ -4,6 +4,7 @@ interface Props<TData extends Record<string, any>> {
     columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
     measureElement?: (element: HTMLTableRowElement) => void;
     numRows: number;
+    pinnedRowIds?: string[];
     row: MRT_Row<TData>;
     rowIndex: number;
     table: MRT_TableInstance<TData>;
@@ -12,6 +13,6 @@ interface Props<TData extends Record<string, any>> {
     virtualPaddingRight?: number;
     virtualRow?: VirtualItem;
 }
-export declare const MRT_TableBodyRow: <TData extends Record<string, any>>({ columnVirtualizer, measureElement, numRows, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export declare const Memo_MRT_TableBodyRow: <TData extends Record<string, any>>({ columnVirtualizer, measureElement, numRows, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const MRT_TableBodyRow: <TData extends Record<string, any>>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const Memo_MRT_TableBodyRow: <TData extends Record<string, any>>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -3,4 +3,5 @@ export * from './MRT_TableBodyCell';
 export * from './MRT_TableBodyCellValue';
 export * from './MRT_TableBodyRow';
 export * from './MRT_TableBodyRowGrabHandle';
+export * from './MRT_TableBodyRowPinButton';
 export * from './MRT_TableDetailPanel';

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

@@ -3,8 +3,8 @@ import { type IconButtonProps } from '@mui/material/IconButton';
 import { type MRT_TableInstance } from '../types';
 interface Props<TData extends Record<string, any>> {
     iconButtonProps?: IconButtonProps;
-    onDragStart: DragEventHandler<HTMLButtonElement>;
     onDragEnd: DragEventHandler<HTMLButtonElement>;
+    onDragStart: DragEventHandler<HTMLButtonElement>;
     table: MRT_TableInstance<TData>;
 }
 export declare const MRT_GrabHandleButton: <TData extends Record<string, any>>({ iconButtonProps, onDragEnd, onDragStart, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { type RowPinningPosition } from '@tanstack/react-table';
+import { type MRT_Row, type MRT_TableInstance } from '../types';
+interface Props<TData extends Record<string, any>> {
+    pinningPosition: RowPinningPosition;
+    row: MRT_Row<TData>;
+    table: MRT_TableInstance<TData>;
+}
+export declare const MRT_RowPinButton: <TData extends Record<string, any>>({ pinningPosition, row, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -3,10 +3,11 @@ export * from './MRT_CopyButton';
 export * from './MRT_EditActionButtons';
 export * from './MRT_ExpandAllButton';
 export * from './MRT_ExpandButton';
-export * from './MRT_ToggleFullScreenButton';
 export * from './MRT_GrabHandleButton';
+export * from './MRT_RowPinButton';
 export * from './MRT_ShowHideColumnsButton';
 export * from './MRT_ToggleDensePaddingButton';
 export * from './MRT_ToggleFiltersButton';
+export * from './MRT_ToggleFullScreenButton';
 export * from './MRT_ToggleGlobalFilterButton';
 export * from './MRT_ToggleRowActionMenuButton';

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

@@ -1,11 +1,11 @@
 import { type ReactNode } from 'react';
-import { type Row, type Renderable } from '@tanstack/react-table';
+import { type Renderable, type Row } from '@tanstack/react-table';
+import { type TableCellProps } from '@mui/material/TableCell';
+import { type Theme } from '@mui/material/styles';
 import { type MRT_AggregationFns } from './aggregationFns';
 import { type MRT_FilterFns } from './filterFns';
 import { type MRT_SortingFns } from './sortingFns';
-import { type TableCellProps } from '@mui/material/TableCell';
-import { type Theme } from '@mui/material/styles';
-import { type MRT_TableOptions, type MRT_Column, type MRT_ColumnDef, type MRT_ColumnOrderState, type MRT_DefinedColumnDef, type MRT_DisplayColumnIds, type MRT_FilterOption, type MRT_GroupingState, type MRT_Header, type MRT_TableInstance, type MRT_Row } from './types';
+import { type MRT_Column, type MRT_ColumnDef, type MRT_ColumnOrderState, type MRT_DefinedColumnDef, type MRT_DisplayColumnIds, type MRT_FilterOption, type MRT_GroupingState, type MRT_Header, type MRT_Row, type MRT_TableInstance, type MRT_TableOptions } from './types';
 export declare const getColumnId: <TData extends Record<string, any>>(columnDef: MRT_ColumnDef<TData>) => string;
 export declare const getAllLeafColumnDefs: <TData extends Record<string, any>>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
 export declare const prepareColumns: <TData extends Record<string, any>>({ aggregationFns, columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {
@@ -122,8 +122,8 @@ export declare const getCommonCellStyles: <TData extends Record<string, any>>({
 }) => any;
 export declare const MRT_DefaultColumn: {
     readonly filterVariant: "text";
-    readonly minSize: 40;
     readonly maxSize: 1000;
+    readonly minSize: 40;
     readonly size: 180;
 };
 export declare const MRT_DefaultDisplayColumn: {
@@ -140,6 +140,7 @@ export declare const MRT_DefaultDisplayColumn: {
     readonly enableResizing: false;
     readonly enableSorting: false;
 };
+export declare const parseFromValuesOrFunc: <T, U>(fn: T | ((arg: U) => T) | undefined, arg: U) => T | undefined;
 export declare const parseCSSVarId: (id: string) => string;
-export declare const flexRender: (Comp: Renderable<any>, props: any) => ReactNode | JSX.Element;
+export declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
 export declare const createRow: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;

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

@@ -2,59 +2,59 @@ import { type RankingInfo } from '@tanstack/match-sorter-utils';
 import { type Row } from '@tanstack/react-table';
 export declare const MRT_FilterFns: {
     between: {
-        <TData extends Record<string, any>>(row: Row<TData>, id: string, filterValues: [string | number, string | number]): boolean;
+        <TData extends Record<string, any>>(row: Row<TData>, id: string, filterValues: [number | string, number | string]): boolean;
         autoRemove(val: any): boolean;
     };
     betweenInclusive: {
-        <TData_1 extends Record<string, any>>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
+        <TData_1 extends Record<string, any>>(row: Row<TData_1>, id: string, filterValues: [number | string, number | string]): boolean;
         autoRemove(val: any): boolean;
     };
     contains: {
-        <TData_2 extends Record<string, any>>(row: Row<TData_2>, id: string, filterValue: string | number): boolean;
+        <TData_2 extends Record<string, any>>(row: Row<TData_2>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     empty: {
-        <TData_3 extends Record<string, any>>(row: Row<TData_3>, id: string, _filterValue: string | number): boolean;
+        <TData_3 extends Record<string, any>>(row: Row<TData_3>, id: string, _filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     endsWith: {
-        <TData_4 extends Record<string, any>>(row: Row<TData_4>, id: string, filterValue: string | number): boolean;
+        <TData_4 extends Record<string, any>>(row: Row<TData_4>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     equals: {
-        <TData_5 extends Record<string, any>>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
+        <TData_5 extends Record<string, any>>(row: Row<TData_5>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     fuzzy: {
-        <TData_6 extends Record<string, any>>(row: Row<TData_6>, columnId: string, filterValue: string | number, addMeta: (item: RankingInfo) => void): boolean;
+        <TData_6 extends Record<string, any>>(row: Row<TData_6>, columnId: string, filterValue: number | string, addMeta: (item: RankingInfo) => void): boolean;
         autoRemove(val: any): boolean;
     };
     greaterThan: {
-        <TData_7 extends Record<string, any>>(row: Row<TData_7>, id: string, filterValue: string | number): boolean;
+        <TData_7 extends Record<string, any>>(row: Row<TData_7>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     greaterThanOrEqualTo: {
-        <TData_8 extends Record<string, any>>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
+        <TData_8 extends Record<string, any>>(row: Row<TData_8>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     lessThan: {
-        <TData_9 extends Record<string, any>>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
+        <TData_9 extends Record<string, any>>(row: Row<TData_9>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     lessThanOrEqualTo: {
-        <TData_10 extends Record<string, any>>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
+        <TData_10 extends Record<string, any>>(row: Row<TData_10>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     notEmpty: {
-        <TData_11 extends Record<string, any>>(row: Row<TData_11>, id: string, _filterValue: string | number): boolean;
+        <TData_11 extends Record<string, any>>(row: Row<TData_11>, id: string, _filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     notEquals: {
-        <TData_12 extends Record<string, any>>(row: Row<TData_12>, id: string, filterValue: string | number): boolean;
+        <TData_12 extends Record<string, any>>(row: Row<TData_12>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     startsWith: {
-        <TData_13 extends Record<string, any>>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
+        <TData_13 extends Record<string, any>>(row: Row<TData_13>, id: string, filterValue: number | string): boolean;
         autoRemove(val: any): boolean;
     };
     includesString: import("@tanstack/react-table").FilterFn<any>;

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

@@ -3,5 +3,5 @@ interface Props<TData extends Record<string, any>> {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;
 }
-export declare const MRT_TableHeadCellFilterLabel: <TData extends Record<string, any>>({ header, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const MRT_TableHeadCellFilterLabel: <TData extends Record<string, any> = {}>({ header, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import { type MRT_Header, type MRT_TableInstance } from '../types';
 import { type TableCellProps } from '@mui/material/TableCell';
+import { type MRT_Header, type MRT_TableInstance } from '../types';
 interface Props<TData extends Record<string, any>> {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;

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

@@ -1,9 +1,9 @@
-import { type MRT_ColumnDef, type MRT_ColumnOrderState, type MRT_GroupingState, type MRT_DefinedTableOptions, type MRT_Row } from '../types';
+import { type MRT_ColumnDef, type MRT_ColumnOrderState, type MRT_DefinedTableOptions, type MRT_GroupingState, type MRT_Row } from '../types';
 interface Params<TData extends Record<string, any>> {
-    creatingRow: MRT_Row<TData> | null;
     columnOrder: MRT_ColumnOrderState;
+    creatingRow: MRT_Row<TData> | null;
     grouping: MRT_GroupingState;
     tableOptions: MRT_DefinedTableOptions<TData>;
 }
-export declare const useMRT_DisplayColumns: <TData extends Record<string, any>>({ creatingRow, columnOrder, grouping, tableOptions, }: Params<TData>) => MRT_ColumnDef<TData>[];
+export declare const useMRT_DisplayColumns: <TData extends Record<string, any>>({ columnOrder, creatingRow, grouping, tableOptions, }: Params<TData>) => MRT_ColumnDef<TData>[];
 export {};

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

@@ -7,7 +7,6 @@ export interface MRT_Icons {
     DensityLargeIcon: any;
     DensityMediumIcon: any;
     DensitySmallIcon: any;
-    KeyboardDoubleArrowDownIcon: any;
     DragHandleIcon: any;
     DynamicFeedIcon: any;
     EditIcon: any;
@@ -17,6 +16,7 @@ export interface MRT_Icons {
     FilterListOffIcon: any;
     FullscreenExitIcon: any;
     FullscreenIcon: any;
+    KeyboardDoubleArrowDownIcon: any;
     MoreHorizIcon: any;
     MoreVertIcon: any;
     PushPinIcon: any;

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

@@ -1,4 +1,4 @@
-import { type MRT_TableInstance, type MRT_Header } from '../types';
+import { type MRT_Header, type MRT_TableInstance } from '../types';
 interface Props<TData extends Record<string, any>> {
     header: MRT_Header<TData>;
     table: MRT_TableInstance<TData>;

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

@@ -1,13 +1,13 @@
 import { type MRT_Header, type MRT_TableInstance } from '../types';
 export declare const commonMenuItemStyles: {
-    py: string;
-    my: number;
-    justifyContent: string;
     alignItems: string;
+    justifyContent: string;
+    my: number;
+    py: string;
 };
 export declare const commonListItemStyles: {
-    display: string;
     alignItems: string;
+    display: string;
 };
 interface Props<TData extends Record<string, any>> {
     anchorEl: HTMLElement | null;

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

@@ -7,5 +7,5 @@ interface Props<TData extends Record<string, any>> {
     setHoveredColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     table: MRT_TableInstance<TData>;
 }
-export declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any>>({ allColumns, hoveredColumn, setHoveredColumn, column, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const MRT_ShowHideColumnsMenuItems: <TData extends Record<string, any>>({ allColumns, column, hoveredColumn, setHoveredColumn, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
 export {};

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>> {
-    position?: 'top' | 'bottom';
+    position?: 'bottom' | 'top';
     table: MRT_TableInstance<TData>;
 }
-export declare const MRT_TablePagination: <TData extends Record<string, any>>({ table, position, }: 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_TopToolbar.d.ts

@@ -1,5 +1,5 @@
-import { type MRT_TableInstance } from '../types';
 import { type Theme } from '@mui/material/styles';
+import { type MRT_TableInstance } from '../types';
 export declare const commonToolbarStyles: ({ theme }: {
     theme: Theme;
 }) => {