argous 1.2.247 → 1.3.3

package/dist/components/ArgousComplexPagination/ArgousComplexPagination.js

@@ -26,66 +26,91 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
+var clsx_1 = require("clsx");
 var react_1 = __importStar(require("react"));
 var md_1 = require("react-icons/md");
-var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
-    pagination: {
-        display: 'flex',
-        flexDirection: 'row-reverse',
-        color: theme.palette.text.primary,
-        fontSize: theme.typography.pxToRem(14),
-        overflow: 'auto',
-        '&:last-child': {
-            padding: 0,
+var classes = {
+    pagination: 'argous-complex-pagination-pagination',
+    toolbar: 'argous-complex-pagination-toolbar',
+    spacer: 'argous-complex-pagination-spacer',
+    caption: 'argous-complex-pagination-caption',
+    selectRoot: 'argous-complex-pagination-select-root',
+    select: 'argous-complex-pagination-select',
+    selectIcon: 'argous-complex-pagination-select-icon',
+    input: 'argous-complex-pagination-input',
+    menuItem: 'argous-complex-pagination-menu-item',
+    actions: 'argous-complex-pagination-actions',
+    paginationActions: 'argous-complex-pagination-pagination-actions',
+};
+var paginationStyles = function (theme) {
+    var _a;
+    return (_a = {},
+        _a[".".concat(classes.pagination)] = {
+            display: 'flex',
+            flexDirection: 'row-reverse',
+            color: theme.palette.text.primary,
+            fontSize: theme.typography.pxToRem(14),
+            overflow: 'auto',
+            '&:last-child': {
+                padding: 0,
+            },
+        },
+        _a[".".concat(classes.toolbar)] = {
+            minHeight: 52,
+            paddingRight: 2,
+        },
+        _a[".".concat(classes.spacer)] = {
+            flex: '1 1 100%',
         },
-    },
-    toolbar: {
-        minHeight: 52,
-        paddingRight: 2,
-    },
-    spacer: {
-        flex: '1 1 100%',
-    },
-    caption: {
-        flexShrink: 0,
-    },
-    selectRoot: {
-        marginRight: 32,
-        marginLeft: 8,
-    },
-    select: {
-        paddingLeft: 8,
-        paddingRight: 24,
-        textAlign: 'right',
-        textAlignLast: 'right',
-    },
-    input: {
-        color: 'inherit',
-        fontSize: 'inherit',
-        flexShrink: 0,
-    },
-    actions: {
-        flexShrink: 0,
-        marginLeft: 20,
-    },
-    paginationActions: {
-        flexShrink: 0,
-        marginLeft: theme.spacing(2.5),
-    },
-}); });
+        _a[".".concat(classes.caption)] = {
+            flexShrink: 0,
+        },
+        _a[".".concat(classes.selectRoot)] = {
+            marginRight: 32,
+            marginLeft: 8,
+        },
+        _a[".".concat(classes.select)] = {
+            paddingLeft: 8,
+            paddingRight: 24,
+            textAlign: 'right',
+            textAlignLast: 'right',
+        },
+        _a[".".concat(classes.selectIcon)] = {},
+        _a[".".concat(classes.input)] = {
+            color: 'inherit',
+            fontSize: 'inherit',
+            flexShrink: 0,
+        },
+        _a[".".concat(classes.menuItem)] = {},
+        _a[".".concat(classes.actions)] = {
+            flexShrink: 0,
+            marginLeft: 20,
+        },
+        _a[".".concat(classes.paginationActions)] = {
+            flexShrink: 0,
+            marginLeft: theme.spacing(2.5),
+        },
+        _a);
+};
 var handleChangePgAtual = function (value, pages) {
     if (value < 1)
         return 0;
@@ -95,29 +120,31 @@ var handleChangePgAtual = function (value, pages) {
 };
 var DefaultLabelDisplayedRows = function (_a) {
     var pages = _a.pages, page = _a.page, onChangePage = _a.onChangePage, from = _a.from, to = _a.to, count = _a.count, showCount = _a.showCount;
-    return react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(core_1.Box, { padding: '1px 0px', display: 'inline' },
-            react_1.default.createElement(core_1.InputBase, { inputProps: { type: 'number', min: 1, max: pages || 1, value: page + 1 }, onChange: function (e) { return onChangePage(e, handleChangePgAtual(e.target.value, pages)); } }), " / ".concat(pages || 1)),
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Box, { sx: {
+                padding: '1px 0px',
+                display: 'inline'
+            } },
+            react_1.default.createElement(material_1.InputBase, { inputProps: { type: 'number', min: 1, max: pages || 1, value: page + 1 }, onChange: function (e) { return onChangePage(e, handleChangePgAtual(e.target.value, pages)); } }), " / ".concat(pages || 1)),
         showCount && react_1.default.createElement("div", { style: { display: 'inline', marginLeft: '10px', paddingLeft: '10px' } },
             from,
             " a ",
             to,
             " de ",
-            count));
+            count)));
 };
 var TablePaginationActions = (0, react_1.memo)(function (_a) {
     var count = _a.count, page = _a.page, rowsPerPage = _a.rowsPerPage, onChangePage = _a.onChangePage;
-    var classes = useStyles();
-    var theme = (0, core_1.useTheme)();
+    var theme = (0, material_1.useTheme)();
     var handleFirstPageButtonClick = function (e) { return onChangePage(e, 0); };
     var handleBackButtonClick = function (e) { return onChangePage(e, page - 1); };
     var handleNextButtonClick = function (e) { return onChangePage(e, page + 1); };
     var handleLastPageButtonClick = function (e) { return onChangePage(e, Math.max(0, Math.ceil(count / rowsPerPage) - 1)); };
     return (react_1.default.createElement("div", { className: classes.paginationActions },
-        react_1.default.createElement(core_1.IconButton, { onClick: handleFirstPageButtonClick, disabled: page === 0 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdLastPage, null) : react_1.default.createElement(md_1.MdFirstPage, null)),
-        react_1.default.createElement(core_1.IconButton, { onClick: handleBackButtonClick, disabled: page === 0 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdKeyboardArrowRight, null) : react_1.default.createElement(md_1.MdKeyboardArrowLeft, null)),
-        react_1.default.createElement(core_1.IconButton, { onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdKeyboardArrowLeft, null) : react_1.default.createElement(md_1.MdKeyboardArrowRight, null)),
-        react_1.default.createElement(core_1.IconButton, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdFirstPage, null) : react_1.default.createElement(md_1.MdLastPage, null))));
+        react_1.default.createElement(material_1.IconButton, { onClick: handleFirstPageButtonClick, disabled: page === 0 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdLastPage, null) : react_1.default.createElement(md_1.MdFirstPage, null)),
+        react_1.default.createElement(material_1.IconButton, { onClick: handleBackButtonClick, disabled: page === 0 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdKeyboardArrowRight, null) : react_1.default.createElement(md_1.MdKeyboardArrowLeft, null)),
+        react_1.default.createElement(material_1.IconButton, { onClick: handleNextButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdKeyboardArrowLeft, null) : react_1.default.createElement(md_1.MdKeyboardArrowRight, null)),
+        react_1.default.createElement(material_1.IconButton, { onClick: handleLastPageButtonClick, disabled: page >= Math.ceil(count / rowsPerPage) - 1 }, theme.direction === 'rtl' ? react_1.default.createElement(md_1.MdFirstPage, null) : react_1.default.createElement(md_1.MdLastPage, null))));
 });
 var ArgousComplexPagination = (0, react_1.memo)(function (_a) {
     var _b = _a.ActionsComponent, ActionsComponent = _b === void 0 ? TablePaginationActions : _b, 
@@ -127,26 +154,25 @@ var ArgousComplexPagination = (0, react_1.memo)(function (_a) {
     // nextIconButtonProps,
     // nextIconButtonText = 'Próxima Página',
     onChangePage = _a.onChangePage, onChangeRowsPerPage = _a.onChangeRowsPerPage, page = _a.page, rowsPerPage = _a.rowsPerPage, _e = _a.rowsPerPageOptions, rowsPerPageOptions = _e === void 0 ? [10, 25, 50, 100] : _e, _f = _a.SelectProps, SelectProps = _f === void 0 ? {} : _f, showCount = _a.showCount;
-    var classes = useStyles();
-    var MenuItemComponent = SelectProps.native ? 'option' : core_1.MenuItem;
-    return (react_1.default.createElement("div", { className: (0, clsx_1.default)(classes.pagination, className) },
-        react_1.default.createElement(core_1.Toolbar, { className: classes.toolbar },
+    var MenuItemComponent = SelectProps.native ? 'option' : material_1.MenuItem;
+    return (react_1.default.createElement("div", { className: (0, clsx_1.clsx)(classes.pagination, className) },
+        react_1.default.createElement(material_1.GlobalStyles, { styles: paginationStyles }),
+        react_1.default.createElement(material_1.Toolbar, { className: classes.toolbar },
             react_1.default.createElement("div", { className: classes.spacer }),
-            rowsPerPageOptions.length > 1 && (react_1.default.createElement(core_1.Typography, { color: 'inherit', variant: 'body2', className: classes.caption }, labelRowsPerPage)),
-            rowsPerPageOptions.length > 1 && (react_1.default.createElement(core_1.Select, __assign({ classes: {
+            rowsPerPageOptions.length > 1 && (react_1.default.createElement(material_1.Typography, { variant: 'body2', className: classes.caption, sx: {
+                    color: 'inherit'
+                } }, labelRowsPerPage)),
+            rowsPerPageOptions.length > 1 && (react_1.default.createElement(material_1.Select, __assign({ classes: {
                     select: classes.select,
                     icon: classes.selectIcon,
-                }, input: react_1.default.createElement(core_1.InputBase, { className: (0, clsx_1.default)(classes.input, classes.selectRoot) }), value: rowsPerPage, onChange: onChangeRowsPerPage }, SelectProps), rowsPerPageOptions.map(function (rowsPerPageOption) { return (react_1.default.createElement(MenuItemComponent, { className: classes.menuItem, key: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption, value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption }, rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption)); }))),
-            react_1.default.createElement(core_1.Typography, { color: 'inherit', variant: 'body2', component: 'div', className: classes.caption },
-                react_1.default.createElement(LabelDisplayedRows, __assign({}, {
-                    pages: Math.ceil(count / parseInt(rowsPerPage, 10)),
+                }, input: react_1.default.createElement(material_1.InputBase, { className: (0, clsx_1.clsx)(classes.input, classes.selectRoot) }), value: rowsPerPage, onChange: onChangeRowsPerPage }, SelectProps), rowsPerPageOptions.map(function (rowsPerPageOption) { return (react_1.default.createElement(MenuItemComponent, { className: classes.menuItem, key: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption, value: rowsPerPageOption.value ? rowsPerPageOption.value : rowsPerPageOption }, rowsPerPageOption.label ? rowsPerPageOption.label : rowsPerPageOption)); }))),
+            react_1.default.createElement(material_1.Typography, { variant: 'body2', component: 'div', className: classes.caption, sx: {
+                    color: 'inherit'
+                } },
+                react_1.default.createElement(LabelDisplayedRows, { pages: Math.ceil(count / parseInt(rowsPerPage, 10)),
                     from: count === 0 ? 0 : page * rowsPerPage + 1,
                     to: count !== -1 ? Math.min(count, (page + 1) * rowsPerPage) : (page + 1) * rowsPerPage,
-                    count: count === -1 ? -1 : count,
-                    page: page,
-                    onChangePage: onChangePage,
-                    showCount: showCount
-                }))),
+                    count: count === -1 ? -1 : count, page: page, onChangePage: onChangePage, showCount: showCount })),
             react_1.default.createElement(ActionsComponent, { className: classes.actions, 
                 // backIconButtonProps={{
                 //   title: backIconButtonText,

package/dist/components/ArgousComplexTable/ArgousComplexTable.d.ts

@@ -2,7 +2,7 @@ import { ArgousComplexPaginationPrivateProps, ArgousComplexPaginationProps } fro
 import { ArgousComplexTableBodyPrivateProps, ArgousComplexTableBodyProps } from '../ArgousComplexTableBody/ArgousComplexTableBody';
 import { ArgousComplexTableHeadPrivateProps, ArgousComplexTableHeadProps } from '../ArgousComplexTableHead/ArgousComplexTableHead';
 import { ArgousComplexTableToolBarPrivateProps, ArgousComplexTableToolBarProps } from '../ArgousComplexTableToolbar/ArgousComplexTableToolBar';
-import { TableContainerProps, TableProps } from '@material-ui/core';
+import { TableContainerProps, TableProps } from '@mui/material';
 import React from 'react';
 
 export interface ArgousComplexTableProps extends ArgousComplexTableBodyProps, ArgousComplexPaginationProps, ArgousComplexPaginationProps, ArgousComplexTableHeadProps, ArgousComplexTableToolBarProps {

package/dist/components/ArgousComplexTable/ArgousComplexTable.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -43,8 +53,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -86,22 +96,20 @@ exports.TableContext = void 0;
 var __1 = require("../");
 var fieldsRedux_1 = require("../../fieldsRedux");
 var api_1 = require("../../utils/api");
-var core_1 = require("@material-ui/core");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
 var moment_1 = __importDefault(require("moment"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var useStyles = (0, core_1.makeStyles)({
-    root: {
-        '& [class*="smooth-dnd-container"]': {
-            display: 'table-row-group'
-        },
-        '& [class*="smooth-dnd-draggable-wrapper"]': {
-            display: 'table-row !important'
-        }
+var rootSx = {
+    '& [class*="smooth-dnd-container"]': {
+        display: 'table-row-group'
+    },
+    '& [class*="smooth-dnd-draggable-wrapper"]': {
+        display: 'table-row !important'
     }
-});
+};
+var normalizeSx = function (sx) { return sx ? (Array.isArray(sx) ? sx : [sx]) : []; };
 exports.TableContext = (0, react_1.createContext)();
 var ehData = function (valor) {
     var retorno = function (format) { return (0, moment_1.default)(valor, format).format('YYYYMMDDHHmmss'); };
@@ -179,7 +187,6 @@ var initialState = function (defaultRowsPerPage) { return ({
 }); };
 var ArgousComplexTable = (0, react_1.forwardRef)(function (_a, ref) {
     var _b = _a.ToolbarComponent, ToolbarComponent = _b === void 0 ? __1.ArgousComplexTableToolbar : _b, _c = _a.HeadComponent, HeadComponent = _c === void 0 ? __1.ArgousComplexTableHead : _c, _d = _a.BodyComponent, BodyComponent = _d === void 0 ? __1.ArgousComplexTableBody : _d, _e = _a.PaginationComponent, PaginationComponent = _e === void 0 ? __1.ArgousComplexPagination : _e, _f = _a.FooterComponent, FooterComponent = _f === void 0 ? undefined : _f, footerProps = _a.footerProps, dados = _a.dados, _g = _a.head, head = _g === void 0 ? [] : _g, _h = _a.line, line = _h === void 0 ? function (i) { return i; } : _h, actions = _a.actions, title = _a.title, _j = _a.defaultRowsPerPage, defaultRowsPerPage = _j === void 0 ? 10 : _j, _k = _a.rowsPerPageOptions, rowsPerPageOptions = _k === void 0 ? [10, 25, 50] : _k, checkEnabled = _a.enableCheck, disableCheckIf = _a.disableCheckIf, showCount = _a.showCount, lineStyle = _a.lineStyle, _l = _a.lineClass, lineClass = _l === void 0 ? function () { return undefined; } : _l, onClick = _a.onClick, onDoubleClick = _a.onDoubleClick, _m = _a.children, children = _m === void 0 ? undefined : _m, style = _a.style, className = _a.className, columnStyles = _a.columnStyles, headerColumnStyles = _a.headerColumnStyles, columnOptions = _a.columnOptions, disableFilter = _a.disableFilter, _o = _a.filterLabel, filterLabel = _o === void 0 ? 'Filtro' : _o, _p = _a.indexToSelect, indexToSelect = _p === void 0 ? 0 : _p, _q = _a.disableSorting, disableSorting = _q === void 0 ? [] : _q, _r = _a.size, size = _r === void 0 ? 'small' : _r, onOpen = _a.onOpen, lineTitle = _a.lineTitle, onClose = _a.onClose, method = _a.method, methodPrms = _a.methodPrms, _s = _a.methodResultList, methodResultList = _s === void 0 ? 'lista' : _s, onMethodResponse = _a.onMethodResponse, _t = _a.handleMethodError, handleMethodError = _t === void 0 ? true : _t, _u = _a.allowMethodRequest, allowMethodRequest = _u === void 0 ? true : _u, field = _a.field, fixedToolbar = _a.fixedToolbar, onSelect = _a.onSelect, customKey = _a.customKey, _v = _a.columnProps, columnProps = _v === void 0 ? function () { return ''; } : _v, _w = _a.rowProps, rowProps = _w === void 0 ? function () { return ''; } : _w, _x = _a.savedState, savedState = _x === void 0 ? {} : _x, containerProps = _a.containerProps, _y = _a.onClickAway, onClickAway = _y === void 0 ? function () { return undefined; } : _y, enableCheckIfSelected = _a.enableCheckIfSelected, enableDrag = _a.enableDrag, onDrop = _a.onDrop, tableProps = _a.tableProps, toolbarProps = _a.toolbarProps, externalCtrlPgn = _a.externalCtrlPgn, setExternalCtrlPgn = _a.setExternalCtrlPgn, _z = _a.code, code = _z === void 0 ? '' : _z, _0 = _a.token, token = _0 === void 0 ? '' : _0;
-    var classes = useStyles();
     var _1 = (0, react_1.useReducer)(reducer, initialState(defaultRowsPerPage)), state = _1[0], dispatch = _1[1];
     var memoState = (0, react_1.useMemo)(function () { return (__assign(__assign({}, state), { dispatch: dispatch })); }, [state, dispatch]);
     var selected = memoState.selected, page = memoState.page, rowsPerPage = memoState.rowsPerPage, order = memoState.order, orderBy = memoState.orderBy, filter = memoState.filter, open = memoState.open;
@@ -286,7 +293,9 @@ var ArgousComplexTable = (0, react_1.forwardRef)(function (_a, ref) {
             setCtrlPgn(function (currentState) { return (__assign(__assign({}, currentState), { pgAtl: 1 })); });
         }
     }, [page, lista.length, rowsPerPage, ctrlPgn.recordCount, lista, method, field, externalCtrlPgn, dispatch]);
-    (0, react_1.useEffect)(function () { return dispatch({ type: 'setSelected', value: [] }); }, [lista]);
+    (0, react_1.useEffect)(function () {
+        dispatch({ type: 'setSelected', value: [] });
+    }, [lista]);
     (0, react_1.useEffect)(function () {
         if (onSelect)
             onSelect(selected);
@@ -342,36 +351,14 @@ var ArgousComplexTable = (0, react_1.forwardRef)(function (_a, ref) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [externalCtrlPgn]);
     return (react_1.default.createElement(exports.TableContext.Provider, { value: __assign(__assign({}, memoState), { dadosMostrados: dadosMostrados, lista: lista, indexToSelect: indexToSelect, method: method, externalCtrlPgn: externalCtrlPgn }) },
-        react_1.default.createElement(core_1.ClickAwayListener, { onClickAway: onClickAway },
-            react_1.default.createElement(core_1.TableContainer, __assign({ component: core_1.Paper, variant: 'outlined', style: style }, containerProps, { className: (0, clsx_1.default)(classes.root, className) }),
-                react_1.default.createElement(ToolbarComponent, __assign({ numSelected: selected.length, disableFilter: disableFilter || !!method || !!externalCtrlPgn }, __assign({ actions: actions, title: title, selected: selected, filter: filter, filterLabel: filterLabel, lista: lista, indexToSelect: indexToSelect, fixedToolbar: fixedToolbar }, toolbarProps))),
-                react_1.default.createElement(core_1.Table, __assign({}, __assign(__assign({}, tableProps), { size: size })),
-                    react_1.default.createElement(HeadComponent, __assign({ size: (method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length, numSelected: selected.length, rowCount: (rowsPerPage > ((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length)) ? ((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length) : (rowsPerPage || dadosNaoCortados.length) }, { head: head, order: order, orderBy: orderBy, enableCheck: enableCheck, headerColumnStyles: headerColumnStyles, disableSorting: disableSorting, ordCols: ordCols, method: method, cortaDados: cortaDados, disableCheckIf: disableCheckIf, line: line, enableDrag: enableDrag })),
-                    react_1.default.createElement(BodyComponent, __assign({}, {
-                        children: children,
-                        line: line,
-                        lineStyle: lineStyle,
-                        lineTitle: lineTitle,
-                        handleOpenClose: handleOpenClose,
-                        lineClass: lineClass,
-                        enableDrag: enableDrag,
-                        enableCheck: enableCheck,
-                        columnStyles: columnStyles,
-                        head: head,
-                        columnOptions: columnOptions,
-                        columnProps: columnProps,
-                        rowProps: rowProps,
-                        onDrop: onDrop,
-                        onClick: onClick,
-                        onDoubleClick: onDoubleClick,
-                        indexToSelect: indexToSelect,
-                        open: open,
-                        dadosMostrados: dadosMostrados,
-                        customKey: customKey,
-                        disableCheckIf: disableCheckIf
-                    })),
+        react_1.default.createElement(material_1.ClickAwayListener, { onClickAway: onClickAway },
+            react_1.default.createElement(material_1.TableContainer, __assign({ component: material_1.Paper, variant: 'outlined', style: style }, containerProps, { className: className, sx: __spreadArray([rootSx], normalizeSx(containerProps === null || containerProps === void 0 ? void 0 : containerProps.sx), true) }),
+                react_1.default.createElement(ToolbarComponent, __assign({ numSelected: selected.length, disableFilter: disableFilter || !!method || !!externalCtrlPgn, actions: actions, title: title, selected: selected, filter: filter, filterLabel: filterLabel, lista: lista, indexToSelect: indexToSelect, fixedToolbar: fixedToolbar }, toolbarProps)),
+                react_1.default.createElement(material_1.Table, __assign({}, tableProps, { size: size }),
+                    react_1.default.createElement(HeadComponent, { size: (method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length, numSelected: selected.length, rowCount: (rowsPerPage > ((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length)) ? ((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length) : (rowsPerPage || dadosNaoCortados.length), head: head, order: order, orderBy: orderBy, enableCheck: enableCheck, headerColumnStyles: headerColumnStyles, disableSorting: disableSorting, ordCols: ordCols, method: method, cortaDados: cortaDados, disableCheckIf: disableCheckIf, line: line, enableDrag: enableDrag }),
+                    react_1.default.createElement(BodyComponent, { children: children, line: line, lineStyle: lineStyle, lineTitle: lineTitle, handleOpenClose: handleOpenClose, lineClass: lineClass, enableDrag: enableDrag, enableCheck: enableCheck, columnStyles: columnStyles, head: head, columnOptions: columnOptions, columnProps: columnProps, rowProps: rowProps, onDrop: onDrop, onClick: onClick, onDoubleClick: onDoubleClick, indexToSelect: indexToSelect, open: open, dadosMostrados: dadosMostrados, customKey: customKey, disableCheckIf: disableCheckIf }),
                     FooterComponent && react_1.default.createElement(FooterComponent, __assign({}, footerProps))),
-                (usePagination) && (react_1.default.createElement(PaginationComponent, __assign({ count: (method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length, onChangePage: function (_, value) {
+                (usePagination) && (react_1.default.createElement(PaginationComponent, { count: (method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length, onChangePage: function (_, value) {
                         dispatch({ type: 'setPage', value: value });
                         setCtrlPgn(__assign(__assign({}, ctrlPgn), { pgAtl: value + 1 }));
                     }, onChangeRowsPerPage: function (e) {
@@ -379,7 +366,7 @@ var ArgousComplexTable = (0, react_1.forwardRef)(function (_a, ref) {
                         dispatch({ type: 'setPage', value: 0 });
                         setCtrlPgn(__assign(__assign({}, ctrlPgn), { pgAtl: 1, qtRegs: parseInt(e.target.value, 10) }));
                         setExternalCtrlPgn && setExternalCtrlPgn(__assign(__assign({}, externalCtrlPgn), { pgAtl: 1, qtRegs: parseInt(e.target.value, 10) }));
-                    } }, { showCount: showCount, page: page, rowsPerPageOptions: rowsPerPageOptions, rowsPerPage: rowsPerPage })))))));
+                    }, showCount: showCount, page: page, rowsPerPageOptions: rowsPerPageOptions, rowsPerPage: rowsPerPage }))))));
 });
 ArgousComplexTable.propTypes = {
     dados: prop_types_1.default.array,

package/dist/components/ArgousComplexTableBody/ArgousComplexTableBody.d.ts

@@ -1,4 +1,4 @@
-import { TableCellBaseProps, TableRowProps } from '@material-ui/core';
+import { TableCellBaseProps, TableRowProps } from '@mui/material';
 import * as React from 'react';
 
 export declare interface ChildrenFunction {