argous 1.2.246 → 1.3.2

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

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

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

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

@@ -1,159 +1,4 @@
-import { ArgousComplexPaginationPrivateProps, ArgousComplexPaginationProps } from '../ArgousComplexPagination/ArgousComplexPagination';
-import { ArgousComplexTableBodyPrivateProps, ArgousComplexTableBodyProps } from '../ArgousComplexTableBody/ArgousComplexTableBody';
-import { ArgousComplexTableHeadPrivateProps, ArgousComplexTableHeadProps } from '../ArgousComplexTableHead/ArgousComplexTableHead';
-import { ArgousComplexTableToolBarPrivateProps, ArgousComplexTableToolBarProps } from '../ArgousComplexTableToolbar/ArgousComplexTableToolBar';
-import { TableContainerProps, TableProps } from '@material-ui/core';
+export const TableContext: React.Context<any>;
+declare const _default: React.NamedExoticComponent<React.RefAttributes<any>>;
+export default _default;
 import React from 'react';
-
-export interface ArgousComplexTableProps extends ArgousComplexTableBodyProps, ArgousComplexPaginationProps, ArgousComplexPaginationProps, ArgousComplexTableHeadProps, ArgousComplexTableToolBarProps {
-  /**
-   * Componente para substituir a Toolbar padrão
-   */ 
-  ToolbarComponent?: (props: ArgousComplexTableToolBarPrivateProps) => JSX.Element,
-  /**
-   * Componente para substituir o Header padrão
-   */ 
-  HeadComponent?: (props: ArgousComplexTableHeadPrivateProps) => JSX.Element,
-  /**
-   * Componente para substituir o Body padrão
-   */ 
-  BodyComponent?: (props: ArgousComplexTableBodyPrivateProps) => JSX.Element,
-  /**
-   * Componente para substituir a pagination padrão
-   */ 
-  PaginationComponent?: (props: ArgousComplexPaginationPrivateProps) => JSX.Element,
-  /**
-   * Adiciona um Footer à tabela
-   */ 
-  FooterComponent?: React.ReactNode,
-  /**
-   * Props repassados ao componente de footer
-   */ 
-  footerProps?: object,
-  /**
-   * Array de dados fornecido para a tabela
-   */ 
-  dados?: Array<Array<any> | Object>,
-  /**
-   * Número de linhas padrão por página
-   */ 
-  defaultRowsPerPage?: number,
-  /**
-   * Estilos aplicados à tabela
-   */ 
-  style?: React.CSSProperties,
-  /**
-   * Classes aplicadas à tabela
-   */ 
-  className?: string,
-  /**
-   * Tamanho da tabela
-   */ 
-  size?: 'small' | 'normal',
-  /**
-   * Função chamada ao abrir um item
-   * 
-   * @param linhaOriginal - Linha original 
-   * @param linhaFormatada - Linha formatada
-   * 
-   * @returns {void} Sem retorno
-   */ 
-  onOpen?: (linhaOriginal: Array<any> | object, linhaFormatada: Array<any>) => void,
-  /**
-   * Função chamada ao fechar um item
-   * 
-   * @param linhaOriginal - Linha original 
-   * @param linhaFormatada - Linha formatada
-   * 
-   * @returns {void} Sem retorno
-   */ 
-  onClose?: (linhaOriginal: Array<any> | object, linhaFormatada: Array<any>) => void,
-  /**
-   * Nome de metódo utilizando o padrão de caminhador argous para prover os dados para a tabela
-   */ 
-  method?: string,
-  /**
-   * Objeto de parâmetros passados para o método
-   */ 
-  methodPrms?: object,
-  /**
-   * Nome da chave do objeto de resposta do método (lista por padrão)
-   */ 
-  methodResultList?: string,
-  /**
-   * Função chamada apos o metodo receber uma resposta 
-   * 
-   * @param response - Resposta
-   * 
-   * @returns {void} Sem retorno
-   */
-  onMethodResponse?: (response: Object) => void,
-  /**
-   * Boolean que define se o erro do método será tratado automaticamente na ServerAction
-   */
-  handleMethodError?: boolean,
-  /**
-   * Boolean que permite solicitar o método
-   */
-  allowMethodRequest?: boolean,
-  /**
-   * @deprecated
-   * 
-   * Field contendo os dados a serem providos para a tabela
-   */ 
-  field?: string,
-  /**
-   * Função que é chamada sempre que os itens selecionados mudam
-   * 
-   * @param itensSelecionados - Array com os itens selecionados
-   * 
-   * @returns {void} Sem retorno
-   */ 
-  onSelect?: (itensSelecionados: Array<any>) => void,
-  /**
-   * Referência utilizada para salvar o estado da tabela quando ela é descarregada
-   */ 
-  //TODO criar interface para o savedstate
-  savedState?: React.RefObject<any>,
-  /**
-   * Referencia passada ao componente
-   */
-  //TODO criar interface para a referencia
-  ref?: React.RefObject<any>,
-  /**
-   * Props repassados ao componente container
-   */
-  containerProps?: TableContainerProps,
-  /**
-   * Props repassados ao componente table
-   */
-  tableProps?: TableProps,
-  /**
-   * Props repassados ao componente toolbar
-   */
-  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,
-  /**
-   * Program code (pgCode) que será utilizado junto ao método
-   */
-  code?: string,
-  /**
-   * Token que será utilizado junto ao método
-   */
-  token?: string
-}
-
-declare function ArgousComplexTable(props: ArgousComplexTableProps): JSX.Element
-
-export default ArgousComplexTable;