argous 1.2.246 → 1.3.2

package/dist/components/ArgousComplexTable/ArgousComplexTable.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -22,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) {
@@ -39,12 +53,12 @@ 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.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -65,10 +79,14 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -78,25 +96,23 @@ 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 = 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'
     }
-});
-exports.TableContext = react_1.createContext();
+};
+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 moment_1.default(valor, format).format('YYYYMMDDHHmmss'); };
+    var retorno = function (format) { return (0, moment_1.default)(valor, format).format('YYYYMMDDHHmmss'); };
     if (/[0-9]{2}\/[0-9]{2}\/[0-9]{4}/.test(valor))
         return retorno('DD/MM/YYYY');
     if (/\d{2}\/\d{2}\/\d{4} \d{2}:\d{2}/.test(valor))
@@ -169,28 +185,27 @@ var initialState = function (defaultRowsPerPage) { return ({
     open: undefined,
     loading: false
 }); };
-var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
+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 = react_1.useReducer(reducer, initialState(defaultRowsPerPage)), state = _1[0], dispatch = _1[1];
-    var memoState = react_1.useMemo(function () { return (__assign(__assign({}, state), { dispatch: dispatch })); }, [state, dispatch]);
+    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;
-    var _2 = react_1.useState(dados /*.map(linha => isArray(linha) ? linha : Object.values(linha))*/ || []), lista = _2[0], setLista = _2[1];
-    var _3 = react_1.useState({ qtRegs: defaultRowsPerPage, pgAtl: 1 }), ctrlPgn = _3[0], setCtrlPgn = _3[1];
+    var _2 = (0, react_1.useState)(dados /*.map(linha => isArray(linha) ? linha : Object.values(linha))*/ || []), lista = _2[0], setLista = _2[1];
+    var _3 = (0, react_1.useState)({ qtRegs: defaultRowsPerPage, pgAtl: 1 }), ctrlPgn = _3[0], setCtrlPgn = _3[1];
     var qtRegs = ctrlPgn.qtRegs, pgAtl = ctrlPgn.pgAtl, ordCols = ctrlPgn.ordCols;
     var enableCheck = checkEnabled || (enableCheckIfSelected && !!selected.length);
