material-react-table 1.2.5 → 1.2.7

package/dist/index.d.ts

@@ -800,12 +800,22 @@ declare type Virtualizer = {
 };
 declare const MaterialReactTable: <TData extends Record<string, any> = {}>({ aggregationFns, autoResetExpanded, columnResizeMode, defaultColumn, defaultDisplayColumn, editingMode, enableBottomToolbar, enableColumnActions, enableColumnFilters, enableColumnOrdering, enableColumnResizing, enableDensityToggle, enableExpandAll, enableFilters, enableFullScreenToggle, enableGlobalFilter, enableGlobalFilterRankedResults, enableGrouping, enableHiding, enableMultiRowSelection, enableMultiSort, enablePagination, enablePinning, enableRowSelection, enableSelectAll, enableSorting, enableStickyHeader, enableTableFooter, enableTableHead, enableToolbarInternalActions, enableTopToolbar, filterFns, icons, localization, positionActionsColumn, positionExpandColumn, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, rowNumberMode, selectAllMode, sortingFns, ...rest }: MaterialReactTableProps<TData>) => JSX.Element;
 
-interface Props$8<TData extends Record<string, any> = {}> {
+interface Props$9<TData extends Record<string, any> = {}> {
     cell: MRT_Cell<TData>;
     children: ReactNode;
     table: MRT_TableInstance<TData>;
 }
-declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$8<TData>) => JSX.Element;
+declare const MRT_CopyButton: <TData extends Record<string, any> = {}>({ cell, children, table, }: Props$9<TData>) => JSX.Element;
+
+interface Props$8<TData extends Record<string, any> = {}> {
+    anchorEl: HTMLElement | null;
+    header?: MRT_Header<TData>;
+    onSelect?: () => void;
+    setAnchorEl: (anchorEl: HTMLElement | null) => void;
+    setFilterValue?: (filterValue: any) => void;
+    table: MRT_TableInstance<TData>;
+}
+declare const MRT_FilterOptionMenu: <TData extends Record<string, any> = {}>({ anchorEl, header, onSelect, setAnchorEl, setFilterValue, table, }: Props$8<TData>) => JSX.Element;
 
 interface Props$7<TData extends Record<string, any> = {}> extends IconButtonProps {
     table: MRT_TableInstance<TData>;
@@ -848,4 +858,4 @@ interface Props<TData extends Record<string, any> = {}> {
 }
 declare const MRT_ToolbarInternalButtons: <TData extends Record<string, any> = {}>({ table, }: Props<TData>) => JSX.Element;
 
-export { DensityState, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarInternalButtons, MaterialReactTableProps, Virtualizer, MaterialReactTable as default };
+export { DensityState, MRT_Cell, MRT_Column, MRT_ColumnDef, MRT_CopyButton, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterFn, MRT_FilterOption, MRT_FilterOptionMenu, MRT_FullScreenToggleButton, MRT_GlobalFilterTextField, MRT_Header, MRT_HeaderGroup, MRT_Icons, MRT_InternalFilterOption, MRT_Localization, MRT_Row, MRT_RowModel, MRT_ShowHideColumnsButton, MRT_SortingFn, MRT_SortingOption, MRT_TableInstance, MRT_TablePagination, MRT_TableState, MRT_ToggleDensePaddingButton, MRT_ToggleFiltersButton, MRT_ToggleGlobalFilterButton, MRT_ToolbarInternalButtons, MaterialReactTableProps, Virtualizer, MaterialReactTable as default };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.5",
+  "version": "1.2.7",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",

package/src/MaterialReactTable.tsx

@@ -1099,7 +1099,7 @@ const MaterialReactTable = <TData extends Record<string, any> = {}>({
       ...MRT_Localization_EN,
       ...localization,
     }),
-    [],
+    [localization],
   );
   const _aggregationFns = useMemo(
     () => ({ ...MRT_AggregationFns, ...aggregationFns }),

package/src/head/MRT_TableHeadCellColumnActionsButton.tsx

@@ -67,6 +67,7 @@ export const MRT_TableHeadCellColumnActionsButton: FC<Props> = ({
             height: '2rem',
             m: '-0.2rem',
             opacity: 0.5,
+            transform: 'scale(0.85)',
             transition: 'opacity 150ms',
             width: '2rem',
             '&:hover': {

package/src/index.tsx

@@ -6,6 +6,7 @@ import type { MRT_Icons } from './icons';
 export type { MRT_Icons };
 
 import { MRT_CopyButton } from './buttons/MRT_CopyButton';
+import { MRT_FilterOptionMenu } from './menus/MRT_FilterOptionMenu';
 import { MRT_FullScreenToggleButton } from './buttons/MRT_FullScreenToggleButton';
 import { MRT_GlobalFilterTextField } from './inputs/MRT_GlobalFilterTextField';
 import { MRT_ShowHideColumnsButton } from './buttons/MRT_ShowHideColumnsButton';
@@ -17,6 +18,7 @@ import { MRT_ToolbarInternalButtons } from './toolbar/MRT_ToolbarInternalButtons
 
 export {
   MRT_CopyButton,
+  MRT_FilterOptionMenu,
   MRT_FullScreenToggleButton,
   MRT_GlobalFilterTextField,
   MRT_ShowHideColumnsButton,

package/src/table/MRT_TableRoot.tsx

@@ -148,10 +148,9 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
               Cell: ({ row }) => (
                 <MRT_ExpandButton row={row as any} table={table as any} />
               ),
-              Header: () =>
-                props.enableExpandAll ? (
-                  <MRT_ExpandAllButton table={table as any} />
-                ) : null,
+              Header: props.enableExpandAll
+                ? () => <MRT_ExpandAllButton table={table as any} />
+                : null,
               header: props.localization.expand,
               size: 60,
               ...props.defaultDisplayColumn,
@@ -162,10 +161,10 @@ export const MRT_TableRoot = <TData extends Record<string, any> = {}>(
             Cell: ({ row }) => (
               <MRT_SelectCheckbox row={row as any} table={table as any} />
             ),
-            Header: () =>
-              props.enableSelectAll && props.enableMultiRowSelection ? (
-                <MRT_SelectCheckbox selectAll table={table as any} />
-              ) : null,
+            Header:
+              props.enableSelectAll && props.enableMultiRowSelection
+                ? () => <MRT_SelectCheckbox selectAll table={table as any} />
+                : null,
             header: props.localization.select,
             size: 60,
             ...props.defaultDisplayColumn,