material-react-table 0.5.9 → 0.6.2

package/dist/MaterialReactTable.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
 import { AlertProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
-import { Cell, Column, ColumnInstance, FilterType, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
+import { Cell, Column, ColumnInstance, FilterType, ColumnInterface, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
 import { MRT_Localization } from './localization';
 import { MRT_Icons } from './icons';
 import { MRT_FILTER_TYPE } from './enums';
@@ -19,7 +19,7 @@ export declare type MRT_TableInstance<D extends {} = {}> = TableInstance<D> & Us
     resetResizing: () => void;
     getToggleAllRowsExpandedProps: () => void;
 };
-export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
+export declare type MRT_ColumnInterface<D extends {} = {}> = ColumnInterface<D> & UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
     Edit?: ({ cell, onChange, }: {
         cell: MRT_Cell<D>;
         onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -29,6 +29,8 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
     }) => ReactNode;
     Footer?: string;
     Header?: string;
+    accessor: string;
+    columns?: (Column<D> & MRT_ColumnInterface<D>)[];
     disableFilters?: boolean;
     editable?: boolean;
     filter?: MRT_FilterType | string | FilterType<D>;
@@ -36,6 +38,7 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
         text: string;
         value: string;
     })[];
+    filterTypes: MRT_FILTER_TYPE[];
     muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
     muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
@@ -44,7 +47,7 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
     onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
     onFilterChange?: (event: ChangeEvent<HTMLInputElement>, filterValue: any) => void;
 };
-export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & {
+export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & MRT_ColumnInterface<D> & {
     columns?: MRT_ColumnInstance<D>[];
 };
 export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_ColumnInstance<D> & UseTableHeaderGroupProps<D> & {
@@ -53,7 +56,9 @@ export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_Co
 export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D> & UseGroupByRowProps<D> & UseRowSelectRowProps<D> & UseRowStateRowProps<D> & {
     cells: MRT_Cell<D>[];
 };
-export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {};
+export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {
+    column: MRT_ColumnInstance<D>;
+};
 export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
 export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColumnOrderState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseGroupByState<D> & UsePaginationState<D> & UseResizeColumnsState<D> & UseRowSelectState<D> & UseRowStateState<D> & UseSortByState<D> & {
     currentEditingRow: MRT_Row<D> | null;
@@ -79,6 +84,9 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
     enableRowEditing?: boolean;
     enableRowNumbers?: boolean;
     enableSelection?: boolean;
+    filterTypes?: {
+        [key in MRT_FILTER_TYPE]: any;
+    };
     hideTableFooter?: boolean;
     hideTableHead?: boolean;
     hideToolbarBottom?: boolean;
@@ -135,5 +143,5 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
         MRT_FullScreenToggleButton: FC<IconButtonProps>;
     }) => ReactNode;
 };
-declare const _default: <D extends {}>({ defaultColumn, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends {}>({ defaultColumn, filterTypes, globalFilter, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/filtersFNs.d.ts

@@ -1,10 +1,6 @@
 import { MRT_Row } from '.';
-export declare const fuzzySearchFN: {
-    (rows: MRT_Row[], columnIds: string[], filterValue: string | number): MRT_Row<{}>[];
-    autoRemove(val: any): boolean;
-};
 export declare const fuzzyFilterFN: {
-    (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
+    (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
 export declare const containsFilterFN: {
@@ -56,19 +52,19 @@ export declare const defaultFilterFNs: {
         (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
         autoRemove(val: any): boolean;
     };
-    greaterThan: {
+    equals: {
         (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
         autoRemove(val: any): boolean;
     };
-    lessThan: {
-        (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
+    fuzzy: {
+        (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
         autoRemove(val: any): boolean;
     };
-    equals: {
+    greaterThan: {
         (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
         autoRemove(val: any): boolean;
     };
-    fuzzy: {
+    lessThan: {
         (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
         autoRemove(val: any): boolean;
     };

package/dist/localization.d.ts

@@ -1,50 +1,47 @@
 export interface MRT_Localization {
-    actionsHeadColumnTitle: string;
+    actions: string;
+    cancel: string;
     changeFilterMode: string;
-    columnActionMenuButtonTitle: string;
-    columnActionMenuItemClearSort: string;
-    columnActionMenuItemGroupBy: string;
-    columnActionMenuItemHideColumn: string;
-    columnActionMenuItemSortAsc: string;
-    columnActionMenuItemSortDesc: string;
-    columnActionMenuItemUnGroupBy: string;
-    columnShowHideMenuHideAll: string;
-    columnShowHideMenuShowAll: string;
-    expandAllButtonTitle: string;
-    expandButtonTitle: string;
-    filterApplied: string;
-    filterMenuItemContains: string;
-    filterMenuItemEmpty: string;
-    filterMenuItemEndsWith: string;
-    filterMenuItemEquals: string;
-    filterMenuItemFuzzy: string;
-    filterMenuItemGreaterThan: string;
-    filterMenuItemLessThan: string;
-    filterMenuItemNotEmpty: string;
-    filterMenuItemNotEquals: string;
-    filterMenuItemStartsWith: string;
-    filterMenuTitle: string;
-    filterTextFieldChangeFilterButtonTitle: string;
-    filterTextFieldChipLabelEmpty: string;
-    filterTextFieldChipLabelNotEmpty: string;
-    filterTextFieldClearButtonTitle: string;
-    filterTextFieldPlaceholder: string;
-    rowActionButtonCancel: string;
-    rowActionButtonSave: string;
-    rowActionMenuButtonTitle: string;
-    rowActionMenuItemEdit: string;
-    rowActionsColumnTitle: string;
-    searchTextFieldClearButtonTitle: string;
-    searchTextFieldPlaceholder: string;
-    selectAllCheckboxTitle: string;
-    selectCheckboxTitle: string;
-    showHideColumnsButtonTitle: string;
-    toggleDensePaddingSwitchTitle: string;
-    toggleFilterButtonTitle: string;
-    toggleFullScreenButtonTitle: string;
-    toggleSearchButtonTitle: string;
-    toolbarAlertGroupedByMessage: string;
-    toolbarAlertGroupedThenByMessage: string;
-    toolbarAlertSelectionMessage: string;
+    clearFilter: string;
+    clearSearch: string;
+    clearSort: string;
+    columnActions: string;
+    edit: string;
+    expand: string;
+    expandAll: string;
+    filterByColumn: string;
+    filterContains: string;
+    filterEmpty: string;
+    filterEndsWith: string;
+    filterEquals: string;
+    filterFuzzy: string;
+    filterGreaterThan: string;
+    filterLessThan: string;
+    filterMode: string;
+    filterNotEmpty: string;
+    filterNotEquals: string;
+    filterStartsWith: string;
+    filteringByColumn: string;
+    groupByColumn: string;
+    groupedBy: string;
+    hideAll: string;
+    hideColumn: string;
+    rowActions: string;
+    save: string;
+    search: string;
+    selectedCountOfRowCountRowsSelected: string;
+    showAll: string;
+    showHideColumns: string;
+    showAllColumns: string;
+    showHideFilters: string;
+    showHideSearch: string;
+    sortByColumnAsc: string;
+    sortByColumnDesc: string;
+    thenBy: string;
+    toggleDensePadding: string;
+    toggleFullScreen: string;
+    toggleSelectAll: string;
+    toggleSelectRow: string;
+    ungroupByColumn: string;
 }
 export declare const MRT_DefaultLocalization_EN: MRT_Localization;