-    var dadosNaoCortados = react_1.useMemo(function () {
+    var dadosNaoCortados = (0, react_1.useMemo)(function () {
         if (method)
             return lista || [];
-        if (lodash_1.isArray(lista) && lista.length > 0)
+        if ((0, lodash_1.isArray)(lista) && lista.length > 0)
             return stableSort(lista, getComparator(order, orderBy), line)
-                .filter(function (linha) { return lodash_1.isArray(line(linha)) ? line(linha).filter(function (item) { return filter ? new RegExp(".*" + filter + ".*", 'gi').test(item === null || item === void 0 ? void 0 : item.toString()) : true; }).length > 0 : true; }) || [];
+                .filter(function (linha) { return (0, lodash_1.isArray)(line(linha)) ? line(linha).filter(function (item) { return filter ? new RegExp(".*".concat(filter, ".*"), 'gi').test(item === null || item === void 0 ? void 0 : item.toString()) : true; }).length > 0 : true; }) || [];
         return [];
     }, [lista, filter, order, orderBy, method, line]);
     var usePagination = ((rowsPerPageOptions !== 0) && (Math.ceil(((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length) / parseInt(rowsPerPageOptions[0], 10)) > 1));
-    var cortaDados = react_1.useCallback(function (dados) { return dados === null || dados === void 0 ? void 0 : dados.slice(defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage, defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage + rowsPerPage); }, [page, rowsPerPage, defaultRowsPerPage]);
-    var fillListToKeepHeight = react_1.useCallback(function (array) {
-        var newArray = __spreadArray([], array);
+    var cortaDados = (0, react_1.useCallback)(function (dados) { return dados === null || dados === void 0 ? void 0 : dados.slice(defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage, defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage + rowsPerPage); }, [page, rowsPerPage, defaultRowsPerPage]);
+    var fillListToKeepHeight = (0, react_1.useCallback)(function (array) {
+        var newArray = __spreadArray([], array, true);
         if (newArray.length < rowsPerPage) {
             var gap = (rowsPerPage - newArray.length);
             var arrayToFillGap = Array.from(Array(gap)).fill(Array.from(Array(head.length)).fill(''));
@@ -198,26 +213,26 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
         }
         return newArray;
     }, [head, rowsPerPage]);
-    var dadosMostrados = react_1.useMemo(function () {
+    var dadosMostrados = (0, react_1.useMemo)(function () {
         if (page > -1) {
             if (method || externalCtrlPgn)
                 return (usePagination) ? fillListToKeepHeight(lista || []) : (lista || []);
             return (usePagination) ? fillListToKeepHeight(cortaDados(dadosNaoCortados) || []) : (cortaDados(dadosNaoCortados) || []);
         }
     }, [page, lista, dadosNaoCortados, usePagination, method, externalCtrlPgn, cortaDados, fillListToKeepHeight]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         dispatch({ type: 'mount', value: savedState.current });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         return function () { return savedState.current = state; };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [state]);
-    react_1.useEffect(function () {
-        if (lodash_1.isArray(dados))
+    (0, react_1.useEffect)(function () {
+        if ((0, lodash_1.isArray)(dados))
             setLista(dados /*.map(linha => isArray(linha) ? linha : Object.values(linha))*/ || []);
     }, [dados]);
-    var retornaAcao = react_1.useCallback(function (pgAtl, page) {
+    var retornaAcao = (0, react_1.useCallback)(function (pgAtl, page) {
         if (page === pgAtl)
             return undefined;
         else if (page === pgAtl + 1)
@@ -228,9 +243,9 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
             return 'L';
         else if (page === 0)
             return 'F';
-        return "S=" + page;
+        return "S=".concat(page);
     }, [ctrlPgn.recordCount]);
-    var buscaMetodo = react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+    var buscaMetodo = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var res;
         var _a, _b, _c;
         return __generator(this, function (_d) {
@@ -239,8 +254,9 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
                     if (!method || !allowMethodRequest)
                         return [2 /*return*/];
                     dispatch({ type: 'setLoading', value: true });
-                    return [4 /*yield*/, api_1.serverAction(method, __assign({ ctrlPgn: {
-                                qtRegs: qtRegs, pgAtl: pgAtl,
+                    return [4 /*yield*/, (0, api_1.serverAction)(method, __assign({ ctrlPgn: {
+                                qtRegs: qtRegs,
+                                pgAtl: pgAtl,
                                 acao: retornaAcao(ctrlPgn.pgAtl, page + 1),
                                 tpOrdem: orderBy >= 0 ? (order === 'asc' ? 'A' : 'D') : undefined,
                                 indOrdem: orderBy >= 0 ? orderBy : undefined
@@ -259,31 +275,33 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
             }
         });
     }); }, [method, allowMethodRequest, qtRegs, pgAtl, retornaAcao, ctrlPgn.pgAtl, page, orderBy, order, methodPrms, handleMethodError, methodResultList, code, token]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         buscaMetodo();
     }, [buscaMetodo]);
-    var fielValue = react_1.useMemo(function () { /*isArray(getField(field, 'value')) ? */ return fieldsRedux_1.getField(field, 'value'); } /*?.map(item => isArray(item) ? item : Object.values(item)) : []*/, [field]);
-    react_1.useEffect(function () {
-        if (field && !lodash_1.isEqual(lista, fielValue))
+    var fielValue = (0, react_1.useMemo)(function () { /*isArray(getField(field, 'value')) ? */ return (0, fieldsRedux_1.getField)(field, 'value'); } /*?.map(item => isArray(item) ? item : Object.values(item)) : []*/, [field]);
+    (0, react_1.useEffect)(function () {
+        if (field && !(0, lodash_1.isEqual)(lista, fielValue))
             setLista(fielValue || []);
     }, [field, lista, fielValue]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (method || field || externalCtrlPgn)
             return;
-        if (lodash_1.isArray(lista) && (lista.length > 0) && (page === Math.ceil((method) ? ctrlPgn.recordCount : (lista.length / parseInt(rowsPerPage, 10)))))
+        if ((0, lodash_1.isArray)(lista) && (lista.length > 0) && (page === Math.ceil((method) ? ctrlPgn.recordCount : (lista.length / parseInt(rowsPerPage, 10)))))
             dispatch({ type: 'decremmentPage' });
-        if (lodash_1.isArray(lista) && (lista.length > 0) && ((page + 1) > Math.ceil((method) ? ctrlPgn.recordCount : (lista.length / parseInt(rowsPerPage, 10))))) {
+        if ((0, lodash_1.isArray)(lista) && (lista.length > 0) && ((page + 1) > Math.ceil((method) ? ctrlPgn.recordCount : (lista.length / parseInt(rowsPerPage, 10))))) {
             dispatch({ type: 'setPage', value: 0 });
             setCtrlPgn(function (currentState) { return (__assign(__assign({}, currentState), { pgAtl: 1 })); });
         }
     }, [page, lista.length, rowsPerPage, ctrlPgn.recordCount, lista, method, field, externalCtrlPgn, dispatch]);
-    react_1.useEffect(function () { return dispatch({ type: 'setSelected', value: [] }); }, [lista]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
+        dispatch({ type: 'setSelected', value: [] });
+    }, [lista]);
+    (0, react_1.useEffect)(function () {
         if (onSelect)
             onSelect(selected);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selected]);
-    var handleOpenClose = react_1.useCallback(function (index) {
+    var handleOpenClose = (0, react_1.useCallback)(function (index) {
         if (index === open || (!index && index !== 0)) {
             dispatch({ type: 'setOpen', value: undefined });
             if (onClose && (index || open))
@@ -295,35 +313,35 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
                 onOpen({ linhaOriginal: dadosMostrados[index], linhaFormatada: line(dadosMostrados[index]) });
         }
     }, [open, onClose, onOpen, dadosMostrados, dispatch, line]);
-    react_1.useImperativeHandle(ref, function () { return ({
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
         setOpen: function (index) { return handleOpenClose(index); },
         getOpen: dadosMostrados[open],
         getSelected: selected,
-        setSelected: function (s) { return dispatch({ type: 'setSelected', value: lodash_1.isFunction(s) ? s(selected, dadosMostrados) : s }); },
+        setSelected: function (s) { return dispatch({ type: 'setSelected', value: (0, lodash_1.isFunction)(s) ? s(selected, dadosMostrados) : s }); },
         setLoading: function (value) { return dispatch({ type: 'setLoading', value: value }); }
     }); });
-    var _4 = react_1.useState(true), bounced = _4[0], setBounced = _4[1];
+    var _4 = (0, react_1.useState)(true), bounced = _4[0], setBounced = _4[1];
     var getFullCtrlPgn = function (internal) {
         var ctrl = internal ? ctrlPgn : externalCtrlPgn;
         return __assign({ acao: retornaAcao(ctrl.pgAtl, page + 1), tpOrdem: orderBy >= 0 ? (order === 'asc' ? 'A' : 'D') : undefined, indOrdem: orderBy >= 0 ? orderBy : undefined }, ctrl);
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (!method && setExternalCtrlPgn) {
             var fullCtrlPgn = __assign(__assign({}, ctrlPgn), { acao: retornaAcao(ctrlPgn.pgAtl, page + 1), tpOrdem: orderBy >= 0 ? (order === 'asc' ? 'A' : 'D') : undefined, indOrdem: orderBy >= 0 ? orderBy : undefined });
             var fullExternalCtrlPgn = getFullCtrlPgn();
-            if (!bounced && !lodash_1.isEqual(fullCtrlPgn, fullExternalCtrlPgn))
+            if (!bounced && !(0, lodash_1.isEqual)(fullCtrlPgn, fullExternalCtrlPgn))
                 setExternalCtrlPgn(fullCtrlPgn);
             else if (bounced)
                 setBounced(false);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [ctrlPgn, order, orderBy, page]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a;
         if (!method && externalCtrlPgn && ((_a = Object.keys(externalCtrlPgn)) === null || _a === void 0 ? void 0 : _a.length)) {
             var fullCtrlPgn = getFullCtrlPgn(true);
             var fullExternalCtrlPgn = getFullCtrlPgn();
-            if (!lodash_1.isEqual(fullExternalCtrlPgn, fullCtrlPgn)) {
+            if (!(0, lodash_1.isEqual)(fullExternalCtrlPgn, fullCtrlPgn)) {
                 if (externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.pgAtl)
                     dispatch({ type: 'setPage', value: (externalCtrlPgn.pgAtl - 1) });
                 setCtrlPgn(__assign(__assign({}, fullExternalCtrlPgn), { recordCount: ((externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.qtPaginas) * (externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.qtRegs)) }));
@@ -333,18 +351,14 @@ var ArgousComplexTable = 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: 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) {
@@ -352,7 +366,7 @@ var ArgousComplexTable = 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,
@@ -391,4 +405,4 @@ ArgousComplexTable.propTypes = {
     externalCtrlPgn: prop_types_1.default.object,
     setExternalCtrlPgn: prop_types_1.default.func
 };
-exports.default = react_1.memo(ArgousComplexTable, lodash_1.isEqual);
+exports.default = (0, react_1.memo)(ArgousComplexTable, lodash_1.isEqual);

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

@@ -1,2 +1 @@
-export { default } from './ArgousComplexTable';
-export * from './ArgousComplexTable'; 
+export { default } from "./ArgousComplexTable";

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

@@ -1,177 +1,7 @@
-import { TableCellBaseProps, TableRowProps } from '@material-ui/core';
-import * as React from 'react';
-
-export declare interface ChildrenFunction {
-  /**
-   * Função sera executada quando for clicado em alguma linha, seu retorno aparecerá abaixo da linha clicada
-   * 
-   * @param linhaOriginal - Linha original, antes de ser formatada pela função line
-   * @param linha - Linha ja formatada pela função line
-   * @param index - Índice da linha
-   * 
-   * @returns {React.ReactNode} Componente react 
-   */ 
-  (props: {linhaOriginal: Array<any> | object, linha: Array<any>, index:number}): React.ReactNode
-}
-
-export declare interface ColumnOptions {
-  /**
-   * Indice da coluna a ser modificada
-   */ 
-  alias: number,
-  /**
-   * JSX Customizado para a coluna
-   * 
-   * @param itemFormatado - Item retornado pela funcao line no indice selecionado
-   * @param linhaOriginal - Linha original, antes de ser formatada pela função line
-   * @param linhaFormatada - Linha ja formatada pela função line
-   * @param index - Índice da linha
-   * 
-   * @returns {React.ReactNode} Componente react 
-   */ 
-  customJsx: (props: {index: number, itemFormatado: any, linhaFormatada: Array<any>, linhaOriginal: Array<any> | object}) => React.ReactNode
-}
-
-export interface ArgousComplexTableBodyProps {
-  /**
-   * @ignore
-   */
-  children?: React.ReactNode | ChildrenFunction,
-  /**
-   * Função que converte a linha original em um array com os dados a serem exibidos
-   * 
-   * @param linhaOriginal - linha a ser formatada
-   * 
-   * @returns {Array<any>} Retorna array
-   */ 
-  line: (linhaOriginal: Array<Array<any> | Object>) => Array<any>, 
-  /**
-   * Estilo que pode ser aplicado por linhas dependendo do conteúdo ou do índice da linha 
-   * 
-   * @param linhaOriginal - Linha original
-   * @param linhaFormatada - Linha formatada
-   * @param index - Índice da linha
-   * 
-   * @returns {React.CSSProperties} Estilos para a linha
-   */ 
-  lineStyle?: (linhaOriginal: Array<any> | object, linhaFormatada: Array<any>, index:number) => React.CSSProperties,
-  /**
-   * Classe que pode ser aplicada por linhas dependendo do conteúdo ou do índice da linha 
-   * 
-   * @param linhaFormatada - Linha formatada
-   * @param linhaOriginal - Linha original
-   * @param index - Índice da linha
-   * 
-   * @returns {string} Classe para a linha
-   */ 
-  lineClass?: (linhaFormatada: Array<any>, linhaOriginal: Array<any> | object, index: number) => string,
-  /**
-   * Habilita a seleção de linhas da lista 
-   */ 
-  enableCheck?: boolean,
-  /**
-   * Habilita o drag and drop das linhas
-   */ 
-  enableDrag?: boolean,
-  /**
-   * Função chamada ao clicar em uma linha
-   * 
-   * @param evento - Evento do drop
-   * 
-   * @returns {void} Sem retorno
-   */ 
-  onDrop?: (evento: React.DragEventHandler<HTMLDivElement>) => void,
-  /**
-   * Função que decide se a seleção de determinada linha está habilitada
-   * 
-   * @param linhaOriginal - Linha original, antes de ser formatada pela função line
-   * @param linhaFormatada - Linha ja formatada pela função line
-   * @param index - Índice da linha
-   * 
-   * @returns {boolean} Booleano
-   */ 
-  disableCheckIf?: (linhaOriginal: Array<any> | object, linhaFormatada: Array<any>, index: number) => boolean,
-  /**
-   * Array de estilos para cada coluna da linha
-   */ 
-  columnStyles?: Array<React.CSSProperties>,
-  /**
-   * Função chamada ao clicar em uma linha
-   * 
-   * @param evento - Evento do click
-   * @param linhaOriginal - Linha original
-   * @param linhaFormatada - Linha formatada
-   * @param index - Índice da linha clicada
-   * 
-   * @returns {void} Sem retorno
-   */ 
-  onClick?: (evento: EventTarget, linhaOriginal: Array<any> | object, linhaFormatada: Array<any>, index:number) => void,
-  /**
-   * Ìndice da linha original a ser utilizado como ID primário na hora das seleções e que será retornado pelas actions
-   */ 
-  indexToSelect?: number | string,
-  /**
-   * Array de opções para as colunas
-   * 
-   * @param alias - Índice da coluna
-   * @param customJsx - Função que retorna o JSX customizado
-   */ 
-  columnOptions?: Array<ColumnOptions>,
-  /**
-   * Title que aparecerá ao dar hover na linha
-   */ 
-  lineTitle?: string,
-  /**
-   * Item da linha original a ser utilizado como key no map
-   */ 
-  customKey?: string | number,
-  /**
-   * Props a serem repassados para a celula da tabela
-   * 
-   * @param index - Index da coluna sendo testada
-   * @param coluna - Item da coluna sendo testada
-   * @param linhaOriginal - Linha original sendo testada
-   * @param linhaFormatada - Linha formatada sendo testada
-   * 
-   * @returns {TableCellBaseProps} Props a serem passados para a coluna
-   */ 
-  columnProps?: (index: number, coluna: any, linhaOriginal: Array<any> | object, linhaFormatada: Array<any>) => TableCellBaseProps,
-  /**
-   * Props a serem repassados para a linha da tabela
-   * 
-   * @param index - Index da coluna sendo testada
-   * @param linhaOriginal - Linha original sendo testada
-   * @param linhaFormatada - Linha formatada sendo testada
-   * @param itensSelecionados - Linha formatada sendo testada
-   * 
-   * @returns {TableRowProps} Props a serem passados para a linha
-   */ 
-  rowProps?: (props: {index: number, linhaOriginal: Array<any> | object, linhaFormatada: Array<any>, itensSelecionados: any[]}) => TableRowProps
-}
-
-export interface ArgousComplexTableBodyPrivateProps extends ArgousComplexTableBodyProps {
-  /**
-   * Função que abre a linha clicada
-   * 
-   * @param index - Índice da linha clicada
-   * 
-   * @returns {void} Sem retorno
-   */
-  handleOpenClose: (index: number) => void,
-  /**
-   * Array de títulos para o cabeçalho da tabela
-   */ 
-  head?: Array<string>, 
-  /**
-   * Índice aberto 
-   */
-  open: number,
-  /**
-   * Array de dados que estão visíveis no momento
-   */
-  dadosMostrados: Array<Array<any> | Object>,
-}
-
-declare function ArgousComplexTableBody(props: ArgousComplexTableBodyPrivateProps): JSX.Element
-
-export default ArgousComplexTableBody;
+export default ArgousComplexTableBody;
+export function CustomTooltip({ title, children }: {
+    title: any;
+    children: any;
+}): any;
+declare const ArgousComplexTableBody: React.NamedExoticComponent<object>;
+import React from 'react';