material-react-table 1.4.1 → 1.4.3

package/dist/cjs/index.js

@@ -58,7 +58,7 @@ var useMediaQuery = require('@mui/material/useMediaQuery');
 var Collapse = require('@mui/material/Collapse');
 var InputAdornment = require('@mui/material/InputAdornment');
 var TextField = require('@mui/material/TextField');
-var debounce = require('@mui/material/utils/debounce');
+var utils = require('@mui/material/utils');
 var LinearProgress = require('@mui/material/LinearProgress');
 var TablePagination = require('@mui/material/TablePagination');
 var Alert = require('@mui/material/Alert');
@@ -135,7 +135,6 @@ var useMediaQuery__default = /*#__PURE__*/_interopDefaultLegacy(useMediaQuery);
 var Collapse__default = /*#__PURE__*/_interopDefaultLegacy(Collapse);
 var InputAdornment__default = /*#__PURE__*/_interopDefaultLegacy(InputAdornment);
 var TextField__default = /*#__PURE__*/_interopDefaultLegacy(TextField);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
 var LinearProgress__default = /*#__PURE__*/_interopDefaultLegacy(LinearProgress);
 var TablePagination__default = /*#__PURE__*/_interopDefaultLegacy(TablePagination);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
@@ -1156,7 +1155,7 @@ const MRT_GlobalFilterTextField = ({ table, }) => {
         : muiSearchTextFieldProps;
     const [anchorEl, setAnchorEl] = React.useState(null);
     const [searchValue, setSearchValue] = React.useState(globalFilter !== null && globalFilter !== void 0 ? globalFilter : '');
-    const handleChangeDebounced = React.useCallback(debounce__default["default"]((event) => {
+    const handleChangeDebounced = React.useCallback(utils.debounce((event) => {
         var _a;
         setGlobalFilter((_a = event.target.value) !== null && _a !== void 0 ? _a : undefined);
     }, manualFiltering ? 500 : 250), []);
@@ -1527,7 +1526,7 @@ const MRT_TableHeadCellColumnActionsButton = ({ header, table, }) => {
 };
 
 const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     const { options: { enableColumnFilterModes, columnFilterModeOptions, icons: { FilterListIcon, CloseIcon }, localization, manualFiltering, muiTableHeadCellFilterTextFieldProps, }, refs: { filterInputRefs }, setColumnFilterFns, } = table;
     const { column } = header;
     const { columnDef } = column;
@@ -1558,13 +1557,13 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 (currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.slice(1))}`]
         : '';
     const filterPlaceholder = !isRangeFilter
-        ? (_c = localization.filterByColumn) === null || _c === void 0 ? void 0 : _c.replace('{column}', String(columnDef.header))
+        ? (_c = textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.placeholder) !== null && _c !== void 0 ? _c : (_d = localization.filterByColumn) === null || _d === void 0 ? void 0 : _d.replace('{column}', String(columnDef.header))
         : rangeFilterIndex === 0
             ? localization.min
             : rangeFilterIndex === 1
                 ? localization.max
                 : '';
-    const allowedColumnFilterOptions = (_d = columnDef === null || columnDef === void 0 ? void 0 : columnDef.columnFilterModeOptions) !== null && _d !== void 0 ? _d : columnFilterModeOptions;
+    const allowedColumnFilterOptions = (_e = columnDef === null || columnDef === void 0 ? void 0 : columnDef.columnFilterModeOptions) !== null && _e !== void 0 ? _e : columnFilterModeOptions;
     const showChangeModeButton = enableColumnFilterModes &&
         columnDef.enableColumnFilterModes !== false &&
         !rangeFilterIndex &&
@@ -1579,7 +1578,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 ? ((_a = column.getFilterValue()) === null || _a === void 0 ? void 0 : _a[rangeFilterIndex]) || []
                 : (_b = column.getFilterValue()) !== null && _b !== void 0 ? _b : '';
     });
-    const handleChangeDebounced = React.useCallback(debounce__default["default"]((event) => {
+    const handleChangeDebounced = React.useCallback(utils.debounce((event) => {
         const value = textFieldProps.type === 'date'
             ? event.target.valueAsDate
             : textFieldProps.type === 'number'
@@ -1634,7 +1633,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
         isMounted.current = true;
     }, [column.getFilterValue()]);
     if (columnDef.Filter) {
-        return (React__default["default"].createElement(React__default["default"].Fragment, null, (_e = columnDef.Filter) === null || _e === void 0 ? void 0 : _e.call(columnDef, { column, header, rangeFilterIndex, table })));
+        return (React__default["default"].createElement(React__default["default"].Fragment, null, (_f = columnDef.Filter) === null || _f === void 0 ? void 0 : _f.call(columnDef, { column, header, rangeFilterIndex, table })));
     }
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(TextField__default["default"], Object.assign({ fullWidth: true, inputProps: {
@@ -1646,7 +1645,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 title: filterPlaceholder,
             }, helperText: showChangeModeButton ? (React__default["default"].createElement("label", null, localization.filterMode.replace('{filterType}', 
             // @ts-ignore
-            localization[`filter${((_f = currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.charAt(0)) === null || _f === void 0 ? void 0 : _f.toUpperCase()) +
+            localization[`filter${((_g = currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.charAt(0)) === null || _g === void 0 ? void 0 : _g.toUpperCase()) +
                 (currentFilterOption === null || currentFilterOption === void 0 ? void 0 : currentFilterOption.slice(1))}`]))) : null, FormHelperTextProps: {
                 sx: {
                     fontSize: '0.75rem',
@@ -1663,7 +1662,7 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                                 React__default["default"].createElement(FilterListIcon, null)))),
                     filterChipLabel && (React__default["default"].createElement(Chip__default["default"], { onDelete: handleClearEmptyFilterChip, label: filterChipLabel })))) : null,
                 endAdornment: !filterChipLabel && (React__default["default"].createElement(InputAdornment__default["default"], { position: "end" },
-                    React__default["default"].createElement(Tooltip__default["default"], { arrow: true, placement: "right", title: (_g = localization.clearFilter) !== null && _g !== void 0 ? _g : '' },
+                    React__default["default"].createElement(Tooltip__default["default"], { arrow: true, placement: "right", title: (_h = localization.clearFilter) !== null && _h !== void 0 ? _h : '' },
                         React__default["default"].createElement("span", null,
                             React__default["default"].createElement(IconButton__default["default"], { "aria-label": localization.clearFilter, disabled: !(filterValue === null || filterValue === void 0 ? void 0 : filterValue.length), onClick: handleClear, size: "small", sx: {
                                     height: '1.75rem',
@@ -1700,8 +1699,8 @@ const MRT_FilterTextField = ({ header, rangeFilterIndex, table, }) => {
                 ? textFieldProps.sx(theme)
                 : textFieldProps === null || textFieldProps === void 0 ? void 0 : textFieldProps.sx))) }),
             (isSelectFilter || isMultiSelectFilter) && (React__default["default"].createElement(MenuItem__default["default"], { divider: true, disabled: true, hidden: true, value: "" },
-                React__default["default"].createElement(Box__default["default"], { sx: { opacity: 0.5 } }, filterPlaceholder))), (_h = columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterSelectOptions) === null || _h === void 0 ? void 0 :
-            _h.map((option) => {
+                React__default["default"].createElement(Box__default["default"], { sx: { opacity: 0.5 } }, filterPlaceholder))), (_j = columnDef === null || columnDef === void 0 ? void 0 : columnDef.filterSelectOptions) === null || _j === void 0 ? void 0 :
+            _j.map((option) => {
                 var _a;
                 let value;
                 let text;
@@ -2442,9 +2441,9 @@ const MRT_TableBody = ({ table }) => {
         virtualizerInstanceRef.current = virtualizer;
     }
     const virtualRows = virtualizer ? virtualizer.getVirtualItems() : undefined;
-    return (React__default["default"].createElement(TableBody__default["default"], Object.assign({}, tableBodyProps, { sx: (theme) => (Object.assign({ display: layoutMode === 'grid' ? 'grid' : 'table-row-group', height: virtualizer ? `${virtualizer.getTotalSize()}px` : 'inherit', position: 'relative' }, ((tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx) instanceof Function
+    return (React__default["default"].createElement(TableBody__default["default"], Object.assign({}, tableBodyProps, { sx: (theme) => (Object.assign({ display: layoutMode === 'grid' ? 'grid' : 'table-row-group', height: virtualizer ? `${virtualizer.getTotalSize()}px` : 'inherit', minHeight: !rows.length ? '100px' : undefined, position: 'relative' }, ((tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx) instanceof Function
             ? tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx(theme)
-            : tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx))) }), ((_a = tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.children) !== null && _a !== void 0 ? _a : !rows.length) ? (React__default["default"].createElement("tr", { style: { display: layoutMode === 'grid' ? 'grid' : 'table-row' } },
+            : tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.sx))) }), (_a = tableBodyProps === null || tableBodyProps === void 0 ? void 0 : tableBodyProps.children) !== null && _a !== void 0 ? _a : (!rows.length ? (React__default["default"].createElement("tr", { style: { display: layoutMode === 'grid' ? 'grid' : 'table-row' } },
         React__default["default"].createElement("td", { colSpan: table.getVisibleLeafColumns().length, style: { display: layoutMode === 'grid' ? 'grid' : 'table-cell' } },
             React__default["default"].createElement(Typography__default["default"], { sx: {
                     color: 'text.secondary',
@@ -2473,7 +2472,7 @@ const MRT_TableBody = ({ table }) => {
                 : undefined,
         };
         return memoMode === 'rows' ? (React__default["default"].createElement(Memo_MRT_TableBodyRow, Object.assign({}, props))) : (React__default["default"].createElement(MRT_TableBodyRow, Object.assign({}, props)));
-    })))));
+    }))))));
 };
 const Memo_MRT_TableBody = React.memo(MRT_TableBody, (prev, next) => prev.table.options.data === next.table.options.data);