material-react-table 1.6.4 → 1.6.6

package/src/head/MRT_TableHeadCell.tsx

@@ -1,4 +1,4 @@
-import React, { DragEvent, FC, ReactNode, useMemo } from 'react';
+import React, { DragEvent, ReactNode, useMemo } from 'react';
 import Box from '@mui/material/Box';
 import TableCell from '@mui/material/TableCell';
 import { useTheme } from '@mui/material/styles';
@@ -17,7 +17,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableHeadCell: FC<Props> = ({ header, table }) => {
+export const MRT_TableHeadCell = ({ header, table }: Props) => {
   const theme = useTheme();
   const {
     getState,

package/src/head/MRT_TableHeadCellColumnActionsButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEvent, useState } from 'react';
+import React, { MouseEvent, useState } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_ColumnActionMenu } from '../menus/MRT_ColumnActionMenu';
@@ -9,10 +9,10 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableHeadCellColumnActionsButton: FC<Props> = ({
+export const MRT_TableHeadCellColumnActionsButton = ({
   header,
   table,
-}) => {
+}: Props) => {
   const {
     options: {
       icons: { MoreVertIcon },

package/src/head/MRT_TableHeadCellFilterContainer.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import Collapse from '@mui/material/Collapse';
 import { MRT_FilterRangeFields } from '../inputs/MRT_FilterRangeFields';
 import { MRT_FilterTextField } from '../inputs/MRT_FilterTextField';
@@ -10,10 +10,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableHeadCellFilterContainer: FC<Props> = ({
-  header,
-  table,
-}) => {
+export const MRT_TableHeadCellFilterContainer = ({ header, table }: Props) => {
   const { getState } = table;
   const { showColumnFilters } = getState();
   const { column } = header;

package/src/head/MRT_TableHeadCellFilterLabel.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEvent } from 'react';
+import React, { MouseEvent } from 'react';
 import Box from '@mui/material/Box';
 import Grow from '@mui/material/Grow';
 import IconButton from '@mui/material/IconButton';
@@ -10,7 +10,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableHeadCellFilterLabel: FC<Props> = ({ header, table }) => {
+export const MRT_TableHeadCellFilterLabel = ({ header, table }: Props) => {
   const {
     options: {
       icons: { FilterAltIcon },

package/src/head/MRT_TableHeadCellGrabHandle.tsx

@@ -1,4 +1,4 @@
-import React, { DragEvent, FC, RefObject } from 'react';
+import React, { DragEvent, RefObject } from 'react';
 import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
 import { reorderColumn } from '../column.utils';
 import type { MRT_Column, MRT_TableInstance } from '..';
@@ -9,11 +9,11 @@ interface Props {
   tableHeadCellRef: RefObject<HTMLTableCellElement>;
 }
 
-export const MRT_TableHeadCellGrabHandle: FC<Props> = ({
+export const MRT_TableHeadCellGrabHandle = ({
   column,
   table,
   tableHeadCellRef,
-}) => {
+}: Props) => {
   const {
     getState,
     options: { enableColumnOrdering, muiTableHeadCellDragHandleProps },

package/src/head/MRT_TableHeadCellResizeHandle.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
 import { MRT_Header, MRT_TableInstance } from '..';
@@ -8,7 +8,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableHeadCellResizeHandle: FC<Props> = ({ header, table }) => {
+export const MRT_TableHeadCellResizeHandle = ({ header, table }: Props) => {
   const {
     getState,
     options: { columnResizeMode },

package/src/head/MRT_TableHeadCellSortLabel.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import TableSortLabel from '@mui/material/TableSortLabel';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_Header, MRT_TableInstance } from '..';
@@ -10,11 +10,11 @@ interface Props {
   tableCellProps?: TableCellProps;
 }
 
-export const MRT_TableHeadCellSortLabel: FC<Props> = ({
+export const MRT_TableHeadCellSortLabel = ({
   header,
   table,
   tableCellProps,
-}) => {
+}: Props) => {
   const {
     options: {
       icons: { ArrowDownwardIcon },

package/src/head/MRT_TableHeadRow.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import TableRow from '@mui/material/TableRow';
 import { alpha, lighten } from '@mui/material/styles';
 import { MRT_TableHeadCell } from './MRT_TableHeadCell';
@@ -13,13 +13,13 @@ interface Props {
   virtualPaddingRight?: number;
 }
 
-export const MRT_TableHeadRow: FC<Props> = ({
+export const MRT_TableHeadRow = ({
   headerGroup,
   table,
   virtualColumns,
   virtualPaddingLeft,
   virtualPaddingRight,
-}) => {
+}: Props) => {
   const {
     options: { layoutMode, muiTableHeadRowProps },
   } = table;

package/src/inputs/MRT_FilterCheckbox.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import Checkbox from '@mui/material/Checkbox';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Tooltip from '@mui/material/Tooltip';
@@ -10,7 +10,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_FilterCheckbox: FC<Props> = ({ column, table }) => {
+export const MRT_FilterCheckbox = ({ column, table }: Props) => {
   const {
     getState,
     options: { localization, muiTableHeadCellFilterCheckboxProps },

package/src/inputs/MRT_FilterRangeFields.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import Box from '@mui/material/Box';
 import { MRT_FilterTextField } from './MRT_FilterTextField';
 import { MRT_Header, MRT_TableInstance } from '..';
@@ -8,7 +8,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_FilterRangeFields: FC<Props> = ({ header, table }) => {
+export const MRT_FilterRangeFields = ({ header, table }: Props) => {
   return (
     <Box sx={{ display: 'grid', gridTemplateColumns: '6fr 6fr', gap: '1rem' }}>
       <MRT_FilterTextField header={header} rangeFilterIndex={0} table={table} />

package/src/inputs/MRT_FilterTextField.tsx

@@ -1,6 +1,5 @@
 import React, {
   ChangeEvent,
-  FC,
   MouseEvent,
   useCallback,
   useEffect,
@@ -26,11 +25,11 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_FilterTextField: FC<Props> = ({
+export const MRT_FilterTextField = ({
   header,
   rangeFilterIndex,
   table,
-}) => {
+}: Props) => {
   const {
     options: {
       enableColumnFilterModes,

package/src/inputs/MRT_SelectCheckbox.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEvent } from 'react';
+import React, { MouseEvent } from 'react';
 import Checkbox from '@mui/material/Checkbox';
 import Tooltip from '@mui/material/Tooltip';
 import Radio from '@mui/material/Radio';
@@ -11,7 +11,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_SelectCheckbox: FC<Props> = ({ row, selectAll, table }) => {
+export const MRT_SelectCheckbox = ({ row, selectAll, table }: Props) => {
   const {
     getState,
     options: {

package/src/menus/MRT_ColumnActionMenu.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useState } from 'react';
+import React, { useState } from 'react';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import ListItemIcon from '@mui/material/ListItemIcon';
@@ -27,12 +27,12 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_ColumnActionMenu: FC<Props> = ({
+export const MRT_ColumnActionMenu = ({
   anchorEl,
   header,
   setAnchorEl,
   table,
-}) => {
+}: Props) => {
   const {
     getState,
     toggleAllColumnsVisible,

package/src/menus/MRT_RowActionMenu.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEvent } from 'react';
+import React, { MouseEvent } from 'react';
 import Box from '@mui/material/Box';
 import ListItemIcon from '@mui/material/ListItemIcon';
 import Menu from '@mui/material/Menu';
@@ -17,13 +17,13 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_RowActionMenu: FC<Props> = ({
+export const MRT_RowActionMenu = ({
   anchorEl,
   handleEdit,
   row,
   setAnchorEl,
   table,
-}) => {
+}: Props) => {
   const {
     getState,
     options: {

package/src/table/MRT_Table.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useCallback, useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import {
   defaultRangeExtractor,
   Range,
@@ -15,7 +15,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_Table: FC<Props> = ({ table }) => {
+export const MRT_Table = ({ table }: Props) => {
   const {
     getState,
     options: {

package/src/table/MRT_TableContainer.tsx

@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useLayoutEffect, useState } from 'react';
+import React, { useEffect, useLayoutEffect, useState } from 'react';
 import TableContainer from '@mui/material/TableContainer';
 import { MRT_Table } from './MRT_Table';
 import type { MRT_TableInstance } from '..';
@@ -10,7 +10,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableContainer: FC<Props> = ({ table }) => {
+export const MRT_TableContainer = ({ table }: Props) => {
   const {
     getState,
     options: { enableStickyHeader, muiTableContainerProps },

package/src/table/MRT_TablePaper.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import Paper from '@mui/material/Paper';
 import { MRT_TopToolbar } from '../toolbar/MRT_TopToolbar';
 import { MRT_BottomToolbar } from '../toolbar/MRT_BottomToolbar';
@@ -9,7 +9,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TablePaper: FC<Props> = ({ table }) => {
+export const MRT_TablePaper = ({ table }: Props) => {
   const {
     getState,
     options: {