material-react-table 0.8.0-alpha.1 → 0.8.1

package/README.md

@@ -2,7 +2,7 @@
 
 > This Project is based on react-table v8, which itself is still in alpha, and therefore this package is also still in alpha
 
-- A fully featured Material UI v5 implementation of react-table v8 (alpha)
+- A fully featured Material UI v5 implementation of Tanstack react-table v8 (alpha)
 - Inspired by material-table and the MUI X DataGrid
 - Written from the ground up in TypeScript, Material UI, and React Table
 - All internal Material UI components are easily customizable

package/dist/MaterialReactTable.d.ts

@@ -21,9 +21,10 @@ export interface MRT_RowModel<D extends Record<string, any> = {}> {
 }
 export declare type MRT_TableInstance<D extends Record<string, any> = {}> = Omit<TableInstance<Overwrite<Partial<TableGenerics>, {
     Row: D;
-}>>, 'getAllColumns' | 'getAllLeafColumns' | 'getExpandedRowModel' | 'getPaginationRowModel' | 'getPrePaginationRowModel' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
+}>>, 'getAllColumns' | 'getAllLeafColumns' | 'getColumn' | 'getExpandedRowModel' | 'getPaginationRowModel' | 'getPrePaginationRowModel' | 'getRowModel' | 'getSelectedRowModel' | 'getState' | 'options'> & {
     getAllColumns: () => MRT_Column<D>[];
     getAllLeafColumns: () => MRT_Column<D>[];
+    getColumn: (columnId: string) => MRT_Column<D>;
     getExpandedRowModel: () => MRT_RowModel<D>;
     getPaginationRowModel: () => MRT_RowModel<D>;
     getPrePaginationRowModel: () => MRT_RowModel<D>;
@@ -85,6 +86,7 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
     columns?: MRT_ColumnDef<D>[];
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
+    enableColumnOrdering?: boolean;
     enableEditing?: boolean;
     enabledColumnFilterOptions?: (MRT_FILTER_OPTION | string)[];
     filterFn?: MRT_FilterFn;
@@ -140,6 +142,9 @@ export declare type MRT_ColumnDef<D extends Record<string, any> = {}> = Omit<Col
 };
 export declare type MRT_Column<D extends Record<string, any> = {}> = Omit<Column<D>, 'header' | 'footer' | 'columns'> & MRT_ColumnDef<D> & {
     columns?: MRT_Column<D>[];
+    columnDef: MRT_ColumnDef<D>;
+    header: string;
+    footer: string;
 };
 export declare type MRT_Header<D extends Record<string, any> = {}> = Omit<Header<D>, 'column'> & {
     column: MRT_Column<D>;
@@ -162,6 +167,7 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
     editingMode?: 'table' | 'row' | 'cell';
     enableClickToCopy?: boolean;
     enableColumnActions?: boolean;
+    enableColumnOrdering?: boolean;
     enableDensePaddingToggle?: boolean;
     enableEditing?: boolean;
     enableExpandAll?: boolean;
@@ -390,5 +396,5 @@ export declare type MaterialReactTableProps<D extends Record<string, any> = {}>
         }>;
     }) => ReactNode;
 };
-declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, editingMode, enableColumnActions, enableColumnFilters, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends Record<string, any> = {}>({ autoResetExpanded, columnResizeMode, defaultColumn, editingMode, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensePaddingToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGrouping, enableHiding, enableMultiRowSelection, enablePagination, enablePinning, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarBottom, enableToolbarInternalActions, enableToolbarTop, icons, localization, persistentStateMode, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/head/MRT_DraggableTableHeadCell.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import type { MRT_Header, MRT_TableInstance } from '..';
+interface Props {
+    header: MRT_Header;
+    tableInstance: MRT_TableInstance;
+}
+export declare const MRT_DraggableTableHeadCell: FC<Props>;
+export {};

package/dist/head/MRT_TableHeadCell.d.ts

@@ -1,7 +1,11 @@
-import { FC } from 'react';
+import { FC, Ref } from 'react';
 import type { MRT_Header, MRT_TableInstance } from '..';
 interface Props {
+    dragRef?: Ref<HTMLButtonElement>;
+    dropRef?: Ref<HTMLDivElement>;
     header: MRT_Header;
+    isDragging?: boolean;
+    previewRef?: Ref<HTMLTableCellElement>;
     tableInstance: MRT_TableInstance;
 }
 export declare const MRT_TableHeadCell: FC<Props>;

package/dist/head/MRT_TableHeadCellFilterContainer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { MRT_Header, MRT_TableInstance } from '..';
+interface Props {
+    header: MRT_Header;
+    tableInstance: MRT_TableInstance;
+}
+export declare const MRT_TableHeadCellFilterContainer: FC<Props>;
+export {};

package/dist/head/MRT_TableHeadCellFilterLabel.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { MRT_Header, MRT_TableInstance } from '..';
+interface Props {
+    header: MRT_Header;
+    tableInstance: MRT_TableInstance;
+}
+export declare const MRT_TableHeadCellFilterLabel: FC<Props>;
+export {};

package/dist/head/MRT_TableHeadCellGrabHandle.d.ts

@@ -0,0 +1,9 @@
+import { FC, Ref } from 'react';
+import { MRT_Header, MRT_TableInstance } from '..';
+interface Props {
+    header: MRT_Header;
+    ref: Ref<HTMLButtonElement>;
+    tableInstance: MRT_TableInstance;
+}
+export declare const MRT_TableHeadCellGrabHandle: FC<Props>;
+export {};

package/dist/head/MRT_TableHeadCellResizeHandle.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { MRT_Header, MRT_TableInstance } from '..';
+interface Props {
+    header: MRT_Header;
+    tableInstance: MRT_TableInstance;
+}
+export declare const MRT_TableHeadCellResizeHandle: FC<Props>;
+export {};

package/dist/head/MRT_TableHeadCellSortLabel.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { MRT_Header, MRT_TableInstance } from '..';
+interface Props {
+    header: MRT_Header;
+    tableInstance: MRT_TableInstance;
+}
+export declare const MRT_TableHeadCellSortLabel: FC<Props>;
+export {};

package/dist/icons.d.ts

@@ -7,6 +7,7 @@ export interface MRT_Icons {
     DensityMediumIcon: any;
     DensitySmallIcon: any;
     DoubleArrowDownIcon: any;
+    DragHandleIcon: any;
     DynamicFeedIcon: any;
     EditIcon: any;
     ExpandLessIcon: any;

package/dist/inputs/MRT_FilterRangeFields.d.ts

@@ -4,5 +4,5 @@ interface Props {
     header: MRT_Header;
     tableInstance: MRT_TableInstance;
 }
-declare const MRT_FilterRangeFields: FC<Props>;
-export default MRT_FilterRangeFields;
+export declare const MRT_FilterRangeFields: FC<Props>;
+export {};

package/dist/localization.d.ts

@@ -27,6 +27,7 @@ export interface MRT_Localization {
     filterNotEquals: string;
     filterStartsWith: string;
     filteringByColumn: string;
+    grab: string;
     groupByColumn: string;
     groupedBy: string;
     hideAll: string;