argous 1.2.246 → 1.3.2

package/dist/api/ws.d.ts

@@ -1,4 +1,4 @@
-export function connectArgousWS(data: any): void;
+export function connectArgousWS(data: any): any;
 export function getArgousWS(data: any): any;
 export function disconnect(): void;
 export function enviaMensagem(data: any): void;

package/dist/api/ws.js

@@ -10,14 +10,45 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.enviaMensagem = exports.disconnect = exports.getArgousWS = exports.connectArgousWS = void 0;
 var _1 = require("./");
 var config_1 = require("../utils/config");
-var api = function () { return "" + (config_1.getConfig().ssl ? 'wss' : 'ws') + _1.server() + "ws"; };
+var api = function () { return "".concat((0, config_1.getConfig)().ssl ? 'wss' : 'ws').concat((0, _1.server)(), "ws"); };
 var argousWS = null;
+var filaMensagens = [];
+var WS_CONNECTING = 0;
+var WS_OPEN = 1;
+var WS_CLOSING = 2;
+var WS_CLOSED = 3;
+var isSocketActive = function (ws) { return ws && [WS_CONNECTING, WS_OPEN].includes(ws.readyState); };
+var isSocketOpen = function (ws) { return ws && ws.readyState === WS_OPEN; };
+var flushMensagens = function () {
+    if (!isSocketOpen(argousWS) || !filaMensagens.length) {
+        return;
+    }
+    var mensagens = __spreadArray([], filaMensagens, true);
+    filaMensagens = [];
+    mensagens.forEach(function (mensagem) {
+        argousWS.send(mensagem);
+    });
+};
 var connectArgousWS = function (data) {
+    if (isSocketActive(argousWS)) {
+        return argousWS;
+    }
     argousWS = new WebSocket(api());
+    argousWS.addEventListener('open', flushMensagens);
+    return argousWS;
 };
 exports.connectArgousWS = connectArgousWS;
 var getArgousWS = function (data) {
@@ -25,12 +56,22 @@ var getArgousWS = function (data) {
 };
 exports.getArgousWS = getArgousWS;
 var disconnect = function () {
-    if (argousWS)
+    filaMensagens = [];
+    if (argousWS && ![WS_CLOSING, WS_CLOSED].includes(argousWS.readyState)) {
         argousWS.close();
+    }
+    argousWS = null;
 };
 exports.disconnect = disconnect;
 var enviaMensagem = function (data) {
-    var argousWS = exports.getArgousWS();
-    argousWS.send(JSON.stringify(__assign(__assign({}, _1.headers()), data)));
+    var mensagem = JSON.stringify(__assign(__assign({}, (0, _1.headers)()), data));
+    if (!isSocketActive(argousWS)) {
+        (0, exports.connectArgousWS)();
+    }
+    if (isSocketOpen(argousWS)) {
+        argousWS.send(mensagem);
+        return;
+    }
+    filaMensagens.push(mensagem);
 };
 exports.enviaMensagem = enviaMensagem;

package/dist/components/Alert/Alert.d.ts

@@ -1,8 +1,22 @@
-export interface AlertProps {}
+export default Alert;
 /**
  * @deprecated
- * @param props 
  */
-declare function Alert(props: AlertProps): JSX.Element
-
-export default Alert;
+declare class Alert extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.JSX.Element;
+}
+declare namespace Alert {
+    namespace propTypes {
+        let titulo: PropTypes.Requireable<string>;
+        let mensagem: PropTypes.Requireable<string>;
+        let type: PropTypes.Requireable<string>;
+        let small: PropTypes.Requireable<boolean>;
+        let onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        let className: PropTypes.Requireable<string>;
+        let style: PropTypes.Requireable<object>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/dist/components/Alert/Alert.js

@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (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];
@@ -26,13 +30,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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -49,7 +63,7 @@ var Alert = /** @class */ (function (_super) {
     }
     Alert.prototype.render = function () {
         var _a = this.props, titulo = _a.titulo, mensagem = _a.mensagem, _b = _a.type, type = _b === void 0 ? 'info' : _b, small = _a.small, onClose = _a.onClose, _c = _a.className, className = _c === void 0 ? '' : _c, style = _a.style;
-        return (react_1.default.createElement("div", null, ((mensagem) && (react_1.default.createElement("div", { style: style, className: "pg-alert pg-alert-dismissible reset-margin pg-alert-" + type + " " + (small && 'pg-alert-sm') + " " + className },
+        return (react_1.default.createElement("div", null, ((mensagem) && (react_1.default.createElement("div", { style: style, className: "pg-alert pg-alert-dismissible reset-margin pg-alert-".concat(type, " ").concat((small && 'pg-alert-sm'), " ").concat(className) },
             (onClose && (react_1.default.createElement("button", { onClick: onClose, type: 'button', className: 'close' }, "\u00D7"))),
             (titulo && (react_1.default.createElement("h4", null, titulo))),
             (mensagem && (react_1.default.createElement("p", null, mensagem))))))));

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

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

package/dist/components/ArgousAction/ArgousAction.d.ts

@@ -1,8 +1,29 @@
-export interface ArgousActionProps {}
+export default ArgousAction;
 /**
  * @deprecated
- * @param props 
  */
-declare function ArgousAction(props: ArgousActionProps): JSX.Element
-
-export default ArgousAction;
+declare class ArgousAction extends React.Component<any, any, any> {
+    constructor(props: any);
+    constructor(props: any, context: any);
+    render(): React.JSX.Element;
+}
+declare namespace ArgousAction {
+    namespace propTypes {
+        let glyphicon: PropTypes.Requireable<string>;
+        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        let sendUpdates: PropTypes.Requireable<any[]>;
+        let receiveUpdates: PropTypes.Requireable<any[]>;
+        let onSuccess: PropTypes.Requireable<(...args: any[]) => any>;
+        let onAllUpdated: PropTypes.Requireable<(...args: any[]) => any>;
+        let action: PropTypes.Requireable<string>;
+        let dados: PropTypes.Requireable<object>;
+        let type: PropTypes.Requireable<string>;
+        let className: PropTypes.Requireable<string>;
+        let style: PropTypes.Requireable<object>;
+        let title: PropTypes.Requireable<string>;
+        let item: PropTypes.Requireable<object>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

package/dist/components/ArgousAction/ArgousAction.js

@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (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];
@@ -26,13 +30,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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -53,9 +67,9 @@ var ArgousAction = /** @class */ (function (_super) {
         return (react_1.default.createElement(Button_1.default, { onClick: function (allFields, event) { return onClick && onClick(item, event); }, sendUpdates: sendUpdates, receiveUpdates: receiveUpdates, onSuccess: onSuccess, onAllUpdated: onAllUpdated, action: action, dados: {
                 dados: dados,
                 item: item,
-            }, className: (glyphicon
-                ? "btn btn-xs btn-round btn-action-min-size btn-" + type
-                : '') + " " + className, style: style, title: title },
+            }, className: "".concat(glyphicon
+                ? "btn btn-xs btn-round btn-action-min-size btn-".concat(type)
+                : '', " ").concat(className), style: style, title: title },
             glyphicon && react_1.default.createElement("i", { className: glyphicon }),
             children && react_1.default.createElement("span", null, children)));
     };

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

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

package/dist/components/ArgousAvatar/ArgousAvatar.d.ts

@@ -1,14 +1,3 @@
-import { AvatarProps } from '@material-ui/core';
-
-export interface ArgousAvatarTypeMap extends AvatarProps{
-  /**
-     * Nome da pessoa que recebera o avatar
-     * Prove as iniciais no caso de nao haver foto
-     */
-  nome?: string;
-  idUsuario?: number
-}
-
-declare function ArgousAvatar(props: ArgousAvatarTypeMap): JSX.Element
-
-export default ArgousAvatar;
+export default ArgousAvatar;
+declare const ArgousAvatar: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/dist/components/ArgousAvatar/ArgousAvatar.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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,81 +54,55 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+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 };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var api_1 = require("../../api");
 var utils_1 = require("../../utils");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
+var colors_1 = require("@mui/material/colors");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
-var useStyles = core_1.makeStyles(function (theme) { return ({
-    orange: {
-        color: theme.palette.getContrastText(core_1.colors.deepOrange[500]),
-        backgroundColor: core_1.colors.deepOrange[500],
-    },
-    purple: {
-        color: theme.palette.getContrastText(core_1.colors.deepPurple[500]),
-        backgroundColor: core_1.colors.deepPurple[500],
-    },
-    blue: {
-        color: theme.palette.getContrastText(core_1.colors.blue[500]),
-        backgroundColor: core_1.colors.blue[500],
-    },
-    red: {
-        color: theme.palette.getContrastText(core_1.colors.red[500]),
-        backgroundColor: core_1.colors.red[500],
-    },
-    rosa: {
-        color: theme.palette.getContrastText(core_1.colors.pink[500]),
-        backgroundColor: core_1.colors.pink[500],
-    },
-    cinza: {
-        color: theme.palette.getContrastText(core_1.colors.grey[500]),
-        backgroundColor: core_1.colors.grey[500],
-    },
-    green: {
-        color: theme.palette.getContrastText(core_1.colors.green[500]),
-        backgroundColor: core_1.colors.green[500],
-    },
-    amarelo: {
-        color: theme.palette.getContrastText(core_1.colors.yellow[500]),
-        backgroundColor: core_1.colors.yellow[500],
-    },
-    marrom: {
-        color: theme.palette.getContrastText(core_1.colors.brown[500]),
-        backgroundColor: core_1.colors.brown[500],
-    },
-    preto: {
-        color: theme.palette.getContrastText(core_1.colors.grey['A400']),
-        backgroundColor: core_1.colors.grey['A400'],
-    },
-    img: {
-        border: '2px solid #FFF'
-    },
-}); });
+var avatarColors = [colors_1.deepOrange[500], colors_1.deepPurple[500], colors_1.blue[500], colors_1.pink[500], colors_1.grey[500], colors_1.red[500], colors_1.yellow[500], colors_1.brown[500], colors_1.grey['A400'], colors_1.green[500]];
+var normalizeSx = function (sx) { return sx ? (Array.isArray(sx) ? sx : [sx]) : []; };
 var ArgousAvatar = react_1.default.forwardRef(function (_a, ref) {
-    var nome = _a.nome, src = _a.src, className = _a.className, idUsuario = _a.idUsuario, forwardedBlockSearch = _a.forwardedBlockSearch, props = __rest(_a, ["nome", "src", "className", "idUsuario", "forwardedBlockSearch"]);
-    var classes = useStyles();
-    var cores = [classes.orange, classes.purple, classes.blue, classes.rosa, classes.cinza, classes.red, classes.amarelo, classes.marrom, classes.preto, classes.green];
-    var _b = react_1.useState(undefined), userImage = _b[0], setUserImage = _b[1];
-    react_1.useEffect(function () {
-        setUserImage(localStorage.getItem("imgUsuario-" + idUsuario) || '');
-        if (!idUsuario || userImage || localStorage.getItem("imgUsuario-" + idUsuario) || (forwardedBlockSearch === null || forwardedBlockSearch === void 0 ? void 0 : forwardedBlockSearch.return))
+    var nome = _a.nome, src = _a.src, className = _a.className, idUsuario = _a.idUsuario, forwardedBlockSearch = _a.forwardedBlockSearch, sx = _a.sx, props = __rest(_a, ["nome", "src", "className", "idUsuario", "forwardedBlockSearch", "sx"]);
+    var theme = (0, material_1.useTheme)();
+    var _b = (0, react_1.useState)(undefined), userImage = _b[0], setUserImage = _b[1];
+    (0, react_1.useEffect)(function () {
+        var storedUserImage = localStorage.getItem("imgUsuario-".concat(idUsuario)) || '';
+        setUserImage(storedUserImage);
+        if (!idUsuario || storedUserImage || (forwardedBlockSearch === null || forwardedBlockSearch === void 0 ? void 0 : forwardedBlockSearch.return))
             return;
-        api_1.fetchToArgous('aguserimage', { idUsuario: idUsuario })
+        (0, api_1.fetchToArgous)('aguserimage', { idUsuario: idUsuario })
             .then(function (_a) {
             var userImage = _a.userImage;
             if (userImage) {
                 setUserImage(userImage);
-                localStorage.setItem("imgUsuario-" + idUsuario, userImage);
+                localStorage.setItem("imgUsuario-".concat(idUsuario), userImage);
             }
             else
-                localStorage.setItem("imgUsuario-" + idUsuario, '');
+                localStorage.setItem("imgUsuario-".concat(idUsuario), '');
         });
-    }, [idUsuario]);
-    return react_1.default.createElement(core_1.Avatar, __assign({ ref: ref, className: className + " " + (src || userImage ? classes.img : cores[utils_1.getNumeroFromInitials(utils_1.getInitials(nome), cores.length)]) }, props, { src: src || userImage }), utils_1.getInitials(nome));
+    }, [forwardedBlockSearch === null || forwardedBlockSearch === void 0 ? void 0 : forwardedBlockSearch.return, idUsuario]);
+    var color = avatarColors[(0, utils_1.getNumeroFromInitials)((0, utils_1.getInitials)(nome), avatarColors.length)];
+    var avatarSx = src || userImage ? {
+        border: '2px solid #FFF'
+    } : {
+        color: theme.palette.getContrastText(color),
+        backgroundColor: color
+    };
+    return react_1.default.createElement(material_1.Avatar, __assign({ ref: ref, className: className, sx: __spreadArray([avatarSx], normalizeSx(sx), true) }, props, { src: src || userImage }), (0, utils_1.getInitials)(nome));
 });
 ArgousAvatar.propTypes = {
     nome: prop_types_1.default.string,

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

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

package/dist/components/ArgousComplexPagination/ArgousComplexPagination.d.ts

@@ -1,76 +1,3 @@
-import { SelectProps } from '@material-ui/core';
-import * as React from 'react';
-
-export interface ArgousComplexPaginationProps {
-  /**
-   * Array de opções para as quantidades de linhas por pagina possiveis
-   * 
-   * Se receber zero como opção ao invés de um array a tabela tera todas as linahs numa só página
-   */ 
-  rowsPerPageOptions?: Array<number> | 0, 
-  /**
-   * Mostra a quantidade total de linhas da tabela
-   */ 
-  showCount?: boolean
-}
-
-export interface ArgousComplexPaginationPrivateProps extends ArgousComplexPaginationProps {
-  /**
-   * Componente com os botões de mudança de página
-   */
-  ActionsComponent: (props: {count: number, page: number, rowsPerPage: number, onChangePage: (evento: EventTarget, novaPagina: number) => void}) => JSX.Element,
-  /**
-   * Componente com o display das páginas
-   */
-  LabelDisplayedRows: (props: {pages: number, page: number, onChangePage: (evento: EventTarget, novaPagina: number) => void, from: number, to: number, count: number, showCount: boolean}) => JSX.Element,
-  /**
-   * Classes aplicadas á raiz do componente
-   */
-  className?: string,
-  /**
-   * Texto representando os itens da paginação (Linhas por padrão)
-   */
-  labelRowsPerPage?: string,
-  /**
-   * Props repassados ao componente de seleção
-   */
-  SelectProps?: SelectProps,
-  /**
-   * Quantidade total de linhas
-   */
-  count: number,
-  /**
-   * Função chamada ao mudar de página
-   * 
-   * @param evento - Evento do click
-   * @param novaPagina - Número da nova página selecionada
-   * 
-   * @returns {void} Sem retorno
-   */
-  onChangePage: (evento: EventTarget, novaPagina: number) => void,
-  /**
-   *  Função chamada ao mudar a quantidade de itens por página
-   * 
-   * @param evento - Evento do click
-   * @param filho - Elemento que foi selecionado
-   * 
-   * @returns {void} Sem retorno
-   */
-  onChangeRowsPerPage: ((evento: React.ChangeEvent<{name?: string | undefined; value: unknown;}>, filho: React.ReactNode) => void) | undefined,
-  /**
-   * Página atual 
-   */
-  page: number,
-  /**
-   * Quantidade de linhas por página
-   */
-  rowsPerPage: number,
-  // backIconButtonProps?,
-  // backIconButtonText?: string,
-  // nextIconButtonProps?,
-  // nextIconButtonText?: string,
-}
-
-declare function ArgousComplexPagination(props: ArgousComplexPaginationPrivateProps): JSX.Element
-
-export default ArgousComplexPagination;
+export default ArgousComplexPagination;
+declare const ArgousComplexPagination: React.NamedExoticComponent<object>;
+import React from 'react';