material-react-table 0.29.0 → 0.30.1

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

@@ -130,7 +130,7 @@ export declare type MRT_ColumnDef<TData extends Record<string, any> = {}> = Omit
         text: string;
         value: string;
     })[];
-    filterVariant?: 'text' | 'select' | 'multiSelect' | 'range';
+    filterVariant?: 'text' | 'select' | 'multi-select' | 'range';
     /**
      * footer must be a string. If you want custom JSX to render the footer, you can also specify a `Footer` option. (Capital F)
      */

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

@@ -752,7 +752,7 @@ var getDefaultColumnOrderIds = function getDefaultColumnOrderIds(props) {
   }), getTrailingDisplayColumnIds(props)).filter(Boolean);
 };
 var getDefaultColumnFilterFn = function getDefaultColumnFilterFn(columnDef) {
-  if (columnDef.filterVariant === 'multiSelect') return 'arrIncludesSome';
+  if (columnDef.filterVariant === 'multi-select') return 'arrIncludesSome';
   if (columnDef.filterVariant === 'select') return 'equals';
   if (columnDef.filterVariant === 'range') return 'betweenInclusive';
   return 'fuzzy';
@@ -1151,7 +1151,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 +1163,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,
@@ -2178,8 +2178,8 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
 
   var isRangeFilter = columnDef.filterVariant === 'range' || rangeFilterIndex !== undefined;
   var isSelectFilter = columnDef.filterVariant === 'select';
-  var isMultiSelectFilter = columnDef.filterVariant === 'multiSelect';
-  var isTextboxFilter = !isSelectFilter && !isMultiSelectFilter;
+  var isMultiSelectFilter = columnDef.filterVariant === 'multi-select';
+  var isTextboxFilter = columnDef.filterVariant === 'text' || !isSelectFilter && !isMultiSelectFilter;
   var currentFilterOption = currentFilterFns == null ? void 0 : currentFilterFns[header.id];
   var filterId = "mrt-" + tableId + "-" + header.id + "-filter-text-field" + (rangeFilterIndex != null ? rangeFilterIndex : '');
   var filterChipLabel = ['empty', 'notEmpty'].includes(currentFilterOption) ? //@ts-ignore