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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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>> {
+    row: MRT_Row<TData>;
+    table: MRT_TableInstance<TData>;
+    pinningPosition: RowPinningPosition;
+}
+export declare const MRT_RowPinButton: <TData extends Record<string, any>>({ row, table, pinningPosition, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/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/cjs/types/column.utils.d.ts

@@ -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 createRow: <TData extends Record<string, any>>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;

package/dist/cjs/types/types.d.ts

@@ -49,7 +49,6 @@ export interface MRT_Localization {
     clearSearch: string;
     clearSort: string;
     clickToCopy: string;
-    create?: string;
     collapse: string;
     collapseAll: string;
     columnActions: string;
@@ -72,9 +71,10 @@ export interface MRT_Localization {
     filterFuzzy: string;
     filterGreaterThan: string;
     filterGreaterThanOrEqualTo: string;
-    filterInNumberRange: string;
     filterIncludesString: string;
     filterIncludesStringSensitive: string;
+    filteringByColumn: string;
+    filterInNumberRange: string;
     filterLessThan: string;
     filterLessThanOrEqualTo: string;
     filterMode: string;
@@ -82,7 +82,6 @@ export interface MRT_Localization {
     filterNotEquals: string;
     filterStartsWith: string;
     filterWeakEquals: string;
-    filteringByColumn: string;
     goToFirstPage: string;
     goToLastPage: string;
     goToNextPage: string;
@@ -99,6 +98,7 @@ export interface MRT_Localization {
     noResultsFound: string;
     of: string;
     or: string;
+    pin?: string;
     pinToLeft: string;
     pinToRight: string;
     resetColumnSize: string;
@@ -137,11 +137,13 @@ export interface MRT_RowModel<TData extends Record<string, any>> {
         [key: string]: MRT_Row<TData>;
     };
 }
-export type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getCenterLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getHeaderGroups' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
+export type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TData>, 'getAllColumns' | 'getAllFlatColumns' | 'getAllLeafColumns' | 'getBottomRows' | 'getCenterLeafColumns' | 'getCenterRows' | 'getColumn' | 'getExpandedRowModel' | 'getFlatHeaders' | 'getHeaderGroups' | 'getLeftLeafColumns' | 'getPaginationRowModel' | 'getPreFilteredRowModel' | 'getPrePaginationRowModel' | 'getRightLeafColumns' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'getTopRows' | 'options'> & {
     getAllColumns: () => MRT_Column<TData>[];
     getAllFlatColumns: () => MRT_Column<TData>[];
     getAllLeafColumns: () => MRT_Column<TData>[];
+    getBottomRows: () => MRT_Row<TData>[];
     getCenterLeafColumns: () => MRT_Column<TData>[];
+    getCenterRows: () => MRT_Row<TData>[];
     getColumn: (columnId: string) => MRT_Column<TData>;
     getExpandedRowModel: () => MRT_RowModel<TData>;
     getFlatHeaders: () => MRT_Header<TData>[];
@@ -154,6 +156,7 @@ export type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TD
     getRowModel: () => MRT_RowModel<TData>;
     getSelectedRowModel: () => MRT_RowModel<TData>;
     getState: () => MRT_TableState<TData>;
+    getTopRows: () => MRT_Row<TData>[];
     options: MRT_DefinedTableOptions<TData>;
     refs: {
         bottomToolbarRef: MutableRefObject<HTMLDivElement>;
@@ -164,6 +167,8 @@ export type MRT_TableInstance<TData extends Record<string, any>> = Omit<Table<TD
         tableHeadCellRefs: MutableRefObject<Record<string, HTMLTableCellElement>>;
         tablePaperRef: MutableRefObject<HTMLDivElement>;
         topToolbarRef: MutableRefObject<HTMLDivElement>;
+        tableHeadRef: MutableRefObject<HTMLTableSectionElement>;
+        tableFooterRef: MutableRefObject<HTMLTableSectionElement>;
     };
     setCreatingRow: Dispatch<SetStateAction<MRT_Row<TData> | null | true>>;
     setColumnFilterFns: Dispatch<SetStateAction<MRT_ColumnFilterFnsState>>;
@@ -369,7 +374,7 @@ export type MRT_ColumnDef<TData extends Record<string, any>> = Omit<ColumnDef<TD
     muiFilterSliderProps?: SliderProps | ((props: {
         table: MRT_TableInstance<TData>;
         column: MRT_Column<TData>;
-    }) => TextFieldProps);
+    }) => SliderProps);
     muiTableHeadCellProps?: TableCellProps | ((props: {
         table: MRT_TableInstance<TData>;
         column: MRT_Column<TData>;
@@ -423,12 +428,12 @@ export type MRT_SortingFn<TData extends Record<string, any>> = SortingFn<TData>
 export type MRT_FilterOption = LiteralUnion<string & keyof typeof MRT_FilterFns>;
 export type MRT_FilterFn<TData extends Record<string, any>> = FilterFn<TData> | MRT_FilterOption;
 export type MRT_InternalFilterOption = {
+    divider: boolean;
+    label: string;
     option: string;
     symbol: string;
-    label: string;
-    divider: boolean;
 };
-export type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-select';
+export type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' | 'mrt-row-expand' | 'mrt-row-numbers' | 'mrt-row-select' | 'mrt-row-pin';
 /**
  * `columns` and `data` props are the only required props, but there are over 170 other optional props.
  *
@@ -478,6 +483,7 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
     columnFilterDisplayMode?: 'subheader' | 'popover' | 'custom';
     paginationDisplayMode?: 'default' | 'pages' | 'custom';
     selectDisplayMode?: 'checkbox' | 'radio' | 'switch';
+    rowPinningDisplayMode?: 'sticky' | 'top' | 'bottom' | 'top-and-bottom' | 'select-sticky' | 'select-top' | 'select-bottom';
     enableBottomToolbar?: boolean;
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
@@ -630,7 +636,7 @@ export type MRT_TableOptions<TData extends Record<string, any>> = Omit<Partial<T
     muiFilterSliderProps?: SliderProps | ((props: {
         table: MRT_TableInstance<TData>;
         column: MRT_Column<TData>;
-    }) => TextFieldProps);
+    }) => SliderProps);
     muiCreateRowModalProps?: DialogProps | ((props: {
         row: MRT_Row<TData>;
         table: MRT_TableInstance<TData>;