@cutting/material-react-table 4.0.2 → 4.0.4

package/dist/index.js

@@ -7,13 +7,11 @@ var matchSorterUtils = require('@tanstack/match-sorter-utils');
 var reactTable = require('@tanstack/react-table');
 var reactVirtual = require('@tanstack/react-virtual');
 var styles = require('@mui/material/styles');
-var highlightWords = require('highlight-words');
 var utils = require('@mui/material/utils');
 var DatePicker = require('@mui/x-date-pickers/DatePicker');
 var DateTimePicker = require('@mui/x-date-pickers/DateTimePicker');
 var TimePicker = require('@mui/x-date-pickers/TimePicker');
 var iconsMaterial = require('@mui/icons-material');
-var useMediaQuery = require('@mui/material/useMediaQuery');
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -688,6 +686,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;
@@ -731,7 +760,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(),
@@ -3910,7 +3939,7 @@ const defaultRowsPerPage = [5, 10, 15, 20, 25, 30, 50, 100];
 const MRT_TablePagination = (_a) => {
     var { position = 'bottom', table } = _a, rest = __rest(_a, ["position", "table"]);
     const theme = styles.useTheme();
-    const isMobile = useMediaQuery('(max-width: 720px)');
+    const isMobile = material.useMediaQuery('(max-width: 720px)');
     const { getState, options: { enableToolbarInternalActions, icons: { ChevronLeftIcon, ChevronRightIcon, FirstPageIcon, LastPageIcon }, id, localization, muiPaginationProps, paginationDisplayMode, }, } = table;
     const { pagination: { pageIndex = 0, pageSize = 10 }, } = getState();
     const paginationProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiPaginationProps, {
@@ -3991,7 +4020,7 @@ const MRT_BottomToolbar = (_a) => {
     var { table } = _a, rest = __rest(_a, ["table"]);
     const { getState, options: { enablePagination, muiBottomToolbarProps, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderBottomToolbarCustomActions, }, refs: { bottomToolbarRef }, } = table;
     const { isFullScreen } = getState();
-    const isMobile = useMediaQuery('(max-width:720px)');
+    const isMobile = material.useMediaQuery('(max-width:720px)');
     const toolbarProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiBottomToolbarProps, { table })), rest);
     const stackAlertBanner = isMobile || !!renderBottomToolbarCustomActions;
     return (jsxRuntime.jsxs(material.Box, Object.assign({}, toolbarProps, { ref: (node) => {
@@ -4036,8 +4065,8 @@ const MRT_TopToolbar = ({ table, }) => {
     var _a;
     const { getState, options: { enableGlobalFilter, enablePagination, enableToolbarInternalActions, muiTopToolbarProps, positionGlobalFilter, positionPagination, positionToolbarAlertBanner, positionToolbarDropZone, renderTopToolbarCustomActions, }, refs: { topToolbarRef }, } = table;
     const { isFullScreen, showGlobalFilter } = getState();
-    const isMobile = useMediaQuery('(max-width:720px)');
-    const isTablet = useMediaQuery('(max-width:1024px)');
+    const isMobile = material.useMediaQuery('(max-width:720px)');
+    const isTablet = material.useMediaQuery('(max-width:1024px)');
     const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });
     const stackAlertBanner = isMobile ||
         !!renderTopToolbarCustomActions ||