material-react-table 0.8.0-alpha.2 → 0.8.2

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
@@ -23,7 +23,7 @@ Join the [discord](https://discord.gg/5wqyRx6fnm) server to join in on the devel
 - [x] Column Actions
 - [x] Column Hiding
 - [x] Column Grouping (Group By and Aggregates)
-- [ ] Column Ordering (react-dnd planned)
+- [x] Column Ordering (react-dnd)
 - [x] Column Pinning
 - [x] Column Resizing (work in progress)
 - [x] Custom Icons

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;
@@ -165,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;
@@ -393,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;