material-react-table 1.2.8 → 1.2.9

package/dist/esm/icons.d.ts

@@ -1,4 +1,5 @@
 export interface MRT_Icons {
+    ArrowDownwardIcon: any;
     ArrowRightIcon: any;
     CancelIcon: any;
     CheckBoxIcon: any;

package/dist/esm/material-react-table.esm.js

@@ -2,6 +2,7 @@ import React, { useMemo, useRef, useState, useCallback, useEffect, Fragment, mem
 import { aggregationFns, filterFns, sortingFns, useReactTable, getCoreRowModel, getExpandedRowModel, getFacetedRowModel, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel } from '@tanstack/react-table';
 import { alpha, lighten, useTheme, darken } from '@mui/material/styles';
 import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
+import ArrowDownwardIcon from '@mui/icons-material/ArrowDownward';
 import ArrowRightIcon from '@mui/icons-material/ArrowRight';
 import CancelIcon from '@mui/icons-material/Cancel';
 import CheckBoxIcon from '@mui/icons-material/CheckBox';
@@ -346,6 +347,7 @@ const MRT_FilterFns = Object.assign(Object.assign({}, filterFns), { between,
     startsWith });
 
 const MRT_Default_Icons = {
+    ArrowDownwardIcon,
     ArrowRightIcon,
     CancelIcon,
     CheckBoxIcon,
@@ -1791,7 +1793,7 @@ const MRT_TableHeadCellResizeHandle = ({ header, table }) => {
 };
 
 const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
-    const { options: { localization }, } = table;
+    const { options: { icons: { ArrowDownwardIcon }, localization, }, } = table;
     const { column } = header;
     const { columnDef } = column;
     const sortTooltip = column.getIsSorted()
@@ -1808,7 +1810,7 @@ const MRT_TableHeadCellSortLabel = ({ header, table, tableCellProps, }) => {
                 transform: (tableCellProps === null || tableCellProps === void 0 ? void 0 : tableCellProps.align) !== 'right'
                     ? 'translateX(-0.5ch)'
                     : undefined,
-            } })));
+            }, IconComponent: ArrowDownwardIcon })));
 };
 
 const MRT_TableHeadCell = ({ header, table }) => {