material-react-table 0.29.1 → 0.30.2

package/README.md

@@ -1,13 +1,13 @@
 # Material React Table
 
 <a href="https://npmjs.com/package/material-react-table" target="_blank">
-  <img alt="" src="https://badgen.net/npm/v/material-react-table" />
+  <img alt="" src="https://badgen.net/npm/v/material-react-table?color=blue" />
 </a>
 <a href="https://npmjs.com/package/material-react-table" target="_blank">
-  <img alt="" src="https://img.shields.io/npm/dm/material-react-table.svg" />
+  <img alt="" src="https://img.shields.io/npm/dm/material-react-table.svg?color=blue" />
 </a>
 <a href="https://bundlephobia.com/result?p=material-react-table" target="_blank">
-  <img alt="" src="https://badgen.net/bundlephobia/minzip/material-react-table@latest" />
+  <img alt="" src="https://badgen.net/bundlephobia/minzip/material-react-table@latest?color=blue" />
 </a>
 <a href="https://github.com/KevinVandy/material-react-table" target="_blank">
   <img alt="" src="https://img.shields.io/github/stars/KevinVandy/material-react-table.svg?style=social&label=Star" />
@@ -53,7 +53,7 @@ View additional [storybook examples](https://www.material-react-table.dev/)
 
 _All features can easily be enabled/disabled_
 
-- [x] < 36kb gzipped - [Bundlephobia](https://bundlephobia.com/package/material-react-table)
+- [x] < 37kb gzipped - [Bundlephobia](https://bundlephobia.com/package/material-react-table)
 - [x] Advanced TypeScript Generics Support (TypeScript Optional)
 - [x] Click To Copy Cell Values
 - [x] Column Action Dropdown Menu

package/dist/MaterialReactTable.d.ts

@@ -221,9 +221,9 @@ export declare type MRT_Cell<TData extends Record<string, any> = {}> = Omit<Cell
     column: MRT_Column<TData>;
     row: MRT_Row<TData>;
 };
-export declare type MRT_SortingOption = keyof typeof MRT_SortingFns;
+export declare type MRT_SortingOption = LiteralUnion<string & keyof typeof MRT_SortingFns>;
 export declare type MRT_SortingFn<TData extends Record<string, any> = {}> = SortingFn<TData> | MRT_SortingOption;
-export declare type MRT_FilterOption = keyof typeof MRT_FilterFns;
+export declare type MRT_FilterOption = LiteralUnion<string & keyof typeof MRT_FilterFns>;
 export declare type MRT_FilterFn<TData extends Record<string, any> = {}> = FilterFn<TData> | MRT_FilterOption;
 export declare type MRT_DisplayColumnIds = 'mrt-row-drag' | 'mrt-row-actions' | 'mrt-row-expand' | 'mrt-row-select' | 'mrt-row-numbers';
 /**

package/dist/column.utils.d.ts

@@ -2,7 +2,7 @@ import { ColumnOrderState } from '@tanstack/react-table';
 import { MaterialReactTableProps, MRT_Column, MRT_ColumnDef, MRT_DefinedColumnDef, MRT_DisplayColumnIds, MRT_FilterOption } from '.';
 export declare const getAllLeafColumnDefs: <TData extends Record<string, any> = {}>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
 export declare const prepareColumns: <TData extends Record<string, any> = {}>(columnDefs: MRT_ColumnDef<TData>[], currentFilterFns: {
-    [key: string]: "between" | "betweenInclusive" | "contains" | "empty" | "endsWith" | "equals" | "fuzzy" | "greaterThan" | "greaterThanOrEqualTo" | "lessThan" | "lessThanOrEqualTo" | "notEmpty" | "notEquals" | "startsWith" | "includesString" | "includesStringSensitive" | "equalsString" | "arrIncludes" | "arrIncludesAll" | "arrIncludesSome" | "weakEquals" | "inNumberRange";
+    [key: string]: "between" | "betweenInclusive" | "contains" | "empty" | "endsWith" | "equals" | "fuzzy" | "greaterThan" | "greaterThanOrEqualTo" | "lessThan" | "lessThanOrEqualTo" | "notEmpty" | "notEquals" | "startsWith" | "includesString" | "includesStringSensitive" | "equalsString" | "arrIncludes" | "arrIncludesAll" | "arrIncludesSome" | "weakEquals" | "inNumberRange" | (string & Record<never, never>);
 }) => MRT_DefinedColumnDef<TData>[];
 export declare const reorderColumn: <TData extends Record<string, any> = {}>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: ColumnOrderState) => ColumnOrderState;
 export declare const getLeadingDisplayColumnIds: <TData extends Record<string, any> = {}>(props: MaterialReactTableProps<TData>) => MRT_DisplayColumnIds[];

package/dist/index.d.ts

@@ -1,3 +1,7 @@
 import MaterialReactTable from './MaterialReactTable';
 export default MaterialReactTable;
 export * from './MaterialReactTable';
+import type { MRT_Icons } from './icons';
+export type { MRT_Icons };
+import type { MRT_Localization } from './localization';
+export type { MRT_Localization };

package/dist/material-react-table.cjs.development.js

@@ -718,7 +718,8 @@ var prepareColumns = function prepareColumns(columnDefs, currentFilterFns) {
       if (Object.keys(MRT_FilterFns).includes(currentFilterFns[columnDef.id])) {
         var _MRT_FilterFns$curren;
 
-        columnDef.filterFn = (_MRT_FilterFns$curren = MRT_FilterFns[currentFilterFns[columnDef.id]]) != null ? _MRT_FilterFns$curren : MRT_FilterFns.fuzzy; //@ts-ignore
+        columnDef.filterFn = // @ts-ignore
+        (_MRT_FilterFns$curren = MRT_FilterFns[currentFilterFns[columnDef.id]]) != null ? _MRT_FilterFns$curren : MRT_FilterFns.fuzzy; //@ts-ignore
 
         columnDef._filterFn = currentFilterFns[columnDef.id];
       }
@@ -1151,7 +1152,11 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
     sx: commonMenuItemStyles
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(SortIcon, null)), (_localization$sortByC = localization.sortByColumnAsc) == null ? void 0 : _localization$sortByC.replace('{column}', String(columnDef.header)))), React__default.createElement(material.MenuItem, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(SortIcon, {
+    style: {
+      transform: 'rotate(180deg) scaleX(-1)'
+    }
+  })), (_localization$sortByC = localization.sortByColumnAsc) == null ? void 0 : _localization$sortByC.replace('{column}', String(columnDef.header)))), React__default.createElement(material.MenuItem, {
     divider: enableColumnFilters || enableGrouping || enableHiding,
     key: 2,
     disabled: column.getIsSorted() === 'desc',
@@ -1159,11 +1164,7 @@ var MRT_ColumnActionMenu = function MRT_ColumnActionMenu(_ref) {
     sx: commonMenuItemStyles
   }, React__default.createElement(material.Box, {
     sx: commonListItemStyles
-  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(SortIcon, {
-    style: {
-      transform: 'rotate(180deg) scaleX(-1)'
-    }
-  })), (_localization$sortByC2 = localization.sortByColumnDesc) == null ? void 0 : _localization$sortByC2.replace('{column}', String(columnDef.header))))], enableColumnFilters && column.getCanFilter() && [React__default.createElement(material.MenuItem, {
+  }, React__default.createElement(material.ListItemIcon, null, React__default.createElement(SortIcon, null)), (_localization$sortByC2 = localization.sortByColumnDesc) == null ? void 0 : _localization$sortByC2.replace('{column}', String(columnDef.header))))], enableColumnFilters && column.getCanFilter() && [React__default.createElement(material.MenuItem, {
     disabled: !column.getFilterValue(),
     key: 0,
     onClick: handleClearFilter,
@@ -1554,7 +1555,11 @@ var MRT_GlobalFilterTextField = function MRT_GlobalFilterTextField(_ref) {
           height: '1.75rem',
           width: '1.75rem'
         }
-      }, React__default.createElement(SearchIcon, null)))) : React__default.createElement(SearchIcon, null),
+      }, React__default.createElement(SearchIcon, null)))) : React__default.createElement(SearchIcon, {
+        style: {
+          marginRight: '4px'
+        }
+      }),
       endAdornment: React__default.createElement(material.InputAdornment, {
         position: "end"
       }, React__default.createElement(material.Tooltip, {
@@ -2305,7 +2310,11 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
       }, React__default.createElement(FilterListIcon, null)))), filterChipLabel && React__default.createElement(material.Chip, {
         onDelete: handleClearEmptyFilterChip,
         label: filterChipLabel
-      })) : React__default.createElement(FilterListIcon, null),
+      })) : React__default.createElement(FilterListIcon, {
+        style: {
+          marginRight: '4px'
+        }
+      }),
       endAdornment: !filterChipLabel && React__default.createElement(material.InputAdornment, {
         position: "end"
       }, React__default.createElement(material.Tooltip, {
@@ -2350,7 +2359,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
       return _extends({
         p: 0,
         minWidth: !filterChipLabel ? '6rem' : 'auto',
-        width: 'calc(100% + 0.5rem)',
+        width: '100%',
         '&	.MuiSelect-icon': {
           mr: '1.5rem'
         }
@@ -2631,7 +2640,8 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
   var _getState = getState(),
       density = _getState.density,
       currentDraggingColumn = _getState.currentDraggingColumn,
-      currentHoveredColumn = _getState.currentHoveredColumn;
+      currentHoveredColumn = _getState.currentHoveredColumn,
+      showColumnFilters = _getState.showColumnFilters;
 
   var column = header.column;
   var columnDef = column.columnDef;
@@ -2694,7 +2704,7 @@ var MRT_TableHeadCell = function MRT_TableHeadCell(_ref) {
         overflow: 'visible',
         opacity: (currentDraggingColumn == null ? void 0 : currentDraggingColumn.id) === column.id || (currentHoveredColumn == null ? void 0 : currentHoveredColumn.id) === column.id ? 0.5 : 1,
         p: density === 'compact' ? '0.5rem' : density === 'comfortable' ? columnDefType === 'display' ? '0.75rem' : '1rem' : columnDefType === 'display' ? '1rem 1.25rem' : '1.5rem',
-        pb: columnDefType === 'display' ? 0 : undefined,
+        pb: columnDefType === 'display' ? 0 : showColumnFilters ? '0.5rem' : undefined,
         position: column.getIsPinned() && columnDefType !== 'group' ? 'sticky' : undefined,
         pt: columnDefType === 'group' ? 0 : density === 'compact' ? '0.25' : density === 'comfortable' ? '.75rem' : '1.25rem',
         right: column.getIsPinned() === 'right' ? getTotalRight() + "px" : undefined,
@@ -3728,7 +3738,8 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
     getSubRows: function getSubRows(row) {
       return row == null ? void 0 : row.subRows;
     },
-    globalFilterFn: (_MRT_FilterFns$curren = MRT_FilterFns[currentGlobalFilterFn]) != null ? _MRT_FilterFns$curren : MRT_FilterFns.fuzzy,
+    globalFilterFn: //@ts-ignore
+    (_MRT_FilterFns$curren = MRT_FilterFns[currentGlobalFilterFn]) != null ? _MRT_FilterFns$curren : MRT_FilterFns.fuzzy,
     initialState: initialState,
     state: _extends({
       columnOrder: columnOrder,