material-react-table 0.5.7 → 0.6.0

package/dist/MaterialReactTable.d.ts

@@ -1,8 +1,9 @@
 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, 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, 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';
 export declare type MRT_TableOptions<D extends {} = {}> = TableOptions<D> & UseExpandedOptions<D> & UseFiltersOptions<D> & UseGlobalFiltersOptions<D> & UseGroupByOptions<D> & UsePaginationOptions<D> & UseResizeColumnsOptions<D> & UseRowSelectOptions<D> & UseRowStateOptions<D> & UseSortByOptions<D> & {
     columns: (Column<D> & MRT_ColumnInterface)[];
     data: D[];
@@ -30,6 +31,11 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
     Header?: string;
     disableFilters?: boolean;
     editable?: boolean;
+    filter?: MRT_FilterType | string | FilterType<D>;
+    filterSelectOptions?: (string | {
+        text: string;
+        value: string;
+    })[];
     muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
     muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
@@ -48,7 +54,7 @@ export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D>
     cells: MRT_Cell<D>[];
 };
 export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {};
-export declare type MRT_FilterType = 'contains' | 'empty' | 'endsWith' | 'equals' | 'fuzzy' | 'notEmpty' | 'notEquals' | 'startsWith';
+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;
     currentFilterTypes: {

package/dist/body/MRT_TableBodyCell.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_Cell } from '..';
+import type { MRT_Cell } from '..';
 export declare const commonTableBodyCellStyles: (densePadding: boolean) => {
     p: string;
     transition: string;

package/dist/body/MRT_TableBodyRow.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 interface Props {
     row: MRT_Row;
 }

package/dist/body/MRT_TableDetailPanel.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 interface Props {
     row: MRT_Row;
 }

package/dist/buttons/MRT_EditActionButtons.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 interface Props {
     row: MRT_Row;
 }

package/dist/buttons/MRT_ExpandButton.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 interface Props {
     row: MRT_Row;
 }

package/dist/buttons/MRT_ToggleColumnActionMenuButton.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 interface Props {
     column: MRT_HeaderGroup;
 }

package/dist/buttons/MRT_ToggleRowActionMenuButton.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 interface Props {
     row: MRT_Row;
 }

package/dist/enums.d.ts

@@ -0,0 +1,12 @@
+export declare enum MRT_FILTER_TYPE {
+    CONTAINS = "contains",
+    EMPTY = "empty",
+    ENDS_WITH = "endsWith",
+    EQUALS = "equals",
+    FUZZY = "fuzzy",
+    GREATER_THAN = "greaterThan",
+    LESS_THAN = "lessThan",
+    NOT_EMPTY = "notEmpty",
+    NOT_EQUALS = "notEquals",
+    STARTS_WITH = "startsWith"
+}

package/dist/filtersFNs.d.ts

@@ -1,4 +1,8 @@
 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<{}>[];
     autoRemove(val: any): boolean;
@@ -23,6 +27,14 @@ export declare const notEqualsFilterFN: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
+export declare const greaterThanFilterFN: {
+    (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
+    autoRemove(val: any): boolean;
+};
+export declare const lessThanFilterFN: {
+    (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
+    autoRemove(val: any): boolean;
+};
 export declare const emptyFilterFN: {
     (rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
@@ -44,6 +56,14 @@ export declare const defaultFilterFNs: {
         (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
         autoRemove(val: any): boolean;
     };
+    greaterThan: {
+        (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<{}>[];
+        autoRemove(val: any): boolean;
+    };
     equals: {
         (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
         autoRemove(val: any): boolean;

package/dist/footer/MRT_TableFooterCell.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 interface Props {
     column: MRT_HeaderGroup;
 }

package/dist/footer/MRT_TableFooterRow.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 interface Props {
     footerGroup: MRT_HeaderGroup;
 }

package/dist/head/MRT_TableHeadCell.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 export declare const commonTableHeadCellStyles: (densePadding: boolean, enableColumnResizing?: boolean | undefined) => {
     fontWeight: string;
     height: string;

package/dist/head/MRT_TableHeadRow.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 interface Props {
     headerGroup: MRT_HeaderGroup;
 }

package/dist/inputs/MRT_EditCellTextField.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_Cell } from '..';
+import type { MRT_Cell } from '..';
 interface Props {
     cell: MRT_Cell;
 }

package/dist/inputs/MRT_FilterTextField.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 interface Props {
     column: MRT_HeaderGroup;
 }

package/dist/inputs/MRT_SelectCheckbox.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 interface Props {
     row?: MRT_Row;
     selectAll?: boolean;

package/dist/localization.d.ts

@@ -1,47 +1,47 @@
 export interface MRT_Localization {
-    actionsHeadColumnTitle: 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;
-    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;
+    actions: string;
+    cancel: string;
+    changeFilterMode: 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;