material-react-table 1.6.5 → 1.6.6

package/src/_locales/sv.ts

@@ -0,0 +1,94 @@
+import type { MRT_Localization } from '../MaterialReactTable';
+
+export const MRT_Localization_SV: MRT_Localization = {
+  actions: 'Åtgärder',
+  and: 'och',
+  cancel: 'Avbryt',
+  changeFilterMode: 'Ändra filterläge',
+  changeSearchMode: 'Ändra sökläge',
+  clearFilter: 'Rensa filter',
+  clearSearch: 'Rensa sök',
+  clearSort: 'Rensa sortering',
+  clickToCopy: 'Klicka för att kopiera',
+  collapse: 'Stäng',
+  collapseAll: 'Stäng alla',
+  columnActions: 'Kolumnåtgärd',
+  copiedToClipboard: 'Kopierade till urklipp',
+  dropToGroupBy: 'Släpp för att grupp efter {column}',
+  edit: 'Redigera',
+  expand: 'Expandera',
+  expandAll: 'Expandera alla',
+  filterArrIncludes: 'Inkluderar',
+  filterArrIncludesAll: 'Inkluderar alla',
+  filterArrIncludesSome: 'Inkluderar',
+  filterBetween: 'Mellan',
+  filterBetweenInclusive: 'Mellan inklusive',
+  filterByColumn: 'Filtrera efter {column}',
+  filterContains: 'Innehåller',
+  filterEmpty: 'Tom',
+  filterEndsWith: 'Slutar med',
+  filterEquals: 'Lika med',
+  filterEqualsString: 'Lika med',
+  filterFuzzy: 'Fuzzy',
+  filterGreaterThan: 'Större än',
+  filterGreaterThanOrEqualTo: 'Större än eller lika med',
+  filterInNumberRange: 'Mellan',
+  filterIncludesString: 'Innehåller',
+  filterIncludesStringSensitive: 'Innehåller',
+  filterLessThan: 'Mindre än',
+  filterLessThanOrEqualTo: 'Mindre än eller lika med',
+  filterMode: 'Filterläge: {filterType}',
+  filterNotEmpty: 'Inte Tom',
+  filterNotEquals: 'Inte lika med',
+  filterStartsWith: 'Börjar med',
+  filterWeakEquals: 'Lika med',
+  filteringByColumn: 'Filtrering efter {kolumn} - {filterType} {filterValue}',
+  goToFirstPage: 'Gå till första sidan',
+  goToLastPage: 'Gå till sista sidan  ',
+  goToNextPage: 'Gå till nästa sida',
+  goToPreviousPage: 'Gå till föregående sida',
+  grab: 'Greppa',
+  groupByColumn: 'Guppera efter {column}',
+  groupedBy: 'Gruppera efter ',
+  hideAll: 'Göm alla',
+  hideColumn: 'Göm {column} kolumn',
+  max: 'Max',
+  min: 'Minst',
+  move: 'Flytta',
+  noRecordsToDisplay: 'Inget att visa',
+  noResultsFound: 'Inga resultat funna',
+  of: 'av',
+  or: 'eller',
+  pinToLeft: 'Fäst till vänster',
+  pinToRight: 'Fäst till höger',
+  resetColumnSize: 'Återställ kolumnstorlek',
+  resetOrder: 'Återställ ordning',
+  rowActions: 'Radåtgärder',
+  rowNumber: '#',
+  rowNumbers: 'Radnummer',
+  rowsPerPage: 'Rader per sida',
+  save: 'Spara',
+  search: 'Sök',
+  selectedCountOfRowCountRowsSelected:
+    '{selectedCount} av {rowCount} rad(er) valda',
+  select: 'Välj',
+  showAll: 'Visa alla',
+  showAllColumns: 'Visa alla kolumner',
+  showHideColumns: 'Visa/Göm kolumner',
+  showHideFilters: 'Visa/Göm filter',
+  showHideSearch: 'Visa/Göm sök',
+  sortByColumnAsc: 'Sortera efter {column} stigande',
+  sortByColumnDesc: 'Sort by {column} nedåtgående',
+  sortedByColumnAsc: 'Sorterat efter {column} stigande',
+  sortedByColumnDesc: 'Sorterat efter {column} nedåtgående',
+  thenBy: ', sedan av ',
+  toggleDensity: 'Växla densitet',
+  toggleFullScreen: 'Växla helskärm',
+  toggleSelectAll: 'Växla välja alla',
+  toggleSelectRow: 'Växla välj rad',
+  toggleVisibility: 'Växla synlighet',
+  ungroupByColumn: 'Avgruppera efter {column}',
+  unpin: 'Avfäst',
+  unpinAll: 'Avfäst alla',
+  unsorted: 'Osorterad',
+};

package/src/body/MRT_TableBody.tsx

