argous 1.2.178 → 1.2.179

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

@@ -31,7 +31,7 @@ export interface ArgousComplexTableProps extends ArgousComplexTableBodyProps, Ar
    */ 
   footerProps?: object,
   /**
-   * Array de dados fornecido paa a tabela
+   * Array de dados fornecido para a tabela
    */ 
   dados?: Array<Array<any> | Object>,
   /**
@@ -131,7 +131,19 @@ export interface ArgousComplexTableProps extends ArgousComplexTableBodyProps, Ar
   /**
    * Props repassados ao componente toolbar
    */
-  toolbarProps?: any
+  toolbarProps?: any,
+  /**
+   * Objeto de controle da paginação/ordenação que será fornecido à tabela e ao método externo
+   */
+  externalCtrlPgn?: object,
+  /**
+   * Função que é chamada para setar o externalCtrlPgn sempre que os controles de paginação/ordenação mudarem
+   * 
+   * @param value - Objeto com parâmetros da paginação/ordenação para ser enviado ao método
+   * 
+   * @returns {void} Sem retorno
+   */ 
+  setExternalCtrlPgn?: (value: Object) => void
 }
 
 declare function ArgousComplexTable(props: ArgousComplexTableProps): JSX.Element

package/dist/components/ArgousComplexTable/ArgousComplexTable.js

@@ -165,7 +165,7 @@ var initialState = function (defaultRowsPerPage) { return ({
     loading: false
 }); };
 var ArgousComplexTable = 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;
+    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;
     var classes = useStyles();
     var _z = react_1.useReducer(reducer, initialState(defaultRowsPerPage)), state = _z[0], dispatch = _z[1];
     var memoState = react_1.useMemo(function () { return (__assign(__assign({}, state), { dispatch: dispatch })); }, [state, dispatch]);
@@ -176,9 +176,11 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
     var enableCheck = checkEnabled || (enableCheckIfSelected && !!selected.length);
     react_1.useEffect(function () {
         dispatch({ type: 'mount', value: savedState.current });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     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))
@@ -216,14 +218,14 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
                     res = _g.sent();
                     onMethodResponse && onMethodResponse(res);
                     if (res.status) {
-                        setCtrlPgn(__assign(__assign({}, res.ctrlPgn), { recordCount: ((_a = res.ctrlPgn) === null || _a === void 0 ? void 0 : _a.recordCount) || ((_b = res[methodResultList]) === null || _b === void 0 ? void 0 : _b.length) < ((_c = res.ctrlPgn) === null || _c === void 0 ? void 0 : _c.qtRegs) ? (_d = res[methodResultList]) === null || _d === void 0 ? void 0 : _d.length : ((_e = res.ctrlPgn) === null || _e === void 0 ? void 0 : _e.qtPaginas) * ((_f = res.ctrlPgn) === null || _f === void 0 ? void 0 : _f.qtRegs) }));
+                        setCtrlPgn(__assign(__assign({}, res.ctrlPgn), { recordCount: ((((_a = res.ctrlPgn) === null || _a === void 0 ? void 0 : _a.recordCount) || ((_b = res[methodResultList]) === null || _b === void 0 ? void 0 : _b.length)) < ((_c = res.ctrlPgn) === null || _c === void 0 ? void 0 : _c.qtRegs)) ? (_d = res[methodResultList]) === null || _d === void 0 ? void 0 : _d.length : ((_e = res.ctrlPgn) === null || _e === void 0 ? void 0 : _e.qtPaginas) * ((_f = res.ctrlPgn) === null || _f === void 0 ? void 0 : _f.qtRegs) }));
                         setLista(res[methodResultList] || []);
                     }
                     dispatch({ type: 'setLoading', value: false });
                     return [2 /*return*/];
             }
         });
-    }); }, [method, qtRegs, pgAtl, order, orderBy, retornaAcao, ctrlPgn.pgAtl, page, methodPrms, methodResultList, handleMethodError, allowMethodRequest]);
+    }); }, [method, allowMethodRequest, qtRegs, pgAtl, retornaAcao, ctrlPgn.pgAtl, page, orderBy, order, methodPrms, handleMethodError, methodResultList]);
     react_1.useEffect(function () {
         buscaMetodo();
     }, [buscaMetodo]);
