material-react-table 0.5.6 → 0.5.9

package/dist/menus/MRT_ColumnActionMenu.d.ts

@@ -1,5 +1,16 @@
 import { FC } from 'react';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
+export declare const commonMenuItemStyles: {
+    py: string;
+    my: number;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const commonListItemStyles: {
+    display: string;
+    gap: string;
+    alignItems: string;
+};
 interface Props {
     anchorEl: HTMLElement | null;
     column: MRT_HeaderGroup;

package/dist/menus/MRT_FilterTypeMenu.d.ts

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

package/dist/menus/MRT_RowActionMenu.d.ts

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

package/dist/menus/MRT_ShowHideColumnsMenu.d.ts

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

package/dist/useMRT.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren, Dispatch, SetStateAction } from 'react';
-import { MRT_FilterType, MRT_Row, MRT_TableInstance } from '.';
+import type { MRT_FilterType, MRT_Row, MRT_TableInstance } from '.';
 import { MRT_Icons } from './icons';
 import { MRT_Localization } from './localization';
 import { MaterialReactTableProps } from './MaterialReactTable';

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.5.6",
+  "version": "0.5.9",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material-UI implementation of react-table, inspired by material-table and the mui DataGrid, written from the ground up in TypeScript.",
@@ -28,7 +28,7 @@
   },
   "scripts": {
     "analyze": "size-limit --why",
-    "build": "tsdx build && size-limit",
+    "build": "tsdx build && size-limit && rm -rf material-react-table-docs/node_modules/material-react-table/dist  && cp -r dist material-react-table-docs/node_modules/material-react-table/ && cp -r src material-react-table-docs/node_modules/material-react-table/ && cp -r package.json material-react-table-docs/node_modules/material-react-table/package.json",
     "build-storybook": "build-storybook",
     "format": "prettier -w .",
     "lint": "tsdx lint",
@@ -36,8 +36,7 @@
     "size": "size-limit",
     "start": "tsdx watch",
     "storybook": "start-storybook -p 6006",
-    "test": "tsdx test --passWithNoTests",
-    "upgrade": "ncu -u && npm i"
+    "test": "tsdx test --passWithNoTests"
   },
   "husky": {
     "hooks": {

package/src/MaterialReactTable.tsx

@@ -19,6 +19,7 @@ import {
   Cell,
   Column,
   ColumnInstance,
+  FilterType,
   // ColumnInterface,
   HeaderGroup,
   Row,
@@ -76,6 +77,7 @@ import { MaterialReactTableProvider } from './useMRT';
 import { MRT_TableContainer } from './table/MRT_TableContainer';
 import { MRT_Localization, MRT_DefaultLocalization_EN } from './localization';
 import { MRT_Default_Icons, MRT_Icons } from './icons';
+import { MRT_FILTER_TYPE } from './enums';
 
 export type MRT_TableOptions<D extends {} = {}> = TableOptions<D> &
   UseExpandedOptions<D> &
@@ -132,6 +134,8 @@ export type MRT_ColumnInterface<D extends {} = {}> =
       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);
@@ -183,15 +187,7 @@ export type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> &
   UseGroupByCellProps<D> &
   UseRowStateCellProps<D> & {};
 
-export type MRT_FilterType =
-  | 'contains'
-  | 'empty'
-  | 'endsWith'
-  | 'equals'
-  | 'fuzzy'
-  | 'notEmpty'
-  | 'notEquals'
-  | 'startsWith';
+export type MRT_FilterType = MRT_FILTER_TYPE | Function;
 
 export type MRT_TableState<D extends {} = {}> = TableState<D> &
   UseColumnOrderState<D> &

package/src/body/MRT_TableBody.tsx

@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 import { TableBody } from '@mui/material';
 import { MRT_TableBodyRow } from './MRT_TableBodyRow';
 import { useMRT } from '../useMRT';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 
 interface Props {}
 

package/src/body/MRT_TableBodyCell.tsx

@@ -2,7 +2,7 @@ import React, { FC, MouseEvent } from 'react';
 import { Skeleton, TableCell, TableCellProps } from '@mui/material';
 import { useMRT } from '../useMRT';
 import { MRT_EditCellTextField } from '../inputs/MRT_EditCellTextField';
-import { MRT_Cell } from '..';
+import type { MRT_Cell } from '..';
 
 export const commonTableBodyCellStyles = (densePadding: boolean) => ({
   p: densePadding ? '0.5rem' : '1rem',

package/src/body/MRT_TableBodyRow.tsx

@@ -9,7 +9,7 @@ import { MRT_TableDetailPanel } from './MRT_TableDetailPanel';
 import { MRT_ExpandButton } from '../buttons/MRT_ExpandButton';
 import { MRT_SelectCheckbox } from '../inputs/MRT_SelectCheckbox';
 import { MRT_ToggleRowActionMenuButton } from '../buttons/MRT_ToggleRowActionMenuButton';
-import { MRT_Cell, MRT_Row } from '..';
+import type { MRT_Cell, MRT_Row } from '..';
 
 interface Props {
   row: MRT_Row;

package/src/body/MRT_TableDetailPanel.tsx

@@ -1,7 +1,7 @@
 import React, { FC, MouseEvent } from 'react';
 import { Collapse, TableCell, TableRow } from '@mui/material';
 import { useMRT } from '../useMRT';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 
 interface Props {
   row: MRT_Row;

package/src/buttons/MRT_EditActionButtons.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import { Box, IconButton, Tooltip } from '@mui/material';
 import { useMRT } from '../useMRT';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 
 interface Props {
   row: MRT_Row;

package/src/buttons/MRT_ExpandButton.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import { IconButton, TableCell } from '@mui/material';
 import { useMRT } from '../useMRT';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 import { commonTableBodyButtonCellStyles } from '../body/MRT_TableBodyCell';
 
 interface Props {

package/src/buttons/MRT_ShowHideColumnsButton.tsx

@@ -10,7 +10,7 @@ import {
 } from '@mui/material';
 import { useMRT } from '../useMRT';
 import { MRT_ShowHideColumnsMenu } from '../menus/MRT_ShowHideColumnsMenu';
-import { MRT_ColumnInstance } from '..';
+import type { MRT_ColumnInstance } from '..';
 
 interface Props extends IconButtonProps {}
 
@@ -45,7 +45,6 @@ export const MRT_ShowHideColumnsButton: FC<Props> = ({ ...rest }) => {
         onClose={() => setAnchorEl(null)}
         MenuListProps={{
           dense: tableInstance.state.densePadding,
-          disablePadding: true,
         }}
       >
         <Box

package/src/buttons/MRT_ToggleColumnActionMenuButton.tsx

@@ -2,7 +2,7 @@ import React, { FC, MouseEvent, useState } from 'react';
 import { IconButton, Tooltip } from '@mui/material';
 import { useMRT } from '../useMRT';
 import { MRT_ColumnActionMenu } from '../menus/MRT_ColumnActionMenu';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 
 interface Props {
   column: MRT_HeaderGroup;
@@ -28,6 +28,7 @@ export const MRT_ToggleColumnActionMenuButton: FC<Props> = ({ column }) => {
         arrow
         enterDelay={1000}
         enterNextDelay={1000}
+        placement="top"
         title={localization.columnActionMenuButtonTitle}
       >
         <IconButton

package/src/buttons/MRT_ToggleRowActionMenuButton.tsx

@@ -3,7 +3,7 @@ import { IconButton, TableCell, Tooltip } from '@mui/material';
 import { useMRT } from '../useMRT';
 import { MRT_RowActionMenu } from '../menus/MRT_RowActionMenu';
 import { MRT_EditActionButtons } from './MRT_EditActionButtons';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 import { commonTableBodyButtonCellStyles } from '../body/MRT_TableBodyCell';
 
 const commonIconButtonStyles = {

package/src/enums.ts

@@ -0,0 +1,12 @@
+export 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/src/filtersFNs.ts

@@ -1,6 +1,18 @@
 import { matchSorter } from 'match-sorter';
 import { MRT_Row } from '.';
 
+export const fuzzySearchFN = (
+  rows: MRT_Row[],
+  columnIds: string[],
+  filterValue: string | number,
+) =>
+  matchSorter(rows, filterValue.toString().trim(), {
+    keys: columnIds.map((c) => `values.${c}`),
+    sorter: (rankedItems) => rankedItems,
+  });
+
+fuzzySearchFN.autoRemove = (val: any) => !val;
+
 export const fuzzyFilterFN = (
   rows: MRT_Row[],
   id: string,
@@ -84,6 +96,34 @@ export const notEqualsFilterFN = (
 
 notEqualsFilterFN.autoRemove = (val: any) => !val;
 
+export const greaterThanFilterFN = (
+  rows: MRT_Row[],
+  id: string,
+  filterValue: string | number,
+) =>
+  rows.filter((row) =>
+    !isNaN(+filterValue) && !isNaN(+row.values[id])
+      ? +row.values[id] > +filterValue
+      : row.values[id].toString().toLowerCase().trim() >
+        filterValue.toString().toLowerCase().trim(),
+  );
+
+greaterThanFilterFN.autoRemove = (val: any) => !val;
+
+export const lessThanFilterFN = (
+  rows: MRT_Row[],
+  id: string,
+  filterValue: string | number,
+) =>
+  rows.filter((row) =>
+    !isNaN(+filterValue) && !isNaN(+row.values[id])
+      ? +row.values[id] < +filterValue
+      : row.values[id].toString().toLowerCase().trim() <
+        filterValue.toString().toLowerCase().trim(),
+  );
+
+lessThanFilterFN.autoRemove = (val: any) => !val;
+
 export const emptyFilterFN = (
   rows: MRT_Row[],
   id: string,
@@ -104,6 +144,8 @@ export const defaultFilterFNs = {
   contains: containsFilterFN,
   empty: emptyFilterFN,
   endsWith: endsWithFilterFN,
+  greaterThan: greaterThanFilterFN,
+  lessThan: lessThanFilterFN,
   equals: equalsFilterFN,
   fuzzy: fuzzyFilterFN,
   notEmpty: notEmptyFilterFN,

package/src/footer/MRT_TableFooter.tsx

@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 import { TableFooter } from '@mui/material';
 import { MRT_TableFooterRow } from './MRT_TableFooterRow';
 import { useMRT } from '../useMRT';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 
 interface Props {}
 

package/src/footer/MRT_TableFooterCell.tsx

@@ -1,7 +1,7 @@
 import React, { FC } from 'react';
 import { TableCell } from '@mui/material';
 import { useMRT } from '../useMRT';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 
 interface Props {
   column: MRT_HeaderGroup;

package/src/footer/MRT_TableFooterRow.tsx

@@ -3,7 +3,7 @@ import { TableRow } from '@mui/material';
 import { MRT_TableFooterCell } from './MRT_TableFooterCell';
 import { MRT_TableSpacerCell } from '../table/MRT_TableSpacerCell';
 import { useMRT } from '../useMRT';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 
 interface Props {
   footerGroup: MRT_HeaderGroup;

package/src/head/MRT_TableHead.tsx

@@ -2,7 +2,7 @@ import React, { FC } from 'react';
 import { TableHead } from '@mui/material';
 import { MRT_TableHeadRow } from './MRT_TableHeadRow';
 import { useMRT } from '../useMRT';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 
 interface Props {}
 

package/src/head/MRT_TableHeadCell.tsx

@@ -11,7 +11,7 @@ import {
 import { useMRT } from '../useMRT';
 import { MRT_FilterTextField } from '../inputs/MRT_FilterTextField';
 import { MRT_ToggleColumnActionMenuButton } from '../buttons/MRT_ToggleColumnActionMenuButton';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 
 export const commonTableHeadCellStyles = (
   densePadding: boolean,
@@ -79,18 +79,7 @@ export const MRT_TableHeadCell: FC<Props> = ({ column }) => {
   const filterTooltip = !!column.filterValue
     ? localization.filterApplied
         .replace('{column}', String(column.Header))
-        .replace(
-          '{filterType}',
-          // @ts-ignore
-          localization[
-            `filterMenuItem${
-              tableInstance.state.currentFilterTypes[column.id]
-                .charAt(0)
-                .toUpperCase() +
-              tableInstance.state.currentFilterTypes[column.id].slice(1)
-            }`
-          ],
-        )
+        .replace('{filterType}', column.filterValue)
     : localization.toggleFilterButtonTitle;
 
   const columnHeader = column.render('Header') as string;
@@ -127,7 +116,7 @@ export const MRT_TableHeadCell: FC<Props> = ({ column }) => {
         >
           {column.render('Header')}
           {!isParentHeader && column.canSort && (
-            <Tooltip arrow title={sortTooltip}>
+            <Tooltip arrow placement="top" title={sortTooltip}>
               <TableSortLabel
                 aria-label={sortTooltip}
                 active={column.isSorted}
@@ -136,19 +125,21 @@ export const MRT_TableHeadCell: FC<Props> = ({ column }) => {
             </Tooltip>
           )}
           {!isParentHeader && !!column.canFilter && (
-            <Tooltip arrow title={filterTooltip}>
+            <Tooltip arrow placement="top" title={filterTooltip}>
               <IconButton
+                disableRipple
                 onClick={(event) => {
                   event.stopPropagation();
                   setShowFilters(!tableInstance.state.showFilters);
                 }}
                 size="small"
                 sx={{
+                  m: 0,
                   opacity: !!column.filterValue ? 0.8 : 0,
                   p: '2px',
-                  m: 0,
                   transition: 'all 0.2s ease-in-out',
                   '&:hover': {
+                    backgroundColor: 'transparent',
                     opacity: 0.8,
                   },
                 }}

package/src/head/MRT_TableHeadRow.tsx

@@ -9,7 +9,7 @@ import { MRT_SelectCheckbox } from '../inputs/MRT_SelectCheckbox';
 import { MRT_ExpandAllButton } from '../buttons/MRT_ExpandAllButton';
 import { MRT_TableSpacerCell } from '../table/MRT_TableSpacerCell';
 import { MRT_TableHeadCellActions } from './MRT_TableHeadCellActions';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 
 interface Props {
   headerGroup: MRT_HeaderGroup;

package/src/inputs/MRT_EditCellTextField.tsx

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, FC } from 'react';
 import { TextField } from '@mui/material';
 import { useMRT } from '../useMRT';
-import { MRT_Cell } from '..';
+import type { MRT_Cell } from '..';
 
 interface Props {
   cell: MRT_Cell;

package/src/inputs/MRT_FilterTextField.tsx

@@ -3,14 +3,16 @@ import {
   Chip,
   IconButton,
   InputAdornment,
+  MenuItem,
   TextField,
   TextFieldProps,
   Tooltip,
 } from '@mui/material';
 import { useAsyncDebounce } from 'react-table';
 import { useMRT } from '../useMRT';
-import { MRT_HeaderGroup } from '..';
+import type { MRT_HeaderGroup } from '..';
 import { MRT_FilterTypeMenu } from '../menus/MRT_FilterTypeMenu';
+import { MRT_FILTER_TYPE } from '../enums';
 
 interface Props {
   column: MRT_HeaderGroup;
@@ -65,7 +67,10 @@ export const MRT_FilterTextField: FC<Props> = ({ column }) => {
   const handleClearFilterChip = () => {
     setFilterValue('');
     column.setFilter(undefined);
-    setCurrentFilterTypes((prev) => ({ ...prev, [column.id]: 'fuzzy' }));
+    setCurrentFilterTypes((prev) => ({
+      ...prev,
+      [column.id]: MRT_FILTER_TYPE.FUZZY,
+    }));
   };
 
   if (column.Filter) {
@@ -73,7 +78,13 @@ export const MRT_FilterTextField: FC<Props> = ({ column }) => {
   }
 
   const filterType = tableInstance.state.currentFilterTypes[column.id];
-  const filterChipLabel = ['empty', 'notEmpty'].includes(filterType);
+  const isCustomFilterType = filterType instanceof Function;
+  const isSelectFilter = !!column.filterSelectOptions;
+  const filterChipLabel =
+    !isCustomFilterType &&
+    [MRT_FILTER_TYPE.EMPTY, MRT_FILTER_TYPE.NOT_EMPTY].includes(
+      filterType as MRT_FILTER_TYPE,
+    );
   const filterPlaceholder = localization.filterTextFieldPlaceholder?.replace(
     '{column}',
     String(column.Header),
@@ -92,26 +103,39 @@ export const MRT_FilterTextField: FC<Props> = ({ column }) => {
           },
           title: filterPlaceholder,
         }}
+        label={isSelectFilter && !filterValue ? filterPlaceholder : undefined}
+        InputLabelProps={{
+          shrink: false,
+          sx: {
+            maxWidth: 'calc(100% - 2.5rem)',
+          },
+          title: filterPlaceholder,
+        }}
         margin="none"
-        placeholder={filterChipLabel ? '' : filterPlaceholder}
+        placeholder={
+          filterChipLabel || isSelectFilter ? undefined : filterPlaceholder
+        }
         onChange={(e: ChangeEvent<HTMLInputElement>) => {
           setFilterValue(e.target.value);
           handleChange(e.target.value);
         }}
         onClick={(e) => e.stopPropagation()}
+        select={isSelectFilter}
         value={filterValue ?? ''}
         variant="standard"
         InputProps={{
-          startAdornment: (
+          startAdornment: !isSelectFilter && (
             <InputAdornment position="start">
-              <Tooltip arrow title="Change Filter Mode">
-                <IconButton
-                  onClick={handleFilterMenuOpen}
-                  size="small"
-                  sx={{ height: '1.75rem', width: '1.75rem' }}
-                >
-                  <FilterListIcon />
-                </IconButton>
+              <Tooltip arrow title={localization.changeFilterMode}>
+                <span>
+                  <IconButton
+                    onClick={handleFilterMenuOpen}
+                    size="small"
+                    sx={{ height: '1.75rem', width: '1.75rem' }}
+                  >
+                    <FilterListIcon />
+                  </IconButton>
+                </span>
               </Tooltip>
               {filterChipLabel && (
                 <Chip onDelete={handleClearFilterChip} label={filterType} />
@@ -122,16 +146,20 @@ export const MRT_FilterTextField: FC<Props> = ({ column }) => {
             <InputAdornment position="end">
               <Tooltip
                 arrow
+                disableHoverListener={isSelectFilter}
                 placement="right"
                 title={localization.filterTextFieldClearButtonTitle ?? ''}
               >
                 <span>
                   <IconButton
                     aria-label={localization.filterTextFieldClearButtonTitle}
-                    disabled={filterValue?.length === 0}
+                    disabled={!filterValue?.length}
                     onClick={handleClear}
                     size="small"
-                    sx={{ height: '1.75rem', width: '1.75rem' }}
+                    sx={{
+                      height: '1.75rem',
+                      width: '1.75rem',
+                    }}
                   >
                     <CloseIcon fontSize="small" />
                   </IconButton>
@@ -145,9 +173,35 @@ export const MRT_FilterTextField: FC<Props> = ({ column }) => {
           m: '0 -0.25rem',
           minWidth: !filterChipLabel ? '5rem' : 'auto',
           width: 'calc(100% + 0.5rem)',
+          mt: isSelectFilter && !filterValue ? '-1rem' : undefined,
+          '&	.MuiSelect-icon': {
+            mr: '1.5rem',
+          },
           ...textFieldProps?.sx,
         }}
-      />
+      >
+        {isSelectFilter && (
+          <MenuItem divider disabled={!filterValue} value="">
+            {localization.filterTextFieldClearButtonTitle}
+          </MenuItem>
+        )}
+        {column?.filterSelectOptions?.map((option) => {
+          let value;
+          let text;
+          if (typeof option === 'string') {
+            value = option;
+            text = option;
+          } else if (typeof option === 'object') {
+            value = option.value;
+            text = option.text;
+          }
+          return (
+            <MenuItem key={value} value={value}>
+              {text}
+            </MenuItem>
+          );
+        })}
+      </TextField>
       <MRT_FilterTypeMenu
         anchorEl={anchorEl}
         column={column}

package/src/inputs/MRT_SelectCheckbox.tsx

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, FC } from 'react';
 import { Checkbox, TableCell, Tooltip } from '@mui/material';
 import { useMRT } from '../useMRT';
-import { MRT_Row } from '..';
+import type { MRT_Row } from '..';
 import { commonTableBodyButtonCellStyles } from '../body/MRT_TableBodyCell';
 
 interface Props {

package/src/localization.ts

@@ -1,5 +1,6 @@
 export interface MRT_Localization {
   actionsHeadColumnTitle: string;
+  changeFilterMode: string;
   columnActionMenuButtonTitle: string;
   columnActionMenuItemClearSort: string;
   columnActionMenuItemGroupBy: string;
@@ -17,6 +18,8 @@ export interface MRT_Localization {
   filterMenuItemEndsWith: string;
   filterMenuItemEquals: string;
   filterMenuItemFuzzy: string;
+  filterMenuItemGreaterThan: string;
+  filterMenuItemLessThan: string;
   filterMenuItemNotEmpty: string;
   filterMenuItemNotEquals: string;
   filterMenuItemStartsWith: string;
@@ -47,6 +50,7 @@ export interface MRT_Localization {
 
 export const MRT_DefaultLocalization_EN: MRT_Localization = {
   actionsHeadColumnTitle: 'Actions',
+  changeFilterMode: 'Change filter mode',
   columnActionMenuButtonTitle: 'Column Actions',
   columnActionMenuItemClearSort: 'Clear sort',
   columnActionMenuItemGroupBy: 'Group by {column}',
@@ -64,6 +68,8 @@ export const MRT_DefaultLocalization_EN: MRT_Localization = {
   filterMenuItemEndsWith: 'Ends With',
   filterMenuItemEquals: 'Equals',
   filterMenuItemFuzzy: 'Fuzzy Match (Default)',
+  filterMenuItemGreaterThan: 'Greater Than',
+  filterMenuItemLessThan: 'Less Than',
   filterMenuItemNotEmpty: 'Not Empty',
   filterMenuItemNotEquals: 'Not Equals',
   filterMenuItemStartsWith: 'Starts With',