argous 1.2.134 → 1.2.138

package/dist/components/BarraFerramentas/BarraFerramentas.js

@@ -0,0 +1,228 @@
+"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 __1 = require("..");
+var ThreadLog_1 = __importDefault(require("../../components/ThreadLog"));
+var utils_1 = require("../../utils");
+var core_1 = require("@material-ui/core");
+var clsx_1 = __importDefault(require("clsx"));
+var lodash_1 = require("lodash");
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+var fa_1 = require("react-icons/fa");
+var md_1 = require("react-icons/md");
+var useStyles = core_1.makeStyles(function (theme) { return ({
+    root: {
+        margin: '-11px',
+        marginBottom: 0,
+        width: 'calc(100% + 22px)',
+        zIndex: 0,
+        paddingRight: theme.spacing(2),
+        paddingLeft: theme.spacing(2)
+    },
+    menuButton: {
+        marginRight: theme.spacing(2),
+    },
+    menuSelected: {
+        backgroundColor: theme.palette.action.selected
+    },
+    title: {
+        flexGrow: function (_a) {
+            var habNavegador = _a.habNavegador;
+            return habNavegador ? 0 : 1;
+        },
+    },
+    navigator: {
+        flexGrow: 1,
+        marginLeft: theme.spacing(2)
+    }
+}); });
+function BarraFerramentas(_a) {
+    var titulo = _a.titulo, _b = _a.abas, abas = _b === void 0 ? [] : _b, _c = _a.ferramentas, ferramentas = _c === void 0 ? [] : _c, _d = _a.habFavorito, habFavorito = _d === void 0 ? true : _d, _e = _a.habCrud, habCrud = _e === void 0 ? false : _e, _f = _a.habNavegador, habNavegador = _f === void 0 ? false : _f, checkIfIsFavorite = _a.checkIfIsFavorite, addFavorite = _a.addFavorite, favoriteAnimationInsert = _a.favoriteAnimationInsert, favoriteAnimationRemove = _a.favoriteAnimationRemove, nmFuncaoVoltar = _a.nmFuncaoVoltar, nmCompartilhar = _a.nmCompartilhar, _g = _a.linkCompartilhamento, linkCompartilhamento = _g === void 0 ? '' : _g, threads = _a.threads, currentProgram = _a.currentProgram, nmSalva = _a.nmSalva, nmExclui = _a.nmExclui, _h = _a.executaFuncao, executaFuncao = _h === void 0 ? function (prm) { return void (prm); } : _h;
+    var classes = useStyles({ habNavegador: habNavegador });
+    var anchorMenu = react_1.useRef(null);
+    var anchorCompartilhar = react_1.useRef(null);
+    var _j = react_1.useState(false), open = _j[0], setOpen = _j[1];
+    var _k = react_1.useState(undefined), abaAtual = _k[0], setAbaAtual = _k[1];
+    var _l = react_1.useState(true), habEditar = _l[0], setHabEditar = _l[1];
+    var _m = react_1.useState(false), habSalvar = _m[0], setHabSalvar = _m[1];
+    var _o = react_1.useState(false), habExcluir = _o[0], setHabExcluir = _o[1];
+    var _p = react_1.useState(false), openCompartilhar = _p[0], setOpenCompartilhar = _p[1];
+    react_1.useEffect(function () {
+        if (anchorMenu.current)
+            anchorMenu.current.focus();
+    }, [open]);
+    var previousAbas = utils_1.usePrevious(abas);
+    react_1.useEffect(function () {
+        if (lodash_1.isEqual(abas, previousAbas))
+            return;
+        if (!abas.length)
+            setAbaAtual(undefined);
+        else
+            for (var i = 0; i < (abas === null || abas === void 0 ? void 0 : abas.length); i++) {
+                var aba = abas[i];
+                if (aba[1] === 'active') {
+                    setAbaAtual(aba[0]);
+                    break;
+                }
+            }
+    }, [abas, previousAbas]);
+    var toggleAbas = function () {
+        setOpen(function (prevOpen) { return !prevOpen; });
+    };
+    var toggleCompartilhar = function (e) {
+        e.stopPropagation();
+        setOpenCompartilhar(function (o) { return !o; });
+        executaFuncao(nmCompartilhar);
+    };
+    var closeCompartilhar = function (event) {
+        var _a;
+        if (anchorCompartilhar.current && ((_a = anchorCompartilhar === null || anchorCompartilhar === void 0 ? void 0 : anchorCompartilhar.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
+        setOpenCompartilhar(false);
+    };
+    var selecionaAba = function (index, item, alias) { return function (event) {
+        var _a;
+        if (anchorMenu.current && ((_a = anchorMenu === null || anchorMenu === void 0 ? void 0 : anchorMenu.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)))
+            return;
+        if (lodash_1.isString(item))
+            setAbaAtual(item);
+        if (lodash_1.isNumber(index))
+            executaFuncao(alias || "T" + index);
+        setOpen(false);
+    }; };
+    function handleListKeyDown(event) {
+        if (event.key === 'Tab') {
+            event.preventDefault();
+            setOpen(false);
+        }
+    }
+    var getFerramentas = function (item, index) {
+        return (react_1.default.createElement(core_1.Tooltip, { key: index, title: item[1] || '' },
+            react_1.default.createElement(core_1.IconButton, { onClick: function () { return lodash_1.isFunction(item[2]) ? item[2]() : executaFuncao(item[2] || 'F' + index); } }, typeof item[0] === 'string' ? (react_1.default.createElement("i", { style: { color: '#999' }, className: item[0] })) : (item[0]))));
+    };
+    return react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(core_1.Toolbar, { className: classes.root, variant: 'dense' },
+            (lodash_1.isArray(abas) && abas.length > 0) && (react_1.default.createElement(core_1.IconButton, { id: 'botaoAbasBarraFerramentas', ref: anchorMenu, onClick: toggleAbas, className: classes.menuButton },
+                react_1.default.createElement(md_1.MdFormatListBulleted, null))),
+            react_1.default.createElement(core_1.Popper, { open: open, anchorEl: anchorMenu.current, role: undefined, transition: true, keepMounted: true, style: { zIndex: 2, marginLeft: 10 } }, function (_a) {
+                var TransitionProps = _a.TransitionProps;
+                return (react_1.default.createElement(core_1.Collapse, { in: TransitionProps.in, timeout: 100 },
+                    react_1.default.createElement(core_1.Paper, { style: { maxHeight: '80vh', overflowY: 'auto' } },
+                        react_1.default.createElement(core_1.ClickAwayListener, { onClickAway: selecionaAba() },
+                            react_1.default.createElement(core_1.MenuList, { autoFocusItem: open, onKeyDown: handleListKeyDown }, lodash_1.isArray(abas) && abas.map(function (item, key) {
+                                var _a;
+                                return (react_1.default.createElement(core_1.MenuItem, { className: clsx_1.default((_a = {}, _a[classes.menuSelected] = abaAtual === item[0], _a)), key: key, onClick: selecionaAba(key, item[0], item[2]) }, item[0]));
+                            }))))));
+            }),
+            react_1.default.createElement(core_1.Typography, { component: 'div', variant: 'h6', className: classes.title }, abaAtual ? (react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' },
+                abaAtual,
+                " ",
+                react_1.default.createElement(core_1.Typography, { variant: 'caption' },
+                    "( ",
+                    titulo,
+                    " )"))) : (react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' }, titulo))),
+            habNavegador && (react_1.default.createElement(core_1.Box, { className: classes.navigator },
+                react_1.default.createElement(core_1.Tooltip, { title: 'Primeiro registro' },
+                    react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function () { return executaFuncao('NF'); } },
+                        react_1.default.createElement(md_1.MdFirstPage, null))),
+                react_1.default.createElement(core_1.Tooltip, { title: 'Registro anterior' },
+                    react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function () { return executaFuncao('NP'); } },
+                        react_1.default.createElement(md_1.MdKeyboardArrowLeft, null))),
+                react_1.default.createElement(core_1.Tooltip, { title: 'Pr\u00F3ximo registro' },
+                    react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function () { return executaFuncao('NN'); } },
+                        react_1.default.createElement(md_1.MdKeyboardArrowRight, null))),
+                react_1.default.createElement(core_1.Tooltip, { title: '\u00DAltimo registro' },
+                    react_1.default.createElement(core_1.IconButton, { size: 'small', onClick: function () { return executaFuncao('NL'); } },
+                        react_1.default.createElement(md_1.MdLastPage, null))))),
+            lodash_1.isArray(ferramentas) && ferramentas.map(function (g) { return g.map(function (item, index) { return getFerramentas(item, index); }); }),
+            nmFuncaoVoltar && (react_1.default.createElement(core_1.Tooltip, { title: 'Voltar' },
+                react_1.default.createElement(core_1.IconButton, { onClick: function () { return executaFuncao(nmFuncaoVoltar); } },
+                    react_1.default.createElement(md_1.MdArrowBack, null)))),
+            habCrud && react_1.default.createElement(react_1.default.Fragment, null, habEditar ? (react_1.default.createElement(core_1.Tooltip, { title: 'Editar' },
+                react_1.default.createElement(core_1.IconButton, { onClick: function () {
+                        setHabEditar(false);
+                        setHabSalvar(true);
+                        setHabExcluir(true);
+                    } },
+                    react_1.default.createElement(md_1.MdEdit, null)))) : (react_1.default.createElement(core_1.ClickAwayListener, { onClickAway: function () {
+                    setHabEditar(true);
+                    setHabSalvar(false);
+                    setHabExcluir(false);
+                } },
+                react_1.default.createElement(core_1.Box, null,
+                    habSalvar && (react_1.default.createElement(core_1.Tooltip, { title: 'Salvar Registro' },
+                        react_1.default.createElement(core_1.IconButton, { onClick: function () { return executaFuncao(nmSalva); } },
+                            react_1.default.createElement(md_1.MdSave, null)))),
+                    habExcluir && (react_1.default.createElement(core_1.Tooltip, { title: 'Excluir Registro' },
+                        react_1.default.createElement(core_1.IconButton, { onClick: function () { return executaFuncao(nmExclui); } },
+                            react_1.default.createElement(md_1.MdDelete, null)))))))),
+            nmCompartilhar && (react_1.default.createElement(core_1.Tooltip, { title: 'Compartilhar' },
+                react_1.default.createElement(core_1.IconButton, { ref: anchorCompartilhar, onClick: toggleCompartilhar },
+                    react_1.default.createElement(md_1.MdShare, null)))),
+            react_1.default.createElement(core_1.Popper, { open: openCompartilhar, anchorEl: anchorCompartilhar.current, role: undefined, transition: true, keepMounted: true, style: { zIndex: 2, marginRight: 10 } }, function (_a) {
+                var TransitionProps = _a.TransitionProps;
+                return (react_1.default.createElement(core_1.Collapse, { in: TransitionProps.in, timeout: 100 },
+                    react_1.default.createElement(core_1.ClickAwayListener, { onClickAway: closeCompartilhar },
+                        react_1.default.createElement(__1.Compartilhar, __assign({}, { linkCompartilhamento: linkCompartilhamento })))));
+            }),
+            lodash_1.isArray(threads) && threads.map(function (thread, key) { return react_1.default.createElement(ThreadLog_1.default, __assign({}, { key: key, thread: thread, currentProgram: currentProgram })); }),
+            habFavorito && checkIfIsFavorite && (react_1.default.createElement(core_1.Tooltip, { title: 'Favorito' },
+                react_1.default.createElement(core_1.IconButton, { onClick: addFavorite },
+                    react_1.default.createElement(fa_1.FaStar, { className: "pg-fav-start " + checkIfIsFavorite() }),
+                    favoriteAnimationInsert && react_1.default.createElement(fa_1.FaStar, { className: 'pg-fav-start active insertion-star-fav' }),
+                    favoriteAnimationRemove && react_1.default.createElement(fa_1.FaStar, { className: 'pg-fav-start active removing-star-fav' }))))),
+        react_1.default.createElement(core_1.Divider, { style: { marginBottom: 10 } }));
+}
+BarraFerramentas.propTypes = {
+    titulo: prop_types_1.default.string,
+    ferramentas: prop_types_1.default.array,
+    abas: prop_types_1.default.array,
+    executaFuncao: prop_types_1.default.func,
+    nmFuncaoVoltar: prop_types_1.default.string,
+    nmCompartilhar: prop_types_1.default.string,
+    habFavorito: prop_types_1.default.bool,
+    habNavegador: prop_types_1.default.bool,
+    habCrud: prop_types_1.default.bool,
+    nmSalva: prop_types_1.default.string,
+    nmExclui: prop_types_1.default.string,
+    addFavorite: prop_types_1.default.func,
+    favoriteAnimationInsert: prop_types_1.default.bool,
+    favoriteAnimationRemove: prop_types_1.default.bool,
+    linkCompartilhamento: prop_types_1.default.string,
+    threads: prop_types_1.default.array,
+    currentProgram: prop_types_1.default.string,
+};
+exports.default = BarraFerramentas;

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

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

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

