argous 1.2.134 → 1.2.138

package/dist/components/ArgousComplexTableBody/ArgousComplexTableBody.js

@@ -0,0 +1,155 @@
+"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 });
+exports.CustomTooltip = void 0;
+var ArgousComplexTable_1 = require("../ArgousComplexTable/ArgousComplexTable");
+var core_1 = require("@material-ui/core");
+var clsx_1 = __importDefault(require("clsx"));
+var lodash_1 = require("lodash");
+var react_1 = __importStar(require("react"));
+var md_1 = require("react-icons/md");
+var dist_1 = require("react-trello/dist/");
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    dragHandle: {
+        cursor: 'n-resize'
+    },
+    hover: {
+        '&:hover': {
+            backgroundColor: core_1.alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
+        }
+    },
+    open: {
+        backgroundColor: core_1.alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity),
+        '&:hover': {
+            backgroundColor: core_1.alpha(theme.palette.primary.main, theme.palette.action.selectedOpacity * 2),
+        }
+    },
+    semDados: {
+        padding: theme.spacing(1),
+        paddingLeft: theme.spacing(2),
+        fontSize: '1rem',
+    },
+    group: {
+        '&>td': {
+            padding: '0px',
+            // '&:hover':{
+            //   backgroundColor: theme.palette.action.selected
+            // }
+        }
+    },
+    loading: {
+        textAlign: 'center',
+        padding: '7px'
+    }
+}); });
+var ArgousComplexTableBody = react_1.memo(function (_a) {
+    var children = _a.children, line = _a.line, lineStyle = _a.lineStyle, handleOpenClose = _a.handleOpenClose, lineClass = _a.lineClass, enableCheck = _a.enableCheck, disableCheckIf = _a.disableCheckIf, columnStyles = _a.columnStyles, head = _a.head, onClick = _a.onClick, onDoubleClick = _a.onDoubleClick, indexToSelect = _a.indexToSelect, open = _a.open, dadosMostrados = _a.dadosMostrados, columnOptions = _a.columnOptions, lineTitle = _a.lineTitle, customKey = _a.customKey, columnProps = _a.columnProps, rowProps = _a.rowProps, enableDrag = _a.enableDrag, onDrop = _a.onDrop;
+    var classes = useStyles();
+    var _b = react_1.useContext(ArgousComplexTable_1.TableContext), lista = _b.lista, selected = _b.selected, dispatch = _b.dispatch, loading = _b.loading;
+    var handleClick = function (name) {
+        var selectedIndex = selected.indexOf(name);
+        var newSelected = [];
+        if (selectedIndex === -1)
+            newSelected = newSelected.concat(selected, name);
+        else if (selectedIndex === 0)
+            newSelected = newSelected.concat(selected.slice(1));
+        else if (selectedIndex === selected.length - 1)
+            newSelected = newSelected.concat(selected.slice(0, -1));
+        else if (selectedIndex > 0)
+            newSelected = newSelected.concat(selected.slice(0, selectedIndex), selected.slice(selectedIndex + 1));
+        dispatch({ type: 'setSelected', value: newSelected });
+    };
+    var isSelected = function (name) { return selected.indexOf(name) !== -1; };
+    var getCellContent = function (coluna, linha, index, i) {
+        if (columnOptions) {
+            var item = columnOptions.filter(function (item) { return item.alias === index; });
+            if (item.length > 0)
+                return item[0].customJsx({ index: i, itemFormatado: line(linha)[index], linhaFormatada: line(linha), linhaOriginal: linha });
+        }
+        return coluna;
+    };
+    return (react_1.default.createElement(dist_1.Container, { dragHandleSelector: "." + classes.dragHandle, onDrop: onDrop, render: function (containerRef) {
+            var _a;
+            return (react_1.default.createElement(core_1.TableBody, { innerRef: containerRef }, loading ? (react_1.default.createElement(core_1.TableRow, null,
+                react_1.default.createElement(core_1.TableCell, { className: classes.loading, colSpan: (dadosMostrados === null || dadosMostrados === void 0 ? void 0 : dadosMostrados.length) && ((_a = line(dadosMostrados[0])) === null || _a === void 0 ? void 0 : _a.length) + (enableCheck ? 1 : 0) + (enableDrag ? 1 : 0) },
+                    react_1.default.createElement(core_1.CircularProgress, { disableShrink: true })))) : dadosMostrados.length ? dadosMostrados.map(function (linha, i) {
+                var isItemSelected = isSelected(linha[indexToSelect]);
+                var isItemOpen = i === open;
+                var _a = rowProps({ index: i, linhaOriginal: linha, linhaFormatada: line(linha), itensSelecionados: selected }) || {}, title = _a.title, rowProperties = __rest(_a, ["title"]);
+                return react_1.default.createElement(dist_1.Draggable, { key: customKey ? lista[i][customKey] : i, render: function (draggableRef) {
+                        var _a;
+                        var _b;
+                        return (
+                        //TODO criar proprio draggable pois esse remove classes do filho
+                        react_1.default.createElement(react_1.Fragment, null,
+                            react_1.default.createElement(exports.CustomTooltip, { title: lineTitle || title },
+                                react_1.default.createElement(core_1.TableRow, __assign({ component: dist_1.Draggable }, rowProperties, { className: clsx_1.default((_a = {}, _a[classes.hover] = isItemSelected, _a[classes.open] = isItemOpen && !!children, _a), lineClass(line(linha), linha, i), rowProperties.className), hover: true, role: 'checkbox', tabIndex: -1, selected: isItemSelected, style: lineStyle ? lineStyle(linha, line(linha), i) : undefined, onClick: onClick ? function (e) { return onClick(e, linha, line(linha), i); } : children ? function () { return handleOpenClose(i); } : undefined, onDoubleClick: onDoubleClick ? function (e) { return onDoubleClick(e, linha, line(linha), i); } : undefined, innerRef: draggableRef }),
+                                    enableDrag && react_1.default.createElement(core_1.TableCell, { padding: 'checkbox' },
+                                        react_1.default.createElement(core_1.Tooltip, { title: 'Arrastar' },
+                                            react_1.default.createElement(core_1.IconButton, { size: 'small', className: classes.dragHandle },
+                                                react_1.default.createElement(md_1.MdDragHandle, null)))),
+                                    enableCheck && react_1.default.createElement(core_1.TableCell, { padding: 'checkbox' },
+                                        react_1.default.createElement(core_1.Checkbox, { disabled: disableCheckIf && disableCheckIf(linha, line(linha), i), onClick: function (e) {
+                                                e.stopPropagation();
+                                                handleClick(linha[indexToSelect]);
+                                            }, checked: isItemSelected })),
+                                    lodash_1.isArray(line(linha)) && line(linha).map(function (coluna, j) { return (react_1.default.createElement(core_1.TableCell, __assign({ key: j }, columnProps(j, coluna, linha, line(linha)), { style: columnStyles ? columnStyles[j] : undefined }), getCellContent(coluna, dadosMostrados[i], j, i))); }))),
+                            children && (react_1.default.createElement(core_1.TableRow, { className: classes.group },
+                                react_1.default.createElement(core_1.TableCell, { colSpan: (dadosMostrados === null || dadosMostrados === void 0 ? void 0 : dadosMostrados.length) && ((_b = line(dadosMostrados[0])) === null || _b === void 0 ? void 0 : _b.length) + (enableCheck ? 1 : 0) + (enableDrag ? 1 : 0), style: { padding: open === i ? 8 : 0 } },
+                                    react_1.default.createElement(core_1.Collapse, { in: open === i, mountOnEnter: true, unmountOnExit: true }, typeof children === 'function' ? children({ linha: line(linha), linhaOriginal: linha, index: i }) : children))))));
+                    } });
+            }) : react_1.default.createElement(core_1.TableRow, null,
+                react_1.default.createElement(core_1.Typography, { className: classes.semDados, component: 'td', variant: 'h6', colSpan: head.length + (enableCheck ? 1 : 0) }, "Nenhum dado a ser exibido"))));
+        } }));
+});
+exports.default = ArgousComplexTableBody;
+var CustomTooltip = function (_a) {
+    var title = _a.title, children = _a.children;
+    if (title)
+        return react_1.default.createElement(core_1.Tooltip, { arrow: true, title: title }, children);
+    return children;
+};
+exports.CustomTooltip = CustomTooltip;

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

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

package/dist/components/ArgousComplexTableBody/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 ArgousComplexTableBody_1 = require("./ArgousComplexTableBody");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ArgousComplexTableBody_1).default; } });

package/dist/components/ArgousComplexTableHead/ArgousComplexTableHead.d.ts

@@ -0,0 +1,73 @@
+import * as React from 'react';
+
+export interface ArgousComplexTableHeadProps {
+  /**
+   * Array de títulos para o cabeçalho da tabela
+   */ 
+  head?: Array<string>, 
+  /**
+   * Array de estilos para cada item do cabeçalho
+   */ 
+  headerColumnStyles?: Array<React.CSSProperties>,
+  /**
+   * Array de booleanos para desabilitar a ordenacao em itens expecificos
+   */ 
+  disableSorting?: Array<boolean>,
+}
+
+export interface ArgousComplexTableHeadPrivateProps extends ArgousComplexTableHeadProps {
+  /**
+   * Quantidade de itens selecionados
+   */
+  numSelected: number,
+  /**
+   * Quantidade de linhas por página
+   */
+  rowCount: number,
+  /**
+   * Habilita a seleção de linhas da lista 
+   */ 
+  enableCheck?: boolean,
+  /**
+   * Habilita o drag and drop das linhas
+   */ 
+  enableDrag?: boolean,
+  /**
+   * Função que decide se a seleção de determinada linha está habilitada
+   * 
+   * @param linhaOriginal - Linha original, antes de ser formatada pela função line
+   * @param linhaFormatada - Linha ja formatada pela função line
+   * @param index - Índice da linha
+   * 
+   * @returns {boolean} Booleano
+   */ 
+  disableCheckIf?: (linhaOriginal: Array<any> | object, linhaFormatada: Array<any>, index: number) => boolean,
+  /**
+   * Função que converte a linha original em um array com os dados a serem exibidos
+   * 
+   * @param linhaOriginal - linha a ser formatada
+   * 
+   * @returns {Array<any>} Retorna array
+   */ 
+  line: (linhaOriginal: Array<Array<any> | Object>) => Array<any>, 
+  /**
+   * Quantidade total de linhas na tabela
+   */
+  size: number,
+  /**
+   * Array de booleanos retornado pelo caminhador para habilitar a ordenação
+   */ 
+  ordCols: Array<boolean>,
+  /**
+   * Recebe o array com todos os dados e retorna um array somente com os dados mostrados
+   * 
+   * @param dados - Dados completos
+   * 
+   * @returns {Array<Array<any> | Object>} Array com dados mostrados
+   */
+  cortaDados: (dados: Array<Array<any> | Object>) => Array<Array<any> | Object>
+}
+
+declare function ArgousComplexTableHead(props: ArgousComplexTableHeadPrivateProps): JSX.Element
+
+export default ArgousComplexTableHead;

package/dist/components/ArgousComplexTableHead/ArgousComplexTableHead.js

@@ -0,0 +1,88 @@
+"use strict";
+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 ArgousComplexTable_1 = require("../ArgousComplexTable/ArgousComplexTable");
+var core_1 = require("@material-ui/core");
+var clsx_1 = __importDefault(require("clsx"));
+var lodash_1 = require("lodash");
+var react_1 = __importStar(require("react"));
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    highlight: {
+        color: theme.palette.type === 'light' ? theme.palette.secondary.main : theme.palette.text.primary,
+        backgroundColor: core_1.alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
+    },
+    lighthighlight: {
+        background: core_1.alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity)
+    },
+    visuallyHidden: {
+        border: 0,
+        clip: 'rect(0 0 0 0)',
+        height: 1,
+        margin: -1,
+        overflow: 'hidden',
+        padding: 0,
+        position: 'absolute',
+        top: 20,
+        width: 1,
+    }
+}); });
+var ArgousComplexTableHead = react_1.memo(function (_a) {
+    var _b;
+    var numSelected = _a.numSelected, rowCount = _a.rowCount, head = _a.head, enableCheck = _a.enableCheck, disableCheckIf = _a.disableCheckIf, line = _a.line, size = _a.size, headerColumnStyles = _a.headerColumnStyles, disableSorting = _a.disableSorting, ordCols = _a.ordCols, cortaDados = _a.cortaDados, enableDrag = _a.enableDrag;
+    var classes = useStyles();
+    var _c = react_1.useContext(ArgousComplexTable_1.TableContext), selected = _c.selected, order = _c.order, orderBy = _c.orderBy, dispatch = _c.dispatch, lista = _c.lista, indexToSelect = _c.indexToSelect, method = _c.method;
+    var handleRequestSort = function (property) {
+        var isAsc = orderBy === property && order === 'asc';
+        dispatch({ type: 'setOrder', value: isAsc ? 'desc' : 'asc' });
+        dispatch({ type: 'setOrderBy', value: property });
+    };
+    var length = react_1.useMemo(function () { return disableCheckIf ? lista.reduce(function (acc, linha, i) { return !disableCheckIf(linha, line(linha), i) ? acc + 1 : acc; }, 0) : size; }, [disableCheckIf, lista, size]);
+    var handleSelectAllClick = function (event) {
+        if (event.target.checked) {
+            if (!method && selected.length === 0)
+                dispatch({ type: 'setSelected', value: cortaDados(lista).filter(function (linha, i) { return disableCheckIf ? !disableCheckIf(linha, line(linha), i) : true; }).map(function (n) { return n[indexToSelect]; }) });
+            else if (selected.length < length)
+                dispatch({ type: 'setSelected', value: lista.filter(function (linha, i) { return disableCheckIf ? !disableCheckIf(linha, line(linha), i) : true; }).map(function (n) { return n[indexToSelect]; }) });
+            else
+                dispatch({ type: 'setSelected', value: [] });
+        }
+        else
+            dispatch({ type: 'setSelected', value: [] });
+    };
+    return (react_1.default.createElement(core_1.TableHead, null,
+        react_1.default.createElement(core_1.TableRow, { className: clsx_1.default((_b = {},
+                _b[classes.highlight] = (numSelected === rowCount || numSelected === length) && (rowCount && length),
+                _b[classes.lighthighlight] = numSelected > 0 && numSelected < rowCount,
+                _b)) },
+            enableDrag && react_1.default.createElement(core_1.TableCell, { padding: 'checkbox' }),
+            enableCheck && react_1.default.createElement(core_1.TableCell, { padding: 'checkbox' },
+                react_1.default.createElement(core_1.Checkbox, { disabled: !length, indeterminate: method ? (numSelected > 0 && numSelected < rowCount) : (numSelected > 0 && numSelected < length), checked: method ? (rowCount > 0 && numSelected === rowCount) : (rowCount > 0 && length && numSelected === length), onChange: handleSelectAllClick })),
+            lodash_1.isArray(head) && head.map(function (item, i) { return (react_1.default.createElement(core_1.TableCell, { key: i, style: headerColumnStyles ? headerColumnStyles[i] : undefined }, (disableSorting[i] || (ordCols && !ordCols[i])) ?
+                item
+                :
+                    react_1.default.createElement(core_1.TableSortLabel, { active: orderBy === i, direction: orderBy === i ? order : 'asc', onClick: function () { return handleRequestSort(i); } },
+                        item,
+                        orderBy === i ? (react_1.default.createElement("span", { className: classes.visuallyHidden }, order === 'desc' ? 'sorted descending' : 'sorted ascending')) : null))); }))));
+});
+exports.default = ArgousComplexTableHead;

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

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

package/dist/components/ArgousComplexTableHead/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 ArgousComplexTableHead_1 = require("./ArgousComplexTableHead");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ArgousComplexTableHead_1).default; } });

package/dist/components/ArgousComplexTableToolbar/ArgousComplexTableToolBar.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { IconType } from 'react-icons';
+
+declare interface ActionsFunction {
+  /**
+   * @param identificador - Array com todos os itens que foram selecionados
+   * 
+   * @returns {void} Sem retorno
+   */ 
+  (identificador: Array<any>): void
+}
+
+export interface ArgousComplexTableToolBarProps {
+  /**
+   * Recebe um array com as ações para a tabela, cada item do array deve ser outro array
+   * com três itens na seguinte ordem:
+   * 
+   * @param icone - Icone, do react icons, que ficará visivel na action
+   * @param title - Texto que aparecerá ao passar o mouse por cima do icone
+   * @param callback - Funcao q será chamada ao clicar no icone, ela pode receber como parametros os itens selecioandos na lista
+   */ 
+  actions?: Array<Array<IconType | string | ActionsFunction>>,
+  /**
+   * Titulo que aparecerá acima da tabela
+   */ 
+  title?: string,
+  /**
+   * Desabilita o filtro
+   */ 
+  disableFilter?: boolean,
+  /**
+   * Label a ser aplicado ao filtro
+   */ 
+  filterLabel?: string,
+  /**
+   * Deixa a barra de ferramentas fixa sempre ativa
+   */ 
+  fixedToolbar?: boolean,
+}
+
+export interface ArgousComplexTableToolBarPrivateProps extends ArgousComplexTableToolBarProps {
+  /**
+   * Quantidade de itens selecionados
+   */
+  numSelected: number,
+  /**
+   * Lista com os itens da tabela
+   */
+  lista: Array<Array<any> | Object>,
+  /**
+   * Ìndice da linha original a ser utilizado como ID primário na hora das seleções e que será retornado pelas actions
+   */ 
+  indexToSelect?: number | string,
+}
+
+declare function ArgousComplexTableToolBar(props: ArgousComplexTableToolBarPrivateProps): JSX.Element
+
+export default ArgousComplexTableToolBar;

package/dist/components/ArgousComplexTableToolbar/ArgousComplexTableToolBar.js

@@ -0,0 +1,70 @@
+"use strict";
+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 ArgousComplexTable_1 = require("../ArgousComplexTable/ArgousComplexTable");
+var core_1 = require("@material-ui/core");
+var clsx_1 = __importDefault(require("clsx"));
+var lodash_1 = require("lodash");
+var react_1 = __importStar(require("react"));
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    toolbar: {
+        minHeight: 0,
+        paddingLeft: theme.spacing(2),
+        paddingRight: theme.spacing(1),
+    },
+    highlight: {
+        color: theme.palette.type === 'light' ? theme.palette.secondary.main : theme.palette.text.primary,
+        backgroundColor: core_1.alpha(theme.palette.secondary.main, theme.palette.action.selectedOpacity * 2)
+    },
+    title: {
+        flex: '1 1 100%',
+        lineHeight: '50px'
+    }
+}); });
+var ArgousComplexTableToolBar = react_1.memo(function (_a) {
+    var _b;
+    var numSelected = _a.numSelected, actions = _a.actions, title = _a.title, disableFilter = _a.disableFilter, filterLabel = _a.filterLabel, lista = _a.lista, indexToSelect = _a.indexToSelect, fixedToolbar = _a.fixedToolbar;
+    var classes = useStyles();
+    var _c = react_1.useContext(ArgousComplexTable_1.TableContext), selected = _c.selected, dispatch = _c.dispatch;
+    var filterTime = react_1.useRef();
+    var handleChange = function (e) {
+        var value = e.target.value;
+        clearTimeout(filterTime.current);
+        filterTime.current = setTimeout(function () {
+            dispatch({ type: 'setFilter', value: value });
+        }, 300);
+    };
+    return (react_1.default.createElement(core_1.Toolbar, { className: clsx_1.default(classes.toolbar, (_b = {}, _b[classes.highlight] = numSelected > 0, _b)) },
+        numSelected > 0 ? (react_1.default.createElement(core_1.Typography, { className: classes.title, color: 'inherit', variant: 'subtitle1', component: 'div' },
+            numSelected,
+            " ",
+            numSelected === 1 ? 'selecionado' : 'selecionados')) : react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, style: { marginRight: 0 } },
+            title && react_1.default.createElement(core_1.Grid, { item: true, xs: true, style: { display: 'flex', alignItems: 'center' } },
+                react_1.default.createElement(core_1.Typography, { className: classes.title, variant: 'h6', component: 'div' }, title)),
+            !disableFilter && react_1.default.createElement(core_1.Grid, { item: true, xs: true },
+                react_1.default.createElement(core_1.TextField, { label: filterLabel, fullWidth: true, margin: 'dense', variant: 'outlined', onChange: handleChange }))),
+        (fixedToolbar || numSelected > 0) && lodash_1.isArray(actions) && actions.map(function (action, i) { return (react_1.default.createElement(core_1.Tooltip, { key: i, title: action[0] },
+            react_1.default.createElement(core_1.IconButton, { onClick: function (e) { return action[2](selected, e, lista.filter(function (linha) { return selected.indexOf(linha[indexToSelect]) > -1; })); } }, action[1]))); })));
+});
+exports.default = ArgousComplexTableToolBar;

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

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

package/dist/components/ArgousComplexTableToolbar/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 ArgousComplexTableToolBar_1 = require("./ArgousComplexTableToolBar");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ArgousComplexTableToolBar_1).default; } });

package/dist/components/ArgousInput/ArgousInput.d.ts

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