@@ -1,4 +1,4 @@
-import React, { FC, memo, useMemo } from 'react';
+import React, { memo, useMemo } from 'react';
 import {
   useVirtualizer,
   Virtualizer,
@@ -18,13 +18,13 @@ interface Props {
   virtualPaddingRight?: number;
 }
 
-export const MRT_TableBody: FC<Props> = ({
+export const MRT_TableBody = ({
   columnVirtualizer,
   table,
   virtualColumns,
   virtualPaddingLeft,
   virtualPaddingRight,
-}) => {
+}: Props) => {
   const {
     getRowModel,
     getPrePaginationRowModel,

package/src/body/MRT_TableBodyCell.tsx

@@ -1,6 +1,5 @@
 import React, {
   DragEvent,
-  FC,
   memo,
   MouseEvent,
   RefObject,
@@ -34,7 +33,7 @@ interface Props {
   virtualCell?: VirtualItem;
 }
 
-export const MRT_TableBodyCell: FC<Props> = ({
+export const MRT_TableBodyCell = ({
   cell,
   enableHover,
   measureElement,
@@ -43,7 +42,7 @@ export const MRT_TableBodyCell: FC<Props> = ({
   rowRef,
   table,
   virtualCell,
-}) => {
+}: Props) => {
   const theme = useTheme();
   const {
     getState,

package/src/body/MRT_TableBodyCellValue.tsx

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import Box from '@mui/material/Box';
 import { darken, lighten } from '@mui/material/styles';
 import highlightWords from 'highlight-words';
@@ -11,7 +11,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableBodyCellValue: FC<Props> = ({ cell, table }) => {
+export const MRT_TableBodyCellValue = ({ cell, table }: Props) => {
   const {
     getState,
     options: { enableFilterMatchHighlighting },

package/src/body/MRT_TableBodyRow.tsx

@@ -1,4 +1,4 @@
-import React, { DragEvent, FC, memo, useRef } from 'react';
+import React, { DragEvent, memo, useRef } from 'react';
 import TableRow from '@mui/material/TableRow';
 import { darken, lighten } from '@mui/material/styles';
 import { Memo_MRT_TableBodyCell, MRT_TableBodyCell } from './MRT_TableBodyCell';
@@ -19,7 +19,7 @@ interface Props {
   virtualRow?: VirtualItem;
 }
 
-export const MRT_TableBodyRow: FC<Props> = ({
+export const MRT_TableBodyRow = ({
   columnVirtualizer,
   measureElement,
   numRows,
@@ -30,7 +30,7 @@ export const MRT_TableBodyRow: FC<Props> = ({
   virtualPaddingLeft,
   virtualPaddingRight,
   virtualRow,
-}) => {
+}: Props) => {
   const {
     getIsSomeColumnsPinned,
     getState,

package/src/body/MRT_TableBodyRowGrabHandle.tsx

@@ -1,4 +1,4 @@
-import React, { DragEvent, FC, RefObject } from 'react';
+import React, { DragEvent, RefObject } from 'react';
 import { MRT_Cell, MRT_TableInstance } from '..';
 import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
 
@@ -8,11 +8,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableBodyRowGrabHandle: FC<Props> = ({
-  cell,
-  rowRef,
-  table,
-}) => {
+export const MRT_TableBodyRowGrabHandle = ({ cell, rowRef, table }: Props) => {
   const {
     options: { muiTableBodyRowDragHandleProps },
   } = table;

package/src/body/MRT_TableDetailPanel.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import Collapse from '@mui/material/Collapse';
 import TableCell from '@mui/material/TableCell';
 import TableRow from '@mui/material/TableRow';
@@ -13,12 +13,12 @@ interface Props {
   virtualRow?: VirtualItem;
 }
 
-export const MRT_TableDetailPanel: FC<Props> = ({
+export const MRT_TableDetailPanel = ({
   parentRowRef,
   row,
   table,
   virtualRow,
-}) => {
+}: Props) => {
   const {
     getVisibleLeafColumns,
     getState,

package/src/buttons/MRT_ExpandAllButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import type { MRT_TableInstance } from '..';
@@ -7,7 +7,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_ExpandAllButton: FC<Props> = ({ table }) => {
+export const MRT_ExpandAllButton = ({ table }: Props) => {
   const {
     getIsAllRowsExpanded,
     getIsSomeRowsExpanded,

package/src/buttons/MRT_ExpandButton.tsx

@@ -1,4 +1,4 @@
-import React, { FC, MouseEvent } from 'react';
+import React, { MouseEvent } from 'react';
 import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import type { MRT_Row, MRT_TableInstance } from '..';
@@ -8,7 +8,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_ExpandButton: FC<Props> = ({ row, table }) => {
+export const MRT_ExpandButton = ({ row, table }: Props) => {
   const {
     getState,
     options: {

package/src/footer/MRT_TableFooter.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import TableFooter from '@mui/material/TableFooter';
 import { MRT_TableFooterRow } from './MRT_TableFooterRow';
 import type { VirtualItem } from '@tanstack/react-virtual';
@@ -11,12 +11,12 @@ interface Props {
   virtualPaddingRight?: number;
 }
 
-export const MRT_TableFooter: FC<Props> = ({
+export const MRT_TableFooter = ({
   table,
   virtualColumns,
   virtualPaddingLeft,
   virtualPaddingRight,
-}) => {
+}: Props) => {
   const {
     getFooterGroups,
     getState,

package/src/footer/MRT_TableFooterCell.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import TableCell from '@mui/material/TableCell';
 import { getCommonCellStyles } from '../column.utils';
 import type { MRT_Header, MRT_TableInstance } from '..';
@@ -8,7 +8,7 @@ interface Props {
   table: MRT_TableInstance;
 }
 
-export const MRT_TableFooterCell: FC<Props> = ({ footer, table }) => {
+export const MRT_TableFooterCell = ({ footer, table }: Props) => {
   const {
     getState,
     options: { layoutMode, muiTableFooterCellProps },

package/src/footer/MRT_TableFooterRow.tsx

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

package/src/head/MRT_TableHead.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 import TableHead from '@mui/material/TableHead';
 import { MRT_TableHeadRow } from './MRT_TableHeadRow';
 import type { VirtualItem } from '@tanstack/react-virtual';
@@ -11,12 +11,12 @@ interface Props {
   virtualPaddingRight?: number;
 }
 
-export const MRT_TableHead: FC<Props> = ({
+export const MRT_TableHead = ({
   table,
   virtualColumns,
   virtualPaddingLeft,
   virtualPaddingRight,
-}) => {
+}: Props) => {
   const {
     getHeaderGroups,
     getState,

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: {