@cutting/material-react-table 4.0.2 → 4.0.4

package/dist/index.esm.js

@@ -1,17 +1,15 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { Tooltip, Button, TextField, MenuItem, Box, TableCell, Skeleton, TableRow, Collapse, TableBody, Typography, IconButton, CircularProgress, FormControlLabel, Switch, Menu, Divider, ListItemIcon, TableFooter, Radio, Checkbox, Stack, Chip, Alert, AlertTitle, InputAdornment, Autocomplete, Slider, FormHelperText, Grow, Popover, Badge, TableSortLabel, TableHead, LinearProgress, InputLabel, Select, Pagination, PaginationItem, Fade, Dialog, DialogTitle, DialogContent, DialogActions, Table, TableContainer, Paper } from '@mui/material';
+import { Tooltip, Button, TextField, MenuItem, Box, TableCell, Skeleton, TableRow, Collapse, TableBody, Typography, IconButton, CircularProgress, FormControlLabel, Switch, Menu, Divider, ListItemIcon, TableFooter, Radio, Checkbox, Stack, Chip, Alert, AlertTitle, InputAdornment, Autocomplete, Slider, FormHelperText, Grow, Popover, Badge, TableSortLabel, TableHead, LinearProgress, useMediaQuery, InputLabel, Select, Pagination, PaginationItem, Fade, Dialog, DialogTitle, DialogContent, DialogActions, Table, TableContainer, Paper } from '@mui/material';
 import { useMemo, useCallback, useState, memo, useEffect, useRef, Fragment as Fragment$1, useId, useReducer, useLayoutEffect } from 'react';
 import { compareItems, rankItem, rankings } from '@tanstack/match-sorter-utils';
 import { sortingFns, flexRender as flexRender$1, createRow as createRow$1, aggregationFns, filterFns, getSortedRowModel, getPaginationRowModel, getGroupedRowModel, getFilteredRowModel, getFacetedUniqueValues, getFacetedRowModel, getFacetedMinMaxValues, getExpandedRowModel, getCoreRowModel, useReactTable } from '@tanstack/react-table';
 import { defaultRangeExtractor, useVirtualizer } from '@tanstack/react-virtual';
 import { alpha, darken, lighten, useTheme } from '@mui/material/styles';
-import highlightWords from 'highlight-words';
 import { debounce } from '@mui/material/utils';
 import { DatePicker } from '@mui/x-date-pickers/DatePicker';
 import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
 import { TimePicker } from '@mui/x-date-pickers/TimePicker';
 import { VisibilityOff, ViewColumn, SyncAlt, Sort, SearchOff, Search, Save, RestartAlt, PushPin, MoreVert, MoreHoriz, LastPage, KeyboardDoubleArrowDown, Fullscreen, FullscreenExit, FirstPage, FilterListOff, FilterList, FilterAlt, ExpandMore, Edit, DynamicFeed, DragHandle, DensitySmall, DensityMedium, DensityLarge, ContentCopy, Close, ClearAll, ChevronRight, ChevronLeft, Cancel, ArrowRight, ArrowDownward } from '@mui/icons-material';
-import useMediaQuery from '@mui/material/useMediaQuery';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -686,6 +684,37 @@ const MRT_EditCellTextField = (_a) => {
         }) })));
 };
 
+const escapeRegExp = (term) => term.replace(/[|\\{}()[\]^$+*?.-]/g, (char) => `\\${char}`);
+const termsToRegExpString = (terms) => terms.replace(/\s{2,}/g, ' ').split(' ').join('|');
+const buildRegExp = (terms, matchExactly) => {
+    const fromString = /^([/~@;%#'])(.*?)\1([gimsuy]*)$/.exec(terms);
+    if (fromString) {
+        return new RegExp(fromString[2], fromString[3]);
+    }
+    const escaped = escapeRegExp(terms.trim());
+    const pattern = matchExactly ? escaped : termsToRegExpString(escaped);
+    return new RegExp(`(${pattern})`, 'ig');
+};
+let uidCounter = 0;
+const uid = () => `mrt-hl-${(uidCounter += 1).toString(36)}`;
+const highlightWords = ({ matchExactly = false, query, text, }) => {
+    const safeQuery = typeof query === 'string' ? query.trim() : query;
+    if (safeQuery === '') {
+        return [{ key: uid(), match: false, text }];
+    }
+    const searchRegexp = buildRegExp(query, matchExactly);
+    return text
+        .split(searchRegexp)
+        .filter((str) => str.length > 0)
+        .map((str) => ({
+        key: uid(),
+        match: matchExactly
+            ? str.toLowerCase() === safeQuery.toLowerCase()
+            : searchRegexp.test(str),
+        text: str,
+    }));
+};
+
 const allowedTypes = ['string', 'number'];
 const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowIndex, table, }) => {
     var _a, _b, _c;
@@ -729,7 +758,7 @@ const MRT_TableBodyCellValue = ({ cell, rowRef, staticColumnIndex, staticRowInde
             (globalFilter &&
                 allowedTypes.includes(typeof globalFilter) &&
                 column.getCanGlobalFilter()))) {
-        const chunks = highlightWords === null || highlightWords === void 0 ? void 0 : highlightWords({
+        const chunks = highlightWords({
             matchExactly: (filterValue ? columnDef._filterFn : globalFilterFn) !== 'fuzzy',
             query: ((_a = filterValue !== null && filterValue !== void 0 ? filterValue : globalFilter) !== null && _a !== void 0 ? _a : '').toString(),
             text: renderedCellValue === null || renderedCellValue === void 0 ? void 0 : renderedCellValue.toString(),