@@ -233,15 +235,16 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
             setLista(fielValue || []);
     }, [field, lista, fielValue]);
     react_1.useEffect(function () {
-        if (method || field)
+        if (method || field || externalCtrlPgn)
             return;
         if (lodash_1.isArray(lista) && lista.length > 0 && page === Math.ceil(method ? ctrlPgn.recordCount : lista.length / parseInt(rowsPerPage, 10)))
             dispatch({ type: 'decremmentPage' });
-    }, [page, method, lista.length, rowsPerPage, ctrlPgn.recordCount, lista, field]);
+    }, [page, method, lista.length, rowsPerPage, ctrlPgn.recordCount, lista, field, externalCtrlPgn]);
     react_1.useEffect(function () { return dispatch({ type: 'setSelected', value: [] }); }, [lista]);
     react_1.useEffect(function () {
         if (onSelect)
             onSelect(selected);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selected]);
     var dadosNaoCortados = react_1.useMemo(function () {
         if (method)
@@ -253,10 +256,10 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
     }, [lista, filter, order, orderBy, method, line]);
     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 dadosMostrados = react_1.useMemo(function () {
-        if (method)
+        if (method || externalCtrlPgn)
             return lista || [];
         return cortaDados(dadosNaoCortados) || [];
-    }, [method, lista, dadosNaoCortados, cortaDados]);
+    }, [method, externalCtrlPgn, lista, dadosNaoCortados, cortaDados]);
     var handleOpenClose = react_1.useCallback(function (index) {
         if (index === open || (!index && index !== 0)) {
             dispatch({ type: 'setOpen', value: undefined });
@@ -276,25 +279,56 @@ var ArgousComplexTable = react_1.forwardRef(function (_a, ref) {
         setSelected: function (s) { return dispatch({ type: 'setSelected', value: lodash_1.isFunction(s) ? s(selected, dadosMostrados) : s }); },
         setLoading: function (value) { return dispatch({ type: 'setLoading', value: value }); }
     }); });
+    //________________EXTERNAL_CTRL_PGN____________________________________________________________________________
+    var _2 = react_1.useState(true), bounced = _2[0], setBounced = _2[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 () {
+        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))
+                setExternalCtrlPgn(fullCtrlPgn);
+            else if (bounced)
+                setBounced(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [ctrlPgn, order, orderBy, page]);
+    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)) {
+                setCtrlPgn(__assign(__assign({}, fullExternalCtrlPgn), { recordCount: (((externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.recordCount) || (dados === null || dados === void 0 ? void 0 : dados.length)) < (externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.qtRegs)) ? dados === null || dados === void 0 ? void 0 : dados.length : (externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.qtPaginas) * (externalCtrlPgn === null || externalCtrlPgn === void 0 ? void 0 : externalCtrlPgn.qtRegs) }));
+                setBounced(true);
+            }
+        }
+        // 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 }) },
         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 }, __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 ? ctrlPgn.recordCount : dadosNaoCortados.length, numSelected: selected.length, rowCount: (rowsPerPage > (method ? ctrlPgn.recordCount : dadosNaoCortados.length)) ? method ? 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(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
                     })),
                     FooterComponent && react_1.default.createElement(FooterComponent, __assign({}, footerProps))),
