material-react-table 0.6.3 → 0.6.4

package/dist/MaterialReactTable.d.ts

@@ -143,5 +143,5 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
         MRT_FullScreenToggleButton: FC<IconButtonProps>;
     }) => ReactNode;
 };
-declare const _default: <D extends {}>({ defaultColumn, filterTypes, globalFilter, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends {} = {}>({ defaultColumn, filterTypes, globalFilter, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/filtersFNs.d.ts

@@ -1,41 +1,41 @@
 import { MRT_Row } from '.';
-export declare const fuzzyFilterFN: {
+export declare const fuzzy: {
     (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const containsFilterFN: {
+export declare const contains: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const startsWithFilterFN: {
+export declare const startsWith: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const endsWithFilterFN: {
+export declare const endsWith: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const equalsFilterFN: {
+export declare const equals: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const notEqualsFilterFN: {
+export declare const notEquals: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const greaterThanFilterFN: {
+export declare const greaterThan: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const lessThanFilterFN: {
+export declare const lessThan: {
     (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const emptyFilterFN: {
+export declare const empty: {
     (rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
-export declare const notEmptyFilterFN: {
+export declare const notEmpty: {
     (rows: MRT_Row[], id: string, _filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };

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

@@ -190,7 +190,7 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
     return applyFiltersToColumns(props.columns);
   }, [props.columns, applyFiltersToColumns]);
   var data = React.useMemo(function () {
-    return !props.isLoading || !!props.data.length ? props.data : [].concat(Array(10)).map(function (_) {
+    return !props.isLoading || !!props.data.length ? props.data : [].concat(Array(10).fill(null)).map(function (_) {
       return Object.assign.apply(Object, [{}].concat(findLowestLevelCols(props.columns).map(function (c) {
         var _ref3;
 
@@ -267,7 +267,7 @@ var MRT_FILTER_TYPE;
   MRT_FILTER_TYPE["STARTS_WITH"] = "startsWith";
 })(MRT_FILTER_TYPE || (MRT_FILTER_TYPE = {}));
 
-var fuzzyFilterFN = function fuzzyFilterFN(rows, columnIds, filterValue) {
+var fuzzy = function fuzzy(rows, columnIds, filterValue) {
   return matchSorter.matchSorter(rows, filterValue.toString().trim(), {
     keys: Array.isArray(columnIds) ? columnIds.map(function (c) {
       return "values." + c;
@@ -278,111 +278,111 @@ var fuzzyFilterFN = function fuzzyFilterFN(rows, columnIds, filterValue) {
   });
 };
 
-fuzzyFilterFN.autoRemove = function (val) {
+fuzzy.autoRemove = function (val) {
   return !val;
 };
 
-var containsFilterFN = function containsFilterFN(rows, id, filterValue) {
+var contains = function contains(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
   });
 };
 
-containsFilterFN.autoRemove = function (val) {
+contains.autoRemove = function (val) {
   return !val;
 };
 
-var startsWithFilterFN = function startsWithFilterFN(rows, id, filterValue) {
+var startsWith = function startsWith(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
   });
 };
 
-startsWithFilterFN.autoRemove = function (val) {
+startsWith.autoRemove = function (val) {
   return !val;
 };
 
-var endsWithFilterFN = function endsWithFilterFN(rows, id, filterValue) {
+var endsWith = function endsWith(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
   });
 };
 
-endsWithFilterFN.autoRemove = function (val) {
+endsWith.autoRemove = function (val) {
   return !val;
 };
 
-var equalsFilterFN = function equalsFilterFN(rows, id, filterValue) {
+var equals = function equals(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
   });
 };
 
-equalsFilterFN.autoRemove = function (val) {
+equals.autoRemove = function (val) {
   return !val;
 };
 
-var notEqualsFilterFN = function notEqualsFilterFN(rows, id, filterValue) {
+var notEquals = function notEquals(rows, id, filterValue) {
   return rows.filter(function (row) {
     return row.values[id].toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
   });
 };
 
-notEqualsFilterFN.autoRemove = function (val) {
+notEquals.autoRemove = function (val) {
   return !val;
 };
 
-var greaterThanFilterFN = function greaterThanFilterFN(rows, id, filterValue) {
+var greaterThan = function greaterThan(rows, id, filterValue) {
   return rows.filter(function (row) {
     return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] > +filterValue : row.values[id].toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
   });
 };
 
-greaterThanFilterFN.autoRemove = function (val) {
+greaterThan.autoRemove = function (val) {
   return !val;
 };
 
-var lessThanFilterFN = function lessThanFilterFN(rows, id, filterValue) {
+var lessThan = function lessThan(rows, id, filterValue) {
   return rows.filter(function (row) {
     return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] < +filterValue : row.values[id].toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
   });
 };
 
-lessThanFilterFN.autoRemove = function (val) {
+lessThan.autoRemove = function (val) {
   return !val;
 };
 
-var emptyFilterFN = function emptyFilterFN(rows, id, _filterValue) {
+var empty = function empty(rows, id, _filterValue) {
   return rows.filter(function (row) {
     return !row.values[id].toString().toLowerCase().trim();
   });
 };
 
-emptyFilterFN.autoRemove = function (val) {
+empty.autoRemove = function (val) {
   return !val;
 };
 
-var notEmptyFilterFN = function notEmptyFilterFN(rows, id, _filterValue) {
+var notEmpty = function notEmpty(rows, id, _filterValue) {
   return rows.filter(function (row) {
     return !!row.values[id].toString().toLowerCase().trim();
   });
 };
 
-notEmptyFilterFN.autoRemove = function (val) {
+notEmpty.autoRemove = function (val) {
   return !val;
 };
 
 var defaultFilterFNs = {
-  contains: containsFilterFN,
-  empty: emptyFilterFN,
-  endsWith: endsWithFilterFN,
-  equals: equalsFilterFN,
-  fuzzy: fuzzyFilterFN,
-  greaterThan: greaterThanFilterFN,
-  lessThan: lessThanFilterFN,
-  notEmpty: notEmptyFilterFN,
-  notEquals: notEqualsFilterFN,
-  startsWith: startsWithFilterFN
+  contains: contains,
+  empty: empty,
+  endsWith: endsWith,
+  equals: equals,
+  fuzzy: fuzzy,
+  greaterThan: greaterThan,
+  lessThan: lessThan,
+  notEmpty: notEmpty,
+  notEquals: notEquals,
+  startsWith: startsWith
 };
 
 var commonMenuItemStyles = {
@@ -406,52 +406,52 @@ var MRT_FilterTypeMenu = function MRT_FilterTypeMenu(_ref) {
       type: MRT_FILTER_TYPE.FUZZY,
       label: localization.filterFuzzy,
       divider: false,
-      fn: fuzzyFilterFN
+      fn: fuzzy
     }, {
       type: MRT_FILTER_TYPE.CONTAINS,
       label: localization.filterContains,
       divider: true,
-      fn: containsFilterFN
+      fn: contains
     }, {
       type: MRT_FILTER_TYPE.STARTS_WITH,
       label: localization.filterStartsWith,
       divider: false,
-      fn: startsWithFilterFN
+      fn: startsWith
     }, {
       type: MRT_FILTER_TYPE.ENDS_WITH,
       label: localization.filterEndsWith,
       divider: true,
-      fn: endsWithFilterFN
+      fn: endsWith
     }, {
       type: MRT_FILTER_TYPE.EQUALS,
       label: localization.filterEquals,
       divider: false,
-      fn: equalsFilterFN
+      fn: equals
     }, {
       type: MRT_FILTER_TYPE.NOT_EQUALS,
       label: localization.filterNotEquals,
       divider: true,
-      fn: notEqualsFilterFN
+      fn: notEquals
     }, {
       type: MRT_FILTER_TYPE.GREATER_THAN,
       label: localization.filterGreaterThan,
       divider: false,
-      fn: greaterThanFilterFN
+      fn: greaterThan
     }, {
       type: MRT_FILTER_TYPE.LESS_THAN,
       label: localization.filterLessThan,
       divider: true,
-      fn: lessThanFilterFN
+      fn: lessThan
     }, {
       type: MRT_FILTER_TYPE.EMPTY,
       label: localization.filterEmpty,
       divider: false,
-      fn: emptyFilterFN
+      fn: empty
     }, {
       type: MRT_FILTER_TYPE.NOT_EMPTY,
       label: localization.filterNotEmpty,
       divider: false,
-      fn: notEmptyFilterFN
+      fn: notEmpty
     }];
   }, []);
 
@@ -503,7 +503,7 @@ var MRT_FilterTypeMenu = function MRT_FilterTypeMenu(_ref) {
 };
 
 var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
-  var _localization$filterB, _localization$clearFi, _column$filterSelectO;
+  var _localization$filterB, _localization$filterM, _localization$, _localization$clearFi, _column$filterSelectO;
 
   var column = _ref.column;
 
@@ -561,6 +561,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
     }));
   }
 
+  var filterId = "mrt-" + idPrefix + "-" + column.id + "-filter-text-field";
   var filterType = tableInstance.state.currentFilterTypes[column.id];
   var isSelectFilter = !!column.filterSelectOptions;
   var filterChipLabel = !(filterType instanceof Function) && [MRT_FILTER_TYPE.EMPTY, MRT_FILTER_TYPE.NOT_EMPTY].includes(filterType) ? //@ts-ignore
@@ -568,7 +569,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
   var filterPlaceholder = (_localization$filterB = localization.filterByColumn) == null ? void 0 : _localization$filterB.replace('{column}', String(column.Header));
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(material.TextField, Object.assign({
     fullWidth: true,
-    id: "mrt-" + idPrefix + "-" + column.id + "-filter-text-field",
+    id: filterId,
     inputProps: {
       disabled: !!filterChipLabel,
       sx: {
@@ -577,8 +578,11 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
       },
       title: filterPlaceholder
     },
-    helperText: filterType instanceof Function ? '' : localization.filterMode.replace('{filterType}', // @ts-ignore
-    localization["filter" + (filterType.charAt(0).toUpperCase() + filterType.slice(1))]),
+    helperText: React__default.createElement("label", {
+      htmlFor: filterId
+    }, filterType instanceof Function ? (_localization$filterM = localization.filterMode.replace('{filterType}', // @ts-ignore
+    (_localization$ = localization["filter" + (filterType.name.charAt(0).toUpperCase() + filterType.name.slice(1))]) != null ? _localization$ : '')) != null ? _localization$filterM : '' : localization.filterMode.replace('{filterType}', // @ts-ignore
+    localization["filter" + (filterType.charAt(0).toUpperCase() + filterType.slice(1))])),
     FormHelperTextProps: {
       sx: {
         fontSize: '0.6rem',
@@ -2978,7 +2982,7 @@ var MRT_TableContainer = function MRT_TableContainer() {
       height: fullScreen ? '100%' : undefined,
       left: fullScreen ? '0' : undefined,
       m: fullScreen ? '0' : undefined,
-      overflowY: 'hidden',
+      overflowY: !fullScreen ? 'hidden' : undefined,
       position: fullScreen ? 'fixed' : undefined,
       right: fullScreen ? '0' : undefined,
       top: fullScreen ? '0' : undefined,