package/dist/components/Button/Button.d.ts

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

package/dist/components/Button/Button.js

@@ -0,0 +1,144 @@
+"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 fieldsRedux_1 = require("../../fieldsRedux");
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importStar(require("react"));
+/**
+ * @deprecated
+ */
+var Button = /** @class */ (function (_super) {
+    __extends(Button, _super);
+    function Button() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.onClick = function (event) {
+            var onClick = _this.props.onClick;
+            var allProgramFields = fieldsRedux_1.getAllFields();
+            if (onClick) {
+                onClick(allProgramFields, event);
+            }
+            _this.handleUpdates(allProgramFields);
+        };
+        _this.handleUpdates = function (allProgramFields, res) {
+            var _a = _this.props, action = _a.action, dados = _a.dados, _b = _a.receiveUpdates, receiveUpdates = _b === void 0 ? [] : _b, _c = _a.sendUpdates, sendUpdates = _c === void 0 ? [] : _c, onAllUpdated = _a.onAllUpdated, onSuccess = _a.onSuccess;
+            fieldsRedux_1.fieldUpdatesActionHandler(sendUpdates, receiveUpdates, action, dados, onSuccess, onAllUpdated, allProgramFields);
+        };
+        _this.resolveFieldValues = function (fields) {
+            if (fields) {
+                var fieldsValues_1 = {};
+                Object.keys(fields).map(function (key) {
+                    fieldsValues_1[key] = fields[key].value;
+                    return null;
+                });
+                return fieldsValues_1;
+            }
+            return {};
+        };
+        _this.checkButtonProps = function () {
+            var _a = _this.props, value = _a.value, _b = _a.type, type = _b === void 0 ? 'button' : _b, name = _a.name, autoFocus = _a.autoFocus, disabled = _a.disabled, formNoValidate = _a.formNoValidate, formTarget = _a.formTarget, formMethod = _a.formMethod, formEncType = _a.formEncType, formAction = _a.formAction, form = _a.form, style = _a.style, title = _a.title;
+            var className = "" + (_this.props.className ? _this.props.className : 'btn');
+            var onClick = _this.onClick;
+            return {
+                className: className,
+                onClick: onClick,
+                value: value,
+                type: type,
+                name: name,
+                autoFocus: autoFocus,
+                disabled: disabled,
+                formNoValidate: formNoValidate,
+                formTarget: formTarget,
+                formMethod: formMethod,
+                formEncType: formEncType,
+                formAction: formAction,
+                form: form,
+                style: style,
+                title: title,
+            };
+        };
+        return _this;
+    }
+    Button.prototype.render = function () {
+        var checkButtonProps = this.checkButtonProps;
+        var children = this.props.children;
+        var buttonProps = checkButtonProps();
+        return react_1.default.createElement("button", __assign({}, buttonProps), children);
+    };
+    return Button;
+}(react_1.Component));
+Button.propTypes = {
+    receiveUpdates: prop_types_1.default.array,
+    sendUpdates: prop_types_1.default.array,
+    onAllUpdated: prop_types_1.default.func,
+    onSuccess: prop_types_1.default.func,
+    className: prop_types_1.default.string,
+    action: prop_types_1.default.string,
+    dados: prop_types_1.default.object,
+    children: prop_types_1.default.oneOfType([prop_types_1.default.node, prop_types_1.default.element]),
+    type: prop_types_1.default.oneOf(['submit', 'reset', 'button']),
+    value: prop_types_1.default.string,
+    style: prop_types_1.default.object,
+    onClick: prop_types_1.default.func,
+    name: prop_types_1.default.string,
+    autoFocus: prop_types_1.default.bool,
+    disabled: prop_types_1.default.bool,
+    formNoValidate: prop_types_1.default.bool,
+    formTarget: prop_types_1.default.oneOf(['_self', '_blank', '_parent', '_top']),
+    formMethod: prop_types_1.default.oneOf(['post', 'get']),
+    formEncType: prop_types_1.default.oneOf([
+        'application/x-www-form-urlencoded',
+        'multipart/form-data',
+        'text/plain',
+    ]),
+    formAction: prop_types_1.default.string,
+    form: prop_types_1.default.string,
+    title: prop_types_1.default.string,
+};
+exports.default = Button;

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

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

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