-                rowsPerPageOptions !== 0 && Math.ceil(method ? ctrlPgn.recordCount : dadosNaoCortados.length / parseInt(rowsPerPageOptions[0], 10)) > 1 && (react_1.default.createElement(PaginationComponent, __assign({ count: method ? ctrlPgn.recordCount : dadosNaoCortados.length, onChangePage: function (_, value) {
+                rowsPerPageOptions !== 0 && Math.ceil((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length / parseInt(rowsPerPageOptions[0], 10)) > 1 && (react_1.default.createElement(PaginationComponent, __assign({ 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) {
                         dispatch({ type: 'setRowsPerPage', value: parseInt(e.target.value, 10) });
                         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 })))))));
 });
 ArgousComplexTable.propTypes = {
@@ -328,6 +362,10 @@ ArgousComplexTable.propTypes = {
     methodPrms: prop_types_1.default.object,
     field: prop_types_1.default.string,
     fixedToolbar: prop_types_1.default.bool,
-    onSelect: prop_types_1.default.func
+    onSelect: prop_types_1.default.func,
+    handleMethodError: prop_types_1.default.bool,
+    allowMethodRequest: prop_types_1.default.bool,
+    externalCtrlPgn: prop_types_1.default.object,
+    setExternalCtrlPgn: prop_types_1.default.func
 };
 exports.default = react_1.memo(ArgousComplexTable, lodash_1.isEqual);

package/lib/components/ArgousComplexTable/ArgousComplexTable.d.ts

@@ -31,7 +31,7 @@ export interface ArgousComplexTableProps extends ArgousComplexTableBodyProps, Ar
    */ 
   footerProps?: object,
   /**
-   * Array de dados fornecido paa a tabela
+   * Array de dados fornecido para a tabela
    */ 
   dados?: Array<Array<any> | Object>,
   /**
@@ -131,7 +131,19 @@ export interface ArgousComplexTableProps extends ArgousComplexTableBodyProps, Ar
   /**
    * Props repassados ao componente toolbar
    */
-  toolbarProps?: any
+  toolbarProps?: any,
+  /**
+   * Objeto de controle da paginação/ordenação que será fornecido à tabela e ao método externo
+   */
+  externalCtrlPgn?: object,
+  /**
+   * Função que é chamada para setar o externalCtrlPgn sempre que os controles de paginação/ordenação mudarem
+   * 
+   * @param value - Objeto com parâmetros da paginação/ordenação para ser enviado ao método
+   * 
+   * @returns {void} Sem retorno
+   */ 
+  setExternalCtrlPgn?: (value: Object) => void
 }
 
 declare function ArgousComplexTable(props: ArgousComplexTableProps): JSX.Element

package/lib/components/ArgousComplexTable/ArgousComplexTable.js

@@ -18,9 +18,9 @@ const useStyles = makeStyles({
     }
   }
 });
-
+  
 export const TableContext = createContext();
-
+  
 const ehData = valor => {
   const retorno = (format) => moment(valor, format).format('YYYYMMDDHHmmss');
   if (/[0-9]{2}\/[0-9]{2}\/[0-9]{4}/.test(valor)) return retorno('DD/MM/YYYY');
@@ -29,7 +29,7 @@ const ehData = valor => {
   if (/\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}(.\d)*/.test(valor)) return retorno('YYYY-MM-DD HH:mm:ss');
   return valor;
 };
