argous 1.2.134 → 1.2.138

package/dist/components/ArgousProgressBar/ArgousProgressBar.js

@@ -0,0 +1,162 @@
+"use strict";
+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 prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    progressContainer: {
+        '& > div': {
+            padding: '0px !important'
+        }
+    },
+    progressBorder: {
+        border: function (props) { return "3px solid " + (props.borderColor || props.preset.borderColor); },
+        borderRadius: '15px',
+    },
+    progressBack: {
+        height: '20px',
+        padding: '2px',
+        position: 'relative'
+    },
+    progressBar: {
+        width: '100%',
+        height: '100%',
+        borderRadius: '10px',
+        background: function (props) { return props.percnt === 0 ? theme.palette.background.paper : props.percnt > 100 ? props.fullBarColor || props.preset.fullBarColor : props.barColor || props.preset.barColor; },
+    },
+    progressCover: {
+        height: '100%',
+        transition: '300ms',
+        background: function (props) { return props.percnt > 99 ? 'transparent' : theme.palette.background.paper; },
+        position: 'absolute',
+        top: '0px',
+        right: '0',
+        width: function (props) { return 100 - props.percnt + "%"; },
+        minWidth: '5%',
+        maxWidth: '95%',
+        borderRadius: '0px 10px 10px 0px;',
+    },
+    topIndicator: {
+        zIndex: 1,
+        transition: '300ms',
+        display: 'block',
+        position: 'relative',
+        width: 'max-content',
+        margin: '0 2px',
+        paddingLeft: function (props) { return props.percnt > 94 ? '94%' : props.percnt < 5 ? '0' : props.percnt + "%"; },
+        transform: function (props) { return props.percnt === 0 ? "translate(" + (props.compact ? '-25px, 1px' : '-10px, 0px') + ")" : props.percnt > 5 ? "translate(" + (props.compact ? '-30px, 1px' : '-15px, 0px') + ")" : ''; },
+        '& p': {
+            margin: '0 0 5px',
+            border: function (props) { return props.compact ? 0 : "2px solid " + (props.topIndicatorColor || props.preset.indicatorColor); },
+            padding: '0px 3px',
+            borderRadius: '5px',
+            minWidth: '25px',
+            textAlign: 'center',
+            cursor: 'default',
+            lineHeight: '12px',
+            height: '24px',
+        },
+        '& p::before': {
+            content: '""',
+            position: 'relative',
+            bottom: '-22px',
+            left: '0px',
+            width: '0px',
+            height: '0px',
+            borderTop: function (props) { return "5px solid " + (props.topIndicatorColor || props.preset.indicatorColor); },
+            borderLeft: '10px solid transparent',
+            borderRight: '10px solid transparent',
+            display: 'block',
+            opacity: function (props) { return props.compact ? 0 : 1; }
+        },
+    },
+    rightIndicator: {
+        display: 'block',
+        position: 'relative',
+        width: 'max-content',
+        '& p': {
+            margin: '0 7px 0',
+            border: function (props) { return "2px solid " + (props.rightIndicatorColor || props.preset.indicatorColor); },
+            padding: '0px 3px',
+            borderRadius: '5px',
+            minWidth: '25px',
+            textAlign: 'center',
+            minHeight: '24px',
+            cursor: 'default'
+        },
+        '& p::before': {
+            content: '""',
+            position: 'absolute',
+            bottom: '2px',
+            left: '0px',
+            width: '0px',
+            height: '0px',
+            borderTop: '10px solid transparent',
+            borderBottom: '10px solid transparent',
+            borderRight: function (props) { return "8px solid " + (props.rightIndicatorColor || props.preset.indicatorColor); },
+        },
+    },
+    collapse: {
+        height: function (props) { return props.compact ? '0px !important' : undefined; }
+    }
+}); });
+var selectPreset = function (preset, palette) {
+    switch (preset) {
+        case 'secondary':
+            return { fullBarColor: palette.secondary.dark, borderColor: palette.secondary.dark, indicatorColor: palette.secondary.dark, barColor: "linear-gradient(90deg, " + palette.secondary.light + " 0%, " + palette.secondary.main + " 50%, " + palette.secondary.dark + " 100%)" };
+        case 'success':
+            return { fullBarColor: palette.success.dark, borderColor: palette.success.dark, indicatorColor: palette.success.dark, barColor: "linear-gradient(90deg, " + palette.success.light + " 0%, " + palette.success.main + " 50%, " + palette.success.dark + " 100%)" };
+        case 'info':
+            return { fullBarColor: palette.info.dark, borderColor: palette.info.dark, indicatorColor: palette.info.dark, barColor: "linear-gradient(90deg, " + palette.info.light + " 0%, " + palette.info.main + " 50%, " + palette.info.dark + " 100%)" };
+        case 'warning':
+            return { fullBarColor: palette.warning.dark, borderColor: palette.warning.dark, indicatorColor: palette.warning.dark, barColor: "linear-gradient(90deg, " + palette.warning.light + " 0%, " + palette.warning.main + " 50%, " + palette.warning.dark + " 100%)" };
+        case 'danger':
+            return { fullBarColor: palette.error.dark, borderColor: palette.error.dark, indicatorColor: palette.error.dark, barColor: "linear-gradient(90deg, " + palette.error.light + " 0%, " + palette.error.main + " 50%, " + palette.error.dark + " 100%)" };
+        case 'hot':
+            return { fullBarColor: 'rgba(244,67,54,1)', borderColor: '#d84315', indicatorColor: '#f44336', barColor: 'linear-gradient(90deg, rgba(255,235,59,1) 0%, rgba(255,152,0,1) 50%, rgba(244,67,54,1) 100%)' };
+        case 'cold':
+            return { fullBarColor: '#673ab7', borderColor: '#5e35b1', indicatorColor: '#512da8', barColor: 'linear-gradient(90deg, #2196f3 0%, #3f51b5 50%, #673ab7 100%)' };
+        default:
+            return { fullBarColor: palette.primary.dark, borderColor: palette.primary.dark, indicatorColor: palette.primary.dark, barColor: "linear-gradient(90deg, " + palette.primary.light + " 0%, " + palette.primary.main + " 50%, " + palette.primary.dark + " 100%)" };
+    }
+};
+function ProgressBar(_a) {
+    var valueLabel = _a.valueLabel, valueSuffix = _a.valueSuffix, maxValueSuffix = _a.maxValueSuffix, maxValueLabel = _a.maxValueLabel, value = _a.value, maxValue = _a.maxValue, rightIndicatorColor = _a.rightIndicatorColor, topIndicatorColor = _a.topIndicatorColor, borderColor = _a.borderColor, barColor = _a.barColor, fullBarColor = _a.fullBarColor, preset = _a.preset, compact = _a.compact, className = _a.className;
+    var theme = core_1.useTheme();
+    var percnt = maxValue ? value * 100 / maxValue : 0;
+    var classes = useStyles({ percnt: percnt, rightIndicatorColor: rightIndicatorColor, topIndicatorColor: topIndicatorColor, borderColor: borderColor, barColor: barColor, fullBarColor: fullBarColor, preset: selectPreset(preset, theme.palette), compact: compact });
+    return (react_1.default.createElement(core_1.Grid, { container: true, spacing: 2, className: classes.progressContainer + " " + className, style: { marginTop: compact ? '-10px' : undefined } },
+        react_1.default.createElement(core_1.Grid, { item: true, xs: 10, style: { maxWidth: '80%', flexBasis: '80%' } },
+            react_1.default.createElement(core_1.Collapse, { in: value > 0, className: classes.collapse },
+                react_1.default.createElement("div", { className: classes.topIndicator },
+                    react_1.default.createElement("p", { title: valueLabel || 'Minutos Realizados' },
+                        value,
+                        valueSuffix)))),
+        react_1.default.createElement(core_1.Grid, { item: true, xs: 2, style: { maxWidth: '20%', flexBasis: '20%' } }),
+        react_1.default.createElement(core_1.Grid, { item: true, xs: 10, style: { maxWidth: '80%', flexBasis: '80%' } },
+            react_1.default.createElement("div", { item: true, title: "Porcentagem " + percnt.toFixed(2) + "%", className: classes.progressBorder },
+                react_1.default.createElement("div", { className: classes.progressBack },
+                    react_1.default.createElement("div", { className: classes.progressBar }),
+                    react_1.default.createElement("div", { className: classes.progressCover })))),
+        react_1.default.createElement(core_1.Grid, { item: true, xs: 2, style: { maxWidth: '20%', flexBasis: '20%' } },
+            react_1.default.createElement(core_1.Grow, { in: maxValue > 0 },
+                react_1.default.createElement("div", { className: classes.rightIndicator },
+                    react_1.default.createElement("p", { title: maxValueLabel || 'Minutos Previstos' },
+                        maxValue,
+                        maxValueSuffix))))));
+}
+exports.default = ProgressBar;
+ProgressBar.propTypes = {
+    value: prop_types_1.default.number,
+    maxValue: prop_types_1.default.number,
+    rightIndicatorColor: prop_types_1.default.string,
+    topIndicatorColor: prop_types_1.default.string,
+    borderColor: prop_types_1.default.string,
+    barColor: prop_types_1.default.string,
+    fullBarColor: prop_types_1.default.string,
+    compact: prop_types_1.default.bool,
+    preset: prop_types_1.default.oneOf(['default', 'primary', 'secondary', 'success', 'info', 'warning', 'danger', 'hot', 'cold'])
+};

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

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

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

