argous 1.2.134 → 1.2.135

package/dist/api/ws.d.ts

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

package/dist/api/ws.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 argousWS = null;
+var connectArgousWS = function (data) {
+    argousWS = new WebSocket(api());
+};
+exports.connectArgousWS = connectArgousWS;
+var getArgousWS = function (data) {
+    return argousWS;
+};
+exports.getArgousWS = getArgousWS;
+var disconnect = function () {
+    if (argousWS)
+        argousWS.close();
+};
+exports.disconnect = disconnect;
+var enviaMensagem = function (data) {
+    var argousWS = exports.getArgousWS();
+    argousWS.send(JSON.stringify(__assign(__assign({}, _1.headers()), data)));
+};
+exports.enviaMensagem = enviaMensagem;

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

@@ -0,0 +1,8 @@
+export interface AlertProps {}
+/**
+ * @deprecated
+ * @param props 
+ */
+declare function Alert(props: AlertProps): JSX.Element
+
+export default Alert;

package/dist/components/Alert/Alert.js

@@ -0,0 +1,68 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+/**
+ * @deprecated
+ */
+var Alert = /** @class */ (function (_super) {
+    __extends(Alert, _super);
+    function Alert() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    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 },
+            (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))))))));
+    };
+    return Alert;
+}(react_1.Component));
+Alert.propTypes = {
+    titulo: prop_types_1.default.string,
+    mensagem: prop_types_1.default.string,
+    type: prop_types_1.default.oneOf(['info', 'success', 'warning', 'danger']),
+    small: prop_types_1.default.bool,
+    onClose: prop_types_1.default.func,
+    className: prop_types_1.default.string,
+    style: prop_types_1.default.object,
+};
+exports.default = Alert;

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

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

package/dist/components/Alert/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Alert_1 = require("./Alert");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });

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

@@ -0,0 +1,8 @@
+export interface ArgousActionProps {}
+/**
+ * @deprecated
+ * @param props 
+ */
+declare function ArgousAction(props: ArgousActionProps): JSX.Element
+
+export default ArgousAction;

package/dist/components/ArgousAction/ArgousAction.js

@@ -0,0 +1,87 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Button_1 = __importDefault(require("../Button"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+/**
+ * @deprecated
+ */
+var ArgousAction = /** @class */ (function (_super) {
+    __extends(ArgousAction, _super);
+    function ArgousAction() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ArgousAction.prototype.render = function () {
+        var _a = this.props, glyphicon = _a.glyphicon, _b = _a.type, type = _b === void 0 ? 'default' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, onClick = _a.onClick, item = _a.item, action = _a.action, dados = _a.dados, sendUpdates = _a.sendUpdates, receiveUpdates = _a.receiveUpdates, onSuccess = _a.onSuccess, onAllUpdated = _a.onAllUpdated, children = _a.children, style = _a.style, title = _a.title;
+        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 },
+            glyphicon && react_1.default.createElement("i", { className: glyphicon }),
+            children && react_1.default.createElement("span", null, children)));
+    };
+    return ArgousAction;
+}(react_1.Component));
+ArgousAction.propTypes = {
+    glyphicon: prop_types_1.default.string,
+    children: prop_types_1.default.node,
+    onClick: prop_types_1.default.func,
+    sendUpdates: prop_types_1.default.array,
+    receiveUpdates: prop_types_1.default.array,
+    onSuccess: prop_types_1.default.func,
+    onAllUpdated: prop_types_1.default.func,
+    action: prop_types_1.default.string,
+    dados: prop_types_1.default.object,
+    type: prop_types_1.default.oneOf([
+        'default',
+        'primary',
+        'success',
+        'info',
+        'warning',
+        'danger',
+    ]),
+    className: prop_types_1.default.string,
+    style: prop_types_1.default.object,
+    title: prop_types_1.default.string,
+    item: prop_types_1.default.oneOfType([prop_types_1.default.array, prop_types_1.default.object]),
+};
+exports.default = ArgousAction;

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

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

package/dist/components/ArgousAction/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ArgousAction_1 = require("./ArgousAction");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ArgousAction_1).default; } });

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

@@ -0,0 +1,14 @@
+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;

package/dist/components/ArgousAvatar/ArgousAvatar.js

@@ -0,0 +1,124 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 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 ArgousAvatar = react_1.default.forwardRef(function (_a, ref) {
+    var nome = _a.nome, src = _a.src, className = _a.className, idUsuario = _a.idUsuario, props = __rest(_a, ["nome", "src", "className", "idUsuario"]);
+    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))
+            return;
+        api_1.fetchToArgous('aguserimage', { idUsuario: idUsuario })
+            .then(function (_a) {
+            var userImage = _a.userImage;
+            if (userImage) {
+                setUserImage(userImage);
+                localStorage.setItem("imgUsuario-" + idUsuario, userImage);
+            }
+            else
+                localStorage.setItem("imgUsuario-" + 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));
+});
+ArgousAvatar.propTypes = {
+    nome: prop_types_1.default.string,
+    src: prop_types_1.default.string,
+    className: prop_types_1.default.string
+};
+exports.default = ArgousAvatar;

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

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

package/dist/components/ArgousAvatar/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ArgousAvatar_1 = require("./ArgousAvatar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ArgousAvatar_1).default; } });

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

@@ -0,0 +1,76 @@
+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;

package/dist/components/ArgousComplexPagination/ArgousComplexPagination.js

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

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

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

package/dist/components/ArgousComplexPagination/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ArgousComplexPagination_1 = require("./ArgousComplexPagination");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ArgousComplexPagination_1).default; } });