-
+  
 function descendingComparator(a, b, orderBy) {
   const aO = ehData(a[orderBy]);
   const bO = ehData(b[orderBy]);
@@ -37,13 +37,13 @@ function descendingComparator(a, b, orderBy) {
   if (bO > aO) return 1;
   return 0;
 }
-
+  
 function getComparator(order, orderBy) {
   return order === 'desc'
     ? (a, b) => descendingComparator(a, b, orderBy)
     : (a, b) => -descendingComparator(a, b, orderBy);
 }
-
+  
 function stableSort(array, comparator, line) {
   const stabilizedThis = array.map((el, index) => [el, line(el), index]);
   stabilizedThis.sort((a, b) => {
@@ -53,7 +53,7 @@ function stableSort(array, comparator, line) {
   });
   return stabilizedThis.map((el) => el[0]);
 }
-
+  
 const reducer = (state, action) => {
   switch (action.type) {
     case 'setSelected':
@@ -108,7 +108,7 @@ const reducer = (state, action) => {
       return state;
   }
 };
-
+  
 const initialState = (defaultRowsPerPage) => ({
   selected: [],
   page: 0,
@@ -119,7 +119,7 @@ const initialState = (defaultRowsPerPage) => ({
   open: undefined,
   loading: false
 });
-
+  
 const ArgousComplexTable = forwardRef(({ 
   ToolbarComponent = ArgousComplexTableToolbar,
   HeadComponent = ArgousComplexTableHead,
@@ -174,31 +174,35 @@ const ArgousComplexTable = forwardRef(({
   enableDrag,
   onDrop,
   tableProps,
-  toolbarProps
+  toolbarProps,
+  externalCtrlPgn,
+  setExternalCtrlPgn
 }, ref) => {
   const classes = useStyles();
   const [state, dispatch] = useReducer(reducer, initialState(defaultRowsPerPage));
   const memoState = useMemo(() => ({ ...state, dispatch }), [state, dispatch]);
   const { selected, page, rowsPerPage, order, orderBy, filter, open } = memoState;
-
+  
   const [lista, setLista] = useState(dados/*.map(linha => isArray(linha) ? linha : Object.values(linha))*/ || []);
   const [ctrlPgn, setCtrlPgn] = useState({ qtRegs: defaultRowsPerPage, pgAtl: 1 });
   const { qtRegs, pgAtl, ordCols } = ctrlPgn;
-
+  
   const enableCheck = checkEnabled || (enableCheckIfSelected && !!selected.length);
-
+  
   useEffect(() => {
     dispatch({ type: 'mount', value: savedState.current });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-
+  
   useEffect(() => {
     return () => savedState.current = state;    
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [state]);
-
+  
   useEffect(() => {
     if (isArray(dados)) setLista(dados/*.map(linha => isArray(linha) ? linha : Object.values(linha))*/ || []);
   }, [dados]);
-
+  
   const retornaAcao = useCallback((pgAtl, page) => {
     if (page === pgAtl) return undefined;
     else if (page === pgAtl + 1) return 'N';
@@ -207,7 +211,7 @@ const ArgousComplexTable = forwardRef(({
     else if (page === 0) return 'F';
     return `S=${page}`;
   }, [ctrlPgn.recordCount]);
-
+  
   const buscaMetodo = useCallback(async () => {
     if (!method || !allowMethodRequest) return;
     dispatch({ type: 'setLoading', value: true });
@@ -221,49 +225,51 @@ const ArgousComplexTable = forwardRef(({
     }, handleMethodError);
     onMethodResponse && onMethodResponse(res);      
     if (res.status) {
-      setCtrlPgn({ ...res.ctrlPgn, recordCount: res.ctrlPgn?.recordCount || res[methodResultList]?.length < res.ctrlPgn?.qtRegs ? res[methodResultList]?.length : res.ctrlPgn?.qtPaginas * res.ctrlPgn?.qtRegs });
+      setCtrlPgn({ ...res.ctrlPgn, recordCount: ((res.ctrlPgn?.recordCount || res[methodResultList]?.length) < res.ctrlPgn?.qtRegs) ? res[methodResultList]?.length : res.ctrlPgn?.qtPaginas * res.ctrlPgn?.qtRegs });
       setLista(res[methodResultList] || []);
     }
     dispatch({ type: 'setLoading', value: false });
-  }, [method, qtRegs, pgAtl, order, orderBy, retornaAcao, ctrlPgn.pgAtl, page, methodPrms, methodResultList, handleMethodError, allowMethodRequest]);
-
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [method, allowMethodRequest, qtRegs, pgAtl, retornaAcao, ctrlPgn.pgAtl, page, orderBy, order, methodPrms, handleMethodError, methodResultList]);
+  
   useEffect(() => {
     buscaMetodo();
   }, [buscaMetodo]);
-
-  const fielValue = useMemo(() => /*isArray(getField(field, 'value')) ? */getField(field, 'value')/*?.map(item => isArray(item) ? item : Object.values(item)) : []*/, [field]);
   
+  const fielValue = useMemo(() => /*isArray(getField(field, 'value')) ? */getField(field, 'value')/*?.map(item => isArray(item) ? item : Object.values(item)) : []*/, [field]);
+    
   useEffect(() => {
     if (field && !isEqual(lista, fielValue)) setLista(fielValue || []);
   }, [field, lista, fielValue]);
-
+  
   useEffect(() => {
-    if (method || field) return;
+    if (method || field || externalCtrlPgn) return;
     if (isArray(lista) && lista.length > 0 && page === Math.ceil(method ? ctrlPgn.recordCount : lista.length / parseInt(rowsPerPage, 10))) dispatch({ type: 'decremmentPage' });
-  }, [page, method, lista.length, rowsPerPage, ctrlPgn.recordCount, lista, field]);
-
-  useEffect(() => dispatch({ type: 'setSelected', value: [] }), [lista]);
+  }, [page, method, lista.length, rowsPerPage, ctrlPgn.recordCount, lista, field, externalCtrlPgn]);
   
+  useEffect(() => dispatch({ type: 'setSelected', value: [] }), [lista]);
+    
   useEffect(() => {
     if (onSelect) onSelect(selected);
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [selected]);
-
+  
   const dadosNaoCortados = useMemo(() => {
     if (method) return lista || [];
     if (isArray(lista) && lista.length > 0) return stableSort(lista, getComparator(order, orderBy), line)
       .filter(linha => isArray(line(linha)) ? line(linha).filter(item => filter ? new RegExp(`.*${filter}.*`, 'gi').test(item?.toString()) : true).length > 0 : true) || [];
     return [];
   }, [lista, filter, order, orderBy, method, line]);
-
+  
   const cortaDados = useCallback((dados) => dados
     ?.slice(defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage, defaultRowsPerPage === 0 ? (undefined) : page * rowsPerPage + rowsPerPage),
   [page, rowsPerPage, defaultRowsPerPage]);
-
+  
   const dadosMostrados = useMemo(() => {
-    if (method) return lista || [];
+    if (method || externalCtrlPgn) return lista || [];
     return cortaDados(dadosNaoCortados) || [];
-  }, [method, lista, dadosNaoCortados, cortaDados]);
-
+  }, [method, externalCtrlPgn, lista, dadosNaoCortados, cortaDados]);
+  
   const handleOpenClose = useCallback((index) => {
     if (index === open || (!index && index !== 0)) {
       dispatch({ type: 'setOpen', value: undefined });
@@ -273,7 +279,7 @@ const ArgousComplexTable = forwardRef(({
       if (onOpen) onOpen({ linhaOriginal: dadosMostrados[index], linhaFormatada: line(dadosMostrados[index]) });
     }
   }, [open, onClose, onOpen, dadosMostrados, dispatch, line]);
-  
+    
   useImperativeHandle(ref, () => ({
     setOpen: index => handleOpenClose(index),
     getOpen: dadosMostrados[open],
@@ -282,6 +288,51 @@ const ArgousComplexTable = forwardRef(({
     setLoading: value => dispatch({ type: 'setLoading', value })
   }));
 
+
+  //________________EXTERNAL_CTRL_PGN____________________________________________________________________________
+
+  const [bounced, setBounced] = useState(true);
+
+  const getFullCtrlPgn = (internal) => {
+    const ctrl = internal ? ctrlPgn : externalCtrlPgn;
+    return {
+      acao: retornaAcao(ctrl.pgAtl, page + 1),
+      tpOrdem: orderBy >= 0 ? (order === 'asc' ? 'A' : 'D') : undefined,
+      indOrdem: orderBy >= 0 ? orderBy : undefined,
+      ...ctrl
+    };
+  };
+  
+  useEffect(() => {
+    if (!method && setExternalCtrlPgn) {
+      const fullCtrlPgn = {
+        ...ctrlPgn, 
+        acao: retornaAcao(ctrlPgn.pgAtl, page + 1),
+        tpOrdem: orderBy >= 0 ? (order === 'asc' ? 'A' : 'D') : undefined,
+        indOrdem: orderBy >= 0 ? orderBy : undefined
+      };
+      const fullExternalCtrlPgn = getFullCtrlPgn();
+      if (!bounced && !isEqual(fullCtrlPgn, fullExternalCtrlPgn)) setExternalCtrlPgn(fullCtrlPgn);
+      else if (bounced) setBounced(false);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [ctrlPgn, order, orderBy, page]);
+
+  useEffect(() => {
+    if (!method && externalCtrlPgn && Object.keys(externalCtrlPgn)?.length) {
+      const fullCtrlPgn = getFullCtrlPgn(true);
+      const fullExternalCtrlPgn = getFullCtrlPgn();
+      if (!isEqual(fullExternalCtrlPgn, fullCtrlPgn)) {
+        setCtrlPgn({ ...fullExternalCtrlPgn, recordCount: ((externalCtrlPgn?.recordCount || dados?.length) < externalCtrlPgn?.qtRegs) ? dados?.length : externalCtrlPgn?.qtPaginas * externalCtrlPgn?.qtRegs });
+        setBounced(true);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [externalCtrlPgn]);
+  
+  //_____________________________________________________________________________________________________________
+  
+
   return (
     <TableContext.Provider value={{ ...memoState, dadosMostrados, lista, indexToSelect, method }}>
       <ClickAwayListener onClickAway={onClickAway}>
@@ -292,9 +343,9 @@ const ArgousComplexTable = forwardRef(({
             {...{ actions, title, selected, filter, filterLabel, lista, indexToSelect, fixedToolbar, ...toolbarProps }} />
           <Table {...{ ...tableProps, size }}>
             <HeadComponent
-              size={method ? ctrlPgn.recordCount : dadosNaoCortados.length}
+              size={(method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length}
               numSelected={selected.length}
-              rowCount={(rowsPerPage > (method ? ctrlPgn.recordCount : dadosNaoCortados.length)) ? method ? ctrlPgn.recordCount : dadosNaoCortados.length : rowsPerPage || dadosNaoCortados.length}
+              rowCount={(rowsPerPage > ((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length)) ? ((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length) : (rowsPerPage || dadosNaoCortados.length)}
               {...{ head, order, orderBy, enableCheck, headerColumnStyles, disableSorting, ordCols, method, cortaDados, disableCheckIf, line, enableDrag }}
             />
             <BodyComponent
@@ -305,9 +356,9 @@ const ArgousComplexTable = forwardRef(({
               }}/>
             {FooterComponent && <FooterComponent {...footerProps}/>}
           </Table>
-          {rowsPerPageOptions !== 0 && Math.ceil(method ? ctrlPgn.recordCount : dadosNaoCortados.length / parseInt(rowsPerPageOptions[0], 10)) > 1 && (
+          {rowsPerPageOptions !== 0 && Math.ceil((method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length / parseInt(rowsPerPageOptions[0], 10)) > 1 && (
             <PaginationComponent
-              count={method ? ctrlPgn.recordCount : dadosNaoCortados.length}
+              count={(method || externalCtrlPgn) ? ctrlPgn.recordCount : dadosNaoCortados.length}
               onChangePage={(_, value) => {
                 dispatch({ type: 'setPage', value });
                 setCtrlPgn({ ...ctrlPgn, pgAtl: value + 1 });
@@ -316,6 +367,7 @@ const ArgousComplexTable = forwardRef(({
                 dispatch({ type: 'setRowsPerPage', value: parseInt(e.target.value, 10) });
                 dispatch({ type: 'setPage', value: 0 });
                 setCtrlPgn({ ...ctrlPgn, pgAtl: 1, qtRegs: parseInt(e.target.value, 10) });
+                setExternalCtrlPgn && setExternalCtrlPgn({ ...externalCtrlPgn, pgAtl: 1, qtRegs: parseInt(e.target.value, 10) });
               }}
               {...{ showCount, page, rowsPerPageOptions, rowsPerPage }} />
           )}
@@ -324,7 +376,7 @@ const ArgousComplexTable = forwardRef(({
     </TableContext.Provider>
   );
 });
-
+  
 ArgousComplexTable.propTypes = {
   dados: PropTypes.array,
   head: PropTypes.array,
@@ -356,7 +408,11 @@ ArgousComplexTable.propTypes = {
   methodPrms: PropTypes.object,
   field: PropTypes.string,
   fixedToolbar: PropTypes.bool,
-  onSelect: PropTypes.func
+  onSelect: PropTypes.func,
+  handleMethodError: PropTypes.bool,
+  allowMethodRequest: PropTypes.bool,
+  externalCtrlPgn: PropTypes.object,
+  setExternalCtrlPgn: PropTypes.func
 };
-
+  
 export default memo(ArgousComplexTable, isEqual);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "argous",
-  "version": "1.2.178",
+  "version": "1.2.179",
   "description": "Argous.",
   "main": "lib/index.js",
   "author": "Carlos Schneider",