material-react-table 3.0.0-rc.0 → 3.0.1

package/dist/index.js

@@ -54,7 +54,6 @@ var ViewColumnIcon = require('@mui/icons-material/ViewColumn');
 var VisibilityOffIcon = require('@mui/icons-material/VisibilityOff');
 var reactVirtual = require('@tanstack/react-virtual');
 var Paper = require('@mui/material/Paper');
-var FocusTrap = require('@mui/material/Unstable_TrapFocus/FocusTrap');
 var TableContainer = require('@mui/material/TableContainer');
 var Table = require('@mui/material/Table');
 var TableBody = require('@mui/material/TableBody');
@@ -145,7 +144,6 @@ var SyncAltIcon__default = /*#__PURE__*/_interopDefaultLegacy(SyncAltIcon);
 var ViewColumnIcon__default = /*#__PURE__*/_interopDefaultLegacy(ViewColumnIcon);
 var VisibilityOffIcon__default = /*#__PURE__*/_interopDefaultLegacy(VisibilityOffIcon);
 var Paper__default = /*#__PURE__*/_interopDefaultLegacy(Paper);
-var FocusTrap__default = /*#__PURE__*/_interopDefaultLegacy(FocusTrap);
 var TableContainer__default = /*#__PURE__*/_interopDefaultLegacy(TableContainer);
 var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
 var TableBody__default = /*#__PURE__*/_interopDefaultLegacy(TableBody);
@@ -4004,7 +4002,7 @@ const MRT_TablePagination = (_a) => {
     const theme = styles.useTheme();
     const isMobile = useMediaQuery__default["default"]('(max-width: 720px)');
     const { getState, options: { enableToolbarInternalActions, icons: { ChevronLeftIcon, ChevronRightIcon, FirstPageIcon, LastPageIcon }, id, localization, muiPaginationProps, paginationDisplayMode, }, } = table;
-    const { pagination: { pageIndex = 0, pageSize = 10 }, showGlobalFilter, } = getState();
+    const { pagination: { pageIndex = 0, pageSize = 10 }, } = getState();
     const paginationProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiPaginationProps, {
         table,
     })), rest);
@@ -4027,9 +4025,7 @@ const MRT_TablePagination = (_a) => {
             gap: '8px',
             justifyContent: { md: 'space-between', sm: 'center' },
             justifySelf: 'flex-end',
-            mt: position === 'top' &&
-                enableToolbarInternalActions &&
-                !showGlobalFilter
+            mt: position === 'top' && enableToolbarInternalActions
                 ? '3rem'
                 : undefined,
             position: 'relative',
@@ -4407,30 +4403,30 @@ const MRT_TablePaper = (_a) => {
     const { isFullScreen } = getState();
     const paperProps = Object.assign(Object.assign({}, parseFromValuesOrFunc(muiTablePaperProps, { table })), rest);
     const theme = styles.useTheme();
-    return (jsxRuntime.jsx(FocusTrap__default["default"], { open: isFullScreen, children: jsxRuntime.jsxs(Paper__default["default"], Object.assign({ elevation: 2, onKeyDown: (e) => e.key === 'Escape' && table.setIsFullScreen(false) }, paperProps, { ref: (ref) => {
-                tablePaperRef.current = ref;
-                if (paperProps === null || paperProps === void 0 ? void 0 : paperProps.ref) {
-                    //@ts-ignore
-                    paperProps.ref.current = ref;
-                }
-            }, style: Object.assign(Object.assign({}, (isFullScreen
-                ? {
-                    bottom: 0,
-                    height: '100dvh',
-                    left: 0,
-                    margin: 0,
-                    maxHeight: '100dvh',
-                    maxWidth: '100dvw',
-                    padding: 0,
-                    position: 'fixed',
-                    right: 0,
-                    top: 0,
-                    width: '100dvw',
-                    zIndex: theme.zIndex.modal,
-                }
-                : {})), paperProps === null || paperProps === void 0 ? void 0 : paperProps.style), sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, backgroundImage: 'unset', overflow: 'hidden', transition: 'all 100ms ease-in-out' }, parseFromValuesOrFunc(paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx, theme))), children: [enableTopToolbar &&
-                    ((_b = parseFromValuesOrFunc(renderTopToolbar, { table })) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(MRT_TopToolbar, { table: table }))), jsxRuntime.jsx(MRT_TableContainer, { table: table }), enableBottomToolbar &&
-                    ((_c = parseFromValuesOrFunc(renderBottomToolbar, { table })) !== null && _c !== void 0 ? _c : (jsxRuntime.jsx(MRT_BottomToolbar, { table: table })))] })) }));
+    return (jsxRuntime.jsxs(Paper__default["default"], Object.assign({ elevation: 2, onKeyDown: (e) => e.key === 'Escape' && table.setIsFullScreen(false) }, paperProps, { ref: (ref) => {
+            tablePaperRef.current = ref;
+            if (paperProps === null || paperProps === void 0 ? void 0 : paperProps.ref) {
+                //@ts-ignore
+                paperProps.ref.current = ref;
+            }
+        }, style: Object.assign(Object.assign({}, (isFullScreen
+            ? {
+                bottom: 0,
+                height: '100dvh',
+                left: 0,
+                margin: 0,
+                maxHeight: '100dvh',
+                maxWidth: '100dvw',
+                padding: 0,
+                position: 'fixed',
+                right: 0,
+                top: 0,
+                width: '100dvw',
+                zIndex: theme.zIndex.modal,
+            }
+            : {})), paperProps === null || paperProps === void 0 ? void 0 : paperProps.style), sx: (theme) => (Object.assign({ backgroundColor: baseBackgroundColor, backgroundImage: 'unset', overflow: 'hidden', transition: 'all 100ms ease-in-out' }, parseFromValuesOrFunc(paperProps === null || paperProps === void 0 ? void 0 : paperProps.sx, theme))), children: [enableTopToolbar &&
+                ((_b = parseFromValuesOrFunc(renderTopToolbar, { table })) !== null && _b !== void 0 ? _b : (jsxRuntime.jsx(MRT_TopToolbar, { table: table }))), jsxRuntime.jsx(MRT_TableContainer, { table: table }), enableBottomToolbar &&
+                ((_c = parseFromValuesOrFunc(renderBottomToolbar, { table })) !== null && _c !== void 0 ? _c : (jsxRuntime.jsx(MRT_BottomToolbar, { table: table })))] })));
 };
 
 const isTableInstanceProp = (props) => props.table !== undefined;