package/dist/components/Cabecalho/Cabecalho.d.ts

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

package/dist/components/Cabecalho/Cabecalho.js

@@ -0,0 +1,231 @@
+"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 Input_1 = __importDefault(require("./../Input"));
+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 go_1 = require("react-icons/go");
+/**
+ * @deprecated
+ */
+var Cabecalho = /** @class */ (function (_super) {
+    __extends(Cabecalho, _super);
+    function Cabecalho() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            ready: false,
+            focus: false,
+            isNew: true
+        };
+        _this.saveReceivedUpdatesValuesInState = function (field, value, state, receiveUpdates) {
+            var _a;
+            if (value) {
+                for (var _i = 0, receiveUpdates_1 = receiveUpdates; _i < receiveUpdates_1.length; _i++) {
+                    var ru = receiveUpdates_1[_i];
+                    var receivedValue = fieldsRedux_1.getField(ru, 'value');
+                    var exist = false;
+                    for (var _b = 0, state_1 = state; _b < state_1.length; _b++) {
+                        var s = state_1[_b];
+                        if (s[0] === value) {
+                            exist = true;
+                            if (s[1][ru] !== receivedValue) {
+                                s[1][ru] = receivedValue;
+                                fieldsRedux_1.setField(field, 'state', state);
+                            }
+                            break;
+                        }
+                    }
+                    if (!exist) {
+                        state.push([value, (_a = {}, _a[ru] = receivedValue, _a)]);
+                        fieldsRedux_1.setField(field, 'state', state);
+                    }
+                }
+            }
+        };
+        _this.listener = function (obj) {
+            var ready = _this.state.ready;
+            if (ready) {
+                _this.saveState(obj);
+            }
+            else if (typeof obj.value === 'object') {
+                var field = _this.props.field;
+                if (obj.value.length > 0) {
+                    var cabecalho = obj.value[0][0];
+                    fieldsRedux_1.setField(field, 'state', obj.value);
+                    _this.setStates(obj.value, cabecalho);
+                    _this.setState({ isNew: false });
+                }
+                else {
+                    fieldsRedux_1.setField(field, 'value', 'Escreva um título para salvar...');
+                    fieldsRedux_1.setField(field, 'active', undefined);
+                    _this.setState({ isNew: true });
+                }
+            }
+            else if (typeof obj.value !== 'undefined' && typeof obj.defaultValue !== 'undefined') {
+                _this.setState({ ready: true });
+            }
+        };
+        _this.setStates = function (state, cabecalho) {
+            var _a = _this.props, field = _a.field, receiveUpdates = _a.receiveUpdates;
+            var activeState = {};
+            for (var _i = 0, state_2 = state; _i < state_2.length; _i++) {
+                var s = state_2[_i];
+                if (s[0] === cabecalho) {
+                    activeState = s[1];
+                    break;
+                }
+            }
+            _this.sendAction(activeState);
+            for (var _b = 0, receiveUpdates_2 = receiveUpdates; _b < receiveUpdates_2.length; _b++) {
+                var ru = receiveUpdates_2[_b];
+                fieldsRedux_1.setField(ru, 'value', activeState[ru]);
+            }
+            fieldsRedux_1.setField(field, 'value', cabecalho);
+            fieldsRedux_1.setField(field, 'active', cabecalho);
+        };
+        _this.sendAction = function (activeState) {
+            var action = _this.props.action;
+            api_1.serverAction(action, { state: activeState });
+        };
+        _this.saveState = function (obj) {
+            clearTimeout(_this.saveTimeout);
+            _this.saveTimeout = setTimeout(function () {
+                var _a = _this.props, field = _a.field, updateAction = _a.updateAction;
+                var state = fieldsRedux_1.getField(field, 'state') || {};
+                api_1.serverAction(updateAction, { states: state });
+            }, 350);
+        };
+        _this.changeActiveState = function (nr) {
+            var _a = _this.props, field = _a.field, receiveUpdates = _a.receiveUpdates;
+            var _b = fieldsRedux_1.getField(field), value = _b.value, _c = _b.state, state = _c === void 0 ? [] : _c, active = _b.active;
+            var index = -1;
+            for (var _i = 0, state_3 = state; _i < state_3.length; _i++) {
+                var s = state_3[_i];
+                index++;
+                if (s[0] === value) {
+                    break;
+                }
+            }
+            var newIndex = active ? index + nr : nr > 0 ? 0 : state.length - 1;
+            if (newIndex < 0 || newIndex >= state.length) {
+                fieldsRedux_1.setField(field, 'value', 'Escreva um título para salvar...');
+                fieldsRedux_1.setField(field, 'active', undefined);
+                var activeState = {};
+                for (var _d = 0, receiveUpdates_3 = receiveUpdates; _d < receiveUpdates_3.length; _d++) {
+                    var ru = receiveUpdates_3[_d];
+                    fieldsRedux_1.setField(ru, 'value', undefined);
+                    activeState[ru] = null;
+                }
+                _this.sendAction(activeState);
+                _this.setState({ isNew: true });
+            }
+            else {
+                _this.setStates(state, state[newIndex][0]);
+                _this.setState({ isNew: false });
+            }
+        };
+        _this.blur = function () {
+            var isNew = _this.state.isNew;
+            var field = _this.props.field;
+            var _a = fieldsRedux_1.getField(field), value = _a.value, _b = _a.state, state = _b === void 0 ? [] : _b, active = _a.active;
+            if (!isNew) {
+                _this.editKeyValue(field, state, value, active);
+            }
+            else if (value !== 'Escreva um título para salvar...') {
+                state.push([value, {}]);
+                fieldsRedux_1.setField(field, 'state', state);
+                fieldsRedux_1.setField(field, 'active', value);
+                _this.setState({ isNew: false });
+            }
+            _this.setState({ focus: false });
+        };
+        _this.editKeyValue = function (field, state, value, active) {
+            if (value !== active) {
+                var index = -1;
+                for (var _i = 0, state_4 = state; _i < state_4.length; _i++) {
+                    var s = state_4[_i];
+                    index++;
+                    if (s[0] === active) {
+                        s[0] = value;
+                        break;
+                    }
+                }
+                if (value === '') {
+                    state.splice(index, 1);
+                }
+                fieldsRedux_1.setField(field, 'state', state);
+                fieldsRedux_1.setField(field, 'active', value);
+            }
+        };
+        return _this;
+    }
+    Cabecalho.prototype.componentDidUpdate = function () {
+        var _a = this.state, focus = _a.focus, isNew = _a.isNew;
+        if (!focus && !isNew) {
+            var _b = this.props, field = _b.field, receiveUpdates = _b.receiveUpdates;
+            var _c = fieldsRedux_1.getField(field), value = _c.value, _d = _c.state, state = _d === void 0 ? [] : _d;
+            this.saveReceivedUpdatesValuesInState(field, value, state, receiveUpdates);
+        }
+    };
+    Cabecalho.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, field = _a.field, _b = _a.className, className = _b === void 0 ? '' : _b;
+        return (react_1.default.createElement("div", { className: "ag-component-cabecalho transition-cubic " + className },
+            react_1.default.createElement("div", { className: 'ag-arrow-cc', onClick: function () { return _this.changeActiveState(-1); } },
+                react_1.default.createElement(go_1.GoTriangleLeft, { size: 25 })),
+            react_1.default.createElement("div", { className: 'ag-painel-cc' },
+                react_1.default.createElement(Input_1.default, { field: field, fieldListener: this.listener, onFocus: function () { return _this.setState({ focus: true }); }, onBlur: this.blur, className: 'ag-input-cabecalho' })),
+            react_1.default.createElement("div", { className: 'ag-arrow-cc', onClick: function () { return _this.changeActiveState(1); } },
+                react_1.default.createElement(go_1.GoTriangleRight, { size: 25 }))));
+    };
+    return Cabecalho;
+}(react_1.Component));
+Cabecalho.propTypes = {
+    field: prop_types_1.default.string.isRequired,
+    defaultValue: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string, prop_types_1.default.object, prop_types_1.default.array]),
+    fieldListener: prop_types_1.default.func,
+    destroyOnUnmount: prop_types_1.default.bool,
+    receiveUpdates: prop_types_1.default.array,
+    action: prop_types_1.default.string,
+    updateAction: prop_types_1.default.string,
+    className: prop_types_1.default.string
+};
+exports.default = fieldsRedux_1.createField(Cabecalho);

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

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

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