package/dist/components/ArgousSimpleTable/ArgousSimpleTable.d.ts

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

package/dist/components/ArgousSimpleTable/ArgousSimpleTable.js

@@ -0,0 +1,201 @@
+"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 ArgousPagination_1 = __importDefault(require("../ArgousPagination"));
+var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
+var styles_1 = require("@material-ui/core/styles");
+var Table_1 = __importDefault(require("@material-ui/core/Table"));
+var TableBody_1 = __importDefault(require("@material-ui/core/TableBody"));
+var TableCell_1 = __importDefault(require("@material-ui/core/TableCell"));
+var TableContainer_1 = __importDefault(require("@material-ui/core/TableContainer"));
+var TableHead_1 = __importDefault(require("@material-ui/core/TableHead"));
+var TableRow_1 = __importDefault(require("@material-ui/core/TableRow"));
+var react_1 = __importStar(require("react"));
+/**
+ * @deprecated
+ */
+var ArgousSimpleTable = function (props) {
+    var useStyles = styles_1.makeStyles({
+        table: {
+            minWidth: 650,
+        },
+    });
+    var _a = react_1.useState({ acao: '', pgAtl: 1, qtRegs: 0 }), ctrlPgn = _a[0], setCtrlPgn = _a[1];
+    var _b = react_1.useState(false), iniciado = _b[0], setIniciado = _b[1];
+    var _c = react_1.useState({ tpOrdem: 'D' }), tpOrdenacao = _c[0], setTpOrdenacao = _c[1];
+    var _d = react_1.useState([]), listaChildrens = _d[0], setListaChildrens = _d[1];
+    var classes = useStyles();
+    function getCellContent(vlr, line) {
+        if (props.columnOptions) {
+            for (var _i = 0, _a = props.columnOptions; _i < _a.length; _i++) {
+                var element = _a[_i];
+                if (element.alias === line) {
+                    return element.customJsx({ value: vlr });
+                }
+            }
+        }
+        return vlr;
+    }
+    function clickNaLinha(row) {
+        if (props.onClick) {
+            props.onClick(props.rows[row]);
+        }
+    }
+    function onChangePage(prm) {
+        var pgAtual = props.ctrlPgnReturn.pgAtl;
+        if (prm === 'P') {
+            if (pgAtual > 1) {
+                setCtrlPgn(__assign(__assign({}, ctrlPgn), { acao: prm, qtPaginas: props.ctrlPgnReturn.qtPaginas, pgAtl: pgAtual, qtRegs: props.ctrlPgnReturn.qtRegs }));
+            }
+        }
+        else if (pgAtual < props.ctrlPgnReturn.qtPaginas) {
+            setCtrlPgn(__assign(__assign({}, ctrlPgn), { acao: prm, qtPaginas: props.ctrlPgnReturn.qtPaginas, pgAtl: pgAtual, qtRegs: props.ctrlPgnReturn.qtRegs }));
+        }
+    }
+    function onChangeRowsPerPage(prm) {
+        setCtrlPgn(__assign(__assign({}, ctrlPgn), { qtRegs: prm }));
+    }
+    function onChangePageNumber(prm) {
+        setCtrlPgn(__assign(__assign({}, ctrlPgn), { acao: "S=" + parseInt(prm), pgAtl: parseInt(prm), qtRegs: props.ctrlPgnReturn.qtRegs, qtPaginas: props.ctrlPgnReturn.qtPaginas }));
+    }
+    function selecionaOrdenacao(prm) {
+        if (tpOrdenacao.indOrdem) {
+            if (tpOrdenacao.indOrdem === prm) {
+                var tpOrdem = 'D';
+                if (tpOrdenacao.tpOrdem === 'D') {
+                    tpOrdem = 'A';
+                }
+                setTpOrdenacao({ indOrdem: prm, tpOrdem: tpOrdem });
+                setCtrlPgn(__assign(__assign({}, ctrlPgn), { acao: undefined, indOrdem: prm, tpOrdem: tpOrdem, pgAtl: parseInt(props.ctrlPgnReturn.pgAtl), qtRegs: props.ctrlPgnReturn.qtRegs, qtPaginas: props.ctrlPgnReturn.qtPaginas }));
+            }
+            else {
+                setTpOrdenacao({ indOrdem: prm, tpOrdem: 'D' });
+                setCtrlPgn(__assign(__assign({}, ctrlPgn), { acao: undefined, indOrdem: prm, tpOrdem: 'D', pgAtl: parseInt(props.ctrlPgnReturn.pgAtl), qtRegs: props.ctrlPgnReturn.qtRegs, qtPaginas: props.ctrlPgnReturn.qtPaginas }));
+            }
+        }
+        else {
+            var tpOrdem = 'D';
+            if (tpOrdenacao.tpOrdem) {
+                if (tpOrdenacao.tpOrdem === 'D') {
+                    tpOrdem = 'A';
+                }
+            }
+            setTpOrdenacao({ indOrdem: prm, tpOrdem: tpOrdem });
+            setCtrlPgn(__assign(__assign({}, ctrlPgn), { acao: undefined, indOrdem: prm, tpOrdem: tpOrdem, pgAtl: parseInt(props.ctrlPgnReturn.pgAtl), qtRegs: props.ctrlPgnReturn.qtRegs, qtPaginas: props.ctrlPgnReturn.qtPaginas }));
+        }
+    }
+    function listaFilhos() {
+        var children = props.children;
+        if (children) {
+            if (!children.length) {
+                return [children];
+            }
+            return children;
+        }
+        return [];
+    }
+    react_1.useEffect(function () {
+        if (iniciado) {
+            props.ctrlPgn({ ctrlPgn: ctrlPgn });
+        }
+        else {
+            setListaChildrens(listaFilhos());
+            setIniciado(true);
+        }
+    }, [ctrlPgn]);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(TableContainer_1.default, { component: Paper_1.default },
+            react_1.default.createElement(Table_1.default, { className: classes.table, size: 'small', style: { tableLayout: 'fixed', width: '100%' } },
+                react_1.default.createElement(TableHead_1.default, null,
+                    react_1.default.createElement(TableRow_1.default, null,
+                        props.head.map(function (coluna, index) {
+                            var width = 'auto';
+                            if (props.columnWidths && props.columnWidths[index]) {
+                                width = props.columnWidths[index];
+                            }
+                            var ordena = false;
+                            if (props.ctrlPgnReturn && props.ctrlPgnReturn.ordCols) {
+                                ordena = props.ctrlPgnReturn.ordCols[index];
+                            }
+                            if (ordena) {
+                                return (react_1.default.createElement(TableCell_1.default, { onClick: function () { return selecionaOrdenacao(index); }, style: { width: "" + width, whiteSpace: 'nowrap', cursor: 'pointer', fontSize: 14 }, key: index },
+                                    coluna,
+                                    (tpOrdenacao.indOrdem !== undefined) && (tpOrdenacao.indOrdem !== index) &&
+                                        react_1.default.createElement("i", { style: { right: '-10px', position: 'relative', color: '#999' }, className: 'glyph-icon tooltip-button demo-icon icon-sort' }),
+                                    (tpOrdenacao.indOrdem === undefined) && (tpOrdenacao.indOrdem !== index) &&
+                                        react_1.default.createElement("i", { style: { right: '-10px', position: 'relative' }, className: 'glyph-icon tooltip-button demo-icon icon-sort' }),
+                                    (tpOrdenacao.indOrdem !== undefined) && (tpOrdenacao.indOrdem === index) && (tpOrdenacao.tpOrdem === 'A') &&
+                                        react_1.default.createElement("i", { style: { right: '-10px', position: 'relative' }, className: 'glyph-icon tooltip-button demo-icon icon-sort-amount-asc' }),
+                                    (tpOrdenacao.indOrdem !== undefined) && (tpOrdenacao.indOrdem === index) && (tpOrdenacao.tpOrdem === 'D') &&
+                                        react_1.default.createElement("i", { style: { right: '-10px', position: 'relative' }, className: 'glyph-icon tooltip-button demo-icon icon-sort-amount-desc' })));
+                            }
+                            return (react_1.default.createElement(TableCell_1.default, { style: { width: "" + width, fontSize: 14 }, key: index }, coluna));
+                        }),
+                        listaChildrens.map(function (item, index) { return (react_1.default.createElement(TableCell_1.default, { style: { width: '30px', fontSize: 14 }, key: "act" + index }, " ")); }))),
+                react_1.default.createElement(TableBody_1.default, null, props.rows && props.rows.map(function (linha, index) {
+                    if (props.maxRows) {
+                        if (index >= props.maxRows) {
+                            return null;
+                        }
+                    }
+                    var estilo = {
+                        cursor: 'pointer'
+                    };
+                    if (props.onClick === undefined) {
+                        estilo = { cursor: 'text' };
+                    }
+                    if (props.indexes) {
+                        return (react_1.default.createElement(TableRow_1.default, { key: index, style: estilo, onClick: function () { return clickNaLinha(index); } },
+                            props.indexes.map(function (ind, keyInd) {
+                                var oEstilo = {};
+                                if (props.columnStyles && props.columnStyles[keyInd]) {
+                                    oEstilo = props.columnStyles[keyInd];
+                                }
+                                var aClasse = '';
+                                if (props.columnClasses && props.columnClasses[keyInd]) {
+                                    aClasse = props.columnClasses[keyInd];
+                                }
+                                return (react_1.default.createElement(TableCell_1.default, { className: aClasse, style: oEstilo, key: keyInd }, getCellContent(linha[ind], keyInd)));
+                            }),
+                            listaChildrens.map(function (act, index3) { return (react_1.default.createElement(TableCell_1.default, { style: { width: '30px' }, key: "act_" + index3 }, react_1.default.cloneElement(act, { item: linha }))); })));
+                    }
+                    return (react_1.default.createElement(TableRow_1.default, { key: index, style: estilo, onClick: function () { return clickNaLinha(index); } }, linha.map(function (ln, keyInd) {
+                        return (react_1.default.createElement(TableCell_1.default, { style: { whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }, key: keyInd }, getCellContent(ln, keyInd)));
+                    })));
+                })))),
+        (props.ctrlLinhasPorPagina) && (props.ctrlPgnReturn) &&
+            react_1.default.createElement(ArgousPagination_1.default, { linhasPorPagina: props.ctrlLinhasPorPagina, paginas: props.ctrlPgnReturn.qtPaginas, ctrlPgnReturn: props.ctrlPgnReturn, onChangePage: onChangePage, onChangeRowsPerPage: onChangeRowsPerPage, onChangePageNumber: onChangePageNumber })));
+};
+exports.default = ArgousSimpleTable;

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

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

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

package/dist/components/AutoComplete/AutoComplete.d.ts

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

package/dist/components/AutoComplete/AutoComplete.js

@@ -0,0 +1,185 @@
+"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 __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 __1 = require("./../");
+var fieldsRedux_1 = require("../../fieldsRedux");
+var api_1 = require("../../utils/api");
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+var react_custom_scrollbars_1 = require("react-custom-scrollbars");
+/**
+ * @deprecated
+ */
+var AutoComplete = /** @class */ (function (_super) {
+    __extends(AutoComplete, _super);
+    function AutoComplete() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            typeMessage: -1,
+            resultHeight: 0
+        };
+        _this.changeTypeMessage = function (value) {
+            _this.buscarServidorEMensagensFeedback(value);
+            _this.removerSelecionadoSeHouverEdicao();
+        };
+        _this.removerSelecionadoSeHouverEdicao = function () {
+            var selected = _this.props.getField().selected;
+            if (selected) {
+                var onChangeSelected = _this.props.onChangeSelected;
+                _this.props.setField({ selected: undefined });
+                if (onChangeSelected)
+                    onChangeSelected({});
+            }
+        };
+        _this.buscarServidorEMensagensFeedback = function (value) {
+            var _a = _this.props.dados, dados = _a === void 0 ? {} : _a;
+            clearTimeout(_this.searchTimeout);
+            fieldsRedux_1.setField("results-" + _this.props.field, { value: undefined });
+            _this.setState({ typeMessage: 2, resultHeight: 50 });
+            _this.searchTimeout = setTimeout(function () {
+                api_1.serverAction(_this.props.method, __assign({ value: value }, dados)).then(function (res) {
+                    if (res.result) {
+                        fieldsRedux_1.setField("results-" + _this.props.field, { value: res.result });
+                        _this.setState({ typeMessage: 0, resultHeight: res.result.length * 38 });
+                    }
+                    else {
+                        _this.setState({ typeMessage: 3, resultHeight: 50 });
+                    }
+                });
+            }, 350);
+        };
+        _this.focusTypeMessage = function (e) {
+            var thisField = _this.props.getField();
+            var resultsData = fieldsRedux_1.getField("results-" + _this.props.field, 'value');
+            if (!thisField.selected) {
+                if (resultsData.length === 0) {
+                    _this.setState({ typeMessage: 1, resultHeight: 50 });
+                }
+                else {
+                    _this.setState({ typeMessage: 0, resultHeight: resultsData.length * 38 });
+                }
+            }
+            if (thisField.selected) {
+                e.target.select();
+            }
+        };
+        _this.blurTypeMessage = function (e) {
+            var onBlur = _this.props.onBlur;
+            if (onBlur && typeof onBlur === 'function') {
+                onBlur(e);
+            }
+            _this.blurTimeout = setTimeout(function () {
+                _this.setState({ typeMessage: -1, resultHeight: 0 });
+            }, 250);
+        };
+        _this.selectResult = function (value) {
+            var _a = _this.props, alias = _a.alias, aliasInputValue = _a.aliasInputValue, onChangeSelected = _a.onChangeSelected;
+            var v = '';
+            for (var _i = 0, _b = aliasInputValue || alias; _i < _b.length; _i++) {
+                var a = _b[_i];
+                if (typeof value[a] !== 'undefined')
+                    v += value[a].toString().trim() + " ";
+            }
+            fieldsRedux_1.setField(_this.props.field, 'value', v);
+            fieldsRedux_1.setField(_this.props.field, 'selected', value);
+            if (onChangeSelected)
+                onChangeSelected(value);
+        };
+        return _this;
+    }
+    AutoComplete.prototype.componentDidUpdate = function (prevProps, prevState) {
+        if (prevState.typeMessage !== 0 && this.state.typeMessage === 0) {
+            var resultsDiv = document.getElementById("results-" + this.props.field);
+            if (resultsDiv)
+                this.setState({ resultHeight: resultsDiv.clientHeight });
+        }
+    };
+    AutoComplete.prototype.componentWillUnmount = function () {
+        this.props.clearField("results-" + this.props.field);
+        clearTimeout(this.searchTimeout);
+        clearTimeout(this.blurTimeout);
+    };
+    AutoComplete.prototype.render = function () {
+        var _a = this.state, typeMessage = _a.typeMessage, resultHeight = _a.resultHeight;
+        var _b = this.props, field = _b.field, placeholder = _b.placeholder, alias = _b.alias, inputClassName = _b.inputClassName, dropdownClassName = _b.dropdownClassName, dropdownMaxHeight = _b.dropdownMaxHeight, head = _b.head, showOnlyResults = _b.showOnlyResults;
+        return (react_1.default.createElement("table", { className: 'argous-groupselect reset-border' },
+            react_1.default.createElement("tbody", null,
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("td", null,
+                        react_1.default.createElement(__1.Input, { field: field, onFocus: this.focusTypeMessage, onBlur: this.blurTypeMessage, onChange: this.changeTypeMessage, fieldListener: this.fieldListener, placeholder: placeholder, className: inputClassName }))),
+                react_1.default.createElement("tr", null,
+                    react_1.default.createElement("td", null, typeMessage > -1 &&
+                        react_1.default.createElement("div", { className: dropdownClassName ? dropdownClassName : 'argous-list-dropdown', style: { height: !showOnlyResults ? resultHeight : typeMessage === 0 ? resultHeight : 0, maxHeight: dropdownMaxHeight } },
+                            react_1.default.createElement(react_custom_scrollbars_1.Scrollbars, null,
+                                typeMessage > 0 && !showOnlyResults && (react_1.default.createElement("div", { className: 'padding-top-sm padding-bottom-sm color999 text-center' },
+                                    typeMessage === 1 && 'Escreva para começar a buscar',
+                                    typeMessage === 2 && 'Pesquisando...',
+                                    typeMessage === 3 && 'Nenhum resultado foi encontrado')),
+                                react_1.default.createElement(__1.SimpleTable, { id: "results-" + field, field: "results-" + field, alias: alias, head: typeMessage === 0 ? head : undefined, onClick: this.selectResult, className: 'reset-margin' }))))))));
+    };
+    return AutoComplete;
+}(react_1.Component));
+AutoComplete.propTypes = {
+    field: prop_types_1.default.string.isRequired,
+    alias: prop_types_1.default.array.isRequired,
+    method: prop_types_1.default.string.isRequired,
+    head: prop_types_1.default.array,
+    aliasInputValue: prop_types_1.default.array,
+    placeholder: prop_types_1.default.string,
+    inputClassName: prop_types_1.default.string,
+    dropdownClassName: prop_types_1.default.string,
+    fieldListener: prop_types_1.default.func,
+    destroyOnUnmount: prop_types_1.default.bool,
+    dropdownMaxHeight: prop_types_1.default.number,
+    onChangeSelected: prop_types_1.default.func,
+    showOnlyResults: prop_types_1.default.bool,
+    dados: prop_types_1.default.object
+};
+exports.default = fieldsRedux_1.createField(AutoComplete, { disableInitField: true });

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

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

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

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.d.ts

@@ -0,0 +1,20 @@
+export default AutoCompleteFavorites;
+declare function AutoCompleteFavorites({ action, busca, resposta, label, value, pgCode, favoritePage, groupName, groupHeaderColor, groupTitleColor, loadingColor, filterFunction, getOptionLabel, onChange, textFieldProps, searchParams, ...props }: {
+    [x: string]: any;
+    action: any;
+    busca: any;
+    resposta: any;
+    label: any;
+    value: any;
+    pgCode: any;
+    favoritePage: any;
+    groupName: any;
+    groupHeaderColor: any;
+    groupTitleColor: any;
+    loadingColor: any;
+    filterFunction: any;
+    getOptionLabel: any;
+    onChange?: ((e: any) => any) | undefined;
+    textFieldProps?: {} | undefined;
+    searchParams: any;
+}): JSX.Element;