argous 1.2.245 → 1.2.247

package/dist/components/AutoCompleteFavorites/AutoCompleteFavorites.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -44,7 +48,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -88,7 +92,7 @@ var clsx_1 = __importDefault(require("clsx"));
 var lodash_1 = require("lodash");
 var react_1 = __importStar(require("react"));
 var io_1 = require("react-icons/io");
-var useStyles = core_1.makeStyles(function (theme) { return ({
+var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
     subHeader: {
         display: 'flex',
         alignItems: 'center',
@@ -184,13 +188,13 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
         zIndex: 1300,
         width: function (_a) {
             var widthListBox = _a.widthListBox;
-            return widthListBox ? "" + widthListBox + (testWidth(widthListBox.toString()) ? 'px' : '') + " !important" : '';
+            return widthListBox ? "".concat(widthListBox).concat(testWidth(widthListBox.toString()) ? 'px' : '', " !important") : '';
         },
     }
 }); });
 var testWidth = function (value) { var _a; return ((_a = value.replace(/[0-9]/g, '')) === null || _a === void 0 ? void 0 : _a.length) ? false : true; };
 var CustomPopper = function (props, classes) { return react_1.default.createElement(core_1.Popper, __assign({}, props, { className: classes.popper })); };
-exports.CustomTooltip = core_1.withStyles(function (theme) { return ({
+exports.CustomTooltip = (0, core_1.withStyles)(function (theme) { return ({
     tooltip: theme.palette.type === 'light' ? {
         fontSize: 15,
         fontWeight: 400,
@@ -206,7 +210,7 @@ exports.CustomTooltip = core_1.withStyles(function (theme) { return ({
         color: theme.palette.type === 'light' ? '#333333e3' : '#fbfbfbd1'
     }
 }); })(core_1.Tooltip);
-var ListboxFavorites = react_1.forwardRef(function (props, ref) {
+var ListboxFavorites = (0, react_1.forwardRef)(function (props, ref) {
     var classes = useStyles();
     var children = props.children, favoritePage = props.favoritePage, dados = props.dados, setDados = props.setDados, group = props.group, groupHeaderColor = props.groupHeaderColor, groupTitleColor = props.groupTitleColor;
     var pageNumber = dados.pageNumber, favoritosLength = dados.favoritosLength, direction = dados.direction, slide = dados.slide, cursor = dados.cursor;
@@ -241,7 +245,7 @@ var ListboxFavorites = react_1.forwardRef(function (props, ref) {
         var _a;
         var index = itemIndex ? itemIndex : sectionIndex;
         var content = react_1.default.createElement(exports.CustomTooltip, { title: item.props.children, arrow: true, enterDelay: '1000', enterNextDelay: '1000', placement: 'top-end', TransitionComponent: core_1.Fade, TransitionProps: { timeout: { enter: 100, exit: 500 } } },
-            react_1.default.createElement(core_1.ListItem, __assign({}, item.props, { id: 'listItem', key: item.key, className: clsx_1.default(classes.listItem, (_a = {}, _a[classes.hoverListItem] = (cursor === null || cursor === void 0 ? void 0 : cursor.index) === index && (cursor === null || cursor === void 0 ? void 0 : cursor.page) === pageNumber, _a)) }),
+            react_1.default.createElement(core_1.ListItem, __assign({}, item.props, { id: 'listItem', key: item.key, className: (0, clsx_1.default)(classes.listItem, (_a = {}, _a[classes.hoverListItem] = (cursor === null || cursor === void 0 ? void 0 : cursor.index) === index && (cursor === null || cursor === void 0 ? void 0 : cursor.page) === pageNumber, _a)) }),
                 react_1.default.createElement(core_1.ListItemText, { primary: item.props.children, className: classes.listItemText })));
         if (sectionIndex === 0 && favoritePage && favoritosLength > 7) {
             return react_1.default.createElement(core_1.Slide, { in: slide, direction: direction }, content);
@@ -275,23 +279,23 @@ var ListboxFavorites = react_1.forwardRef(function (props, ref) {
             return 'right';
         return 'left';
     }
-    return react_1.default.createElement("ul", __assign({}, props, { id: 'listBox', className: clsx_1.default('MuiAutocomplete-listbox', classes.box) }), children.map(function (section, sectionIndex) {
+    return react_1.default.createElement("ul", __assign({}, props, { id: 'listBox', className: (0, clsx_1.default)('MuiAutocomplete-listbox', classes.box) }), children.map(function (section, sectionIndex) {
         var _a, _b, _c;
         return (group ?
             react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("ul", __assign({}, props, { id: 'listBox', className: clsx_1.default('MuiAutocomplete-listbox', classes.box) }),
+                react_1.default.createElement("ul", __assign({}, props, { id: 'listBox', className: (0, clsx_1.default)('MuiAutocomplete-listbox', classes.box) }),
                     react_1.default.createElement(core_1.ListSubheader, { className: classes.subHeader, style: { backgroundColor: groupHeaderColor === null || groupHeaderColor === void 0 ? void 0 : groupHeaderColor[sectionIndex], color: groupTitleColor === null || groupTitleColor === void 0 ? void 0 : groupTitleColor[sectionIndex] } },
                         section.props.children[0].props.children,
                         react_1.default.createElement(core_1.Fade, { in: sectionIndex === 0 && favoritePage && favoritosLength > 7 },
                             react_1.default.createElement("div", { className: classes.divButton },
                                 react_1.default.createElement("div", { className: classes.areaButton },
-                                    react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 1); }, className: clsx_1.default((_a = {}, _a[classes.buttonActive] = pageNumber === 1, _a), classes.button) }, "1")),
+                                    react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 1); }, className: (0, clsx_1.default)((_a = {}, _a[classes.buttonActive] = pageNumber === 1, _a), classes.button) }, "1")),
                                 react_1.default.createElement("div", { className: classes.areaButton },
-                                    react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 2); }, className: clsx_1.default((_b = {}, _b[classes.buttonActive] = pageNumber === 2, _b), classes.button) }, "2")),
+                                    react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 2); }, className: (0, clsx_1.default)((_b = {}, _b[classes.buttonActive] = pageNumber === 2, _b), classes.button) }, "2")),
                                 favoritosLength > 14 &&
                                     react_1.default.createElement(react_1.default.Fragment, null,
                                         react_1.default.createElement("div", { className: classes.areaButton },
-                                            react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 3); }, className: clsx_1.default((_c = {}, _c[classes.buttonActive] = pageNumber === 3, _c), classes.button) }, "3")))))),
+                                            react_1.default.createElement("div", { onClick: function (e) { return buttonClick(e, 3); }, className: (0, clsx_1.default)((_c = {}, _c[classes.buttonActive] = pageNumber === 3, _c), classes.button) }, "3")))))),
                     retornaArray(sectionIndex, section).map(function (item, itemIndex) { return retornaEstrutura(sectionIndex, item, itemIndex); })))
             : retornaEstrutura(sectionIndex, section));
     }));
@@ -300,7 +304,7 @@ var AutoCompleteFavorites = function (_a) {
     var _b;
     var action = _a.action, busca = _a.busca, resposta = _a.resposta, autoSearch = _a.autoSearch, label = _a.label, value = _a.value, pgCode = _a.pgCode, favoritePage = _a.favoritePage, _c = _a.group, group = _c === void 0 ? false : _c, groupName = _a.groupName, groupHeaderColor = _a.groupHeaderColor, groupTitleColor = _a.groupTitleColor, loadingColor = _a.loadingColor, widthListBox = _a.widthListBox, filterFunction = _a.filterFunction, getOptionLabel = _a.getOptionLabel, searchParams = _a.searchParams, autoSelectFirstOption = _a.autoSelectFirstOption, _d = _a.onChange, onChange = _d === void 0 ? function (e) { return e; } : _d, _e = _a.textFieldProps, textFieldProps = _e === void 0 ? {} : _e, props = __rest(_a, ["action", "busca", "resposta", "autoSearch", "label", "value", "pgCode", "favoritePage", "group", "groupName", "groupHeaderColor", "groupTitleColor", "loadingColor", "widthListBox", "filterFunction", "getOptionLabel", "searchParams", "autoSelectFirstOption", "onChange", "textFieldProps"]);
     var classes = useStyles({ widthListBox: widthListBox });
-    var _f = react_1.useState({
+    var _f = (0, react_1.useState)({
         lista: [],
         slide: true,
         cursor: { index: '', page: '' },
@@ -308,10 +312,10 @@ var AutoCompleteFavorites = function (_a) {
         favoritosLength: '',
         pageNumber: favoritePage ? 1 : undefined,
     }), dados = _f[0], setDados = _f[1];
-    var _g = react_1.useState(false), loading = _g[0], setLoading = _g[1];
-    var _h = react_1.useState(''), inputValue = _h[0], setInputValue = _h[1];
-    var interval = react_1.useRef(null);
-    var _j = react_1.useState(1), seconds = _j[0], setSeconds = _j[1];
+    var _g = (0, react_1.useState)(false), loading = _g[0], setLoading = _g[1];
+    var _h = (0, react_1.useState)(''), inputValue = _h[0], setInputValue = _h[1];
+    var interval = (0, react_1.useRef)(null);
+    var _j = (0, react_1.useState)(1), seconds = _j[0], setSeconds = _j[1];
     var startCounter = function () { return interval.current = setInterval(function () { return setSeconds(1); }, 1000); };
     var stopCounter = function () {
         clearInterval(interval.current);
@@ -339,7 +343,7 @@ var AutoCompleteFavorites = function (_a) {
             });
         });
     }
-    var buscar = react_1.useCallback(function (valor) { return __awaiter(void 0, void 0, void 0, function () {
+    var buscar = (0, react_1.useCallback)(function (valor) { return __awaiter(void 0, void 0, void 0, function () {
         var res;
         var _a;
         var _b;
@@ -348,7 +352,7 @@ var AutoCompleteFavorites = function (_a) {
                 case 0:
                     stopCounter();
                     setLoading(true);
-                    return [4 /*yield*/, api_1.serverAction(action, __assign((_a = {}, _a[busca] = valor || inputValue, _a), searchParams), true, pgCode)];
+                    return [4 /*yield*/, (0, api_1.serverAction)(action, __assign((_a = {}, _a[busca] = valor || inputValue, _a), searchParams), true, pgCode)];
                 case 1:
                     res = _c.sent();
                     if (!(((_b = res[resposta || 'result']) === null || _b === void 0 ? void 0 : _b.length) > 1 && group)) return [3 /*break*/, 3];
@@ -366,12 +370,12 @@ var AutoCompleteFavorites = function (_a) {
             }
         });
     }); }, [inputValue, searchParams]);
-    react_1.useEffect(function () { return autoSearch && seconds === 1 && buscar(); }, [autoSearch, seconds, buscar]);
+    (0, react_1.useEffect)(function () { return autoSearch && seconds === 1 && buscar(); }, [autoSearch, seconds, buscar]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    react_1.useEffect(function () { return lodash_1.isString(value) && buscar(value); }, []);
-    react_1.useEffect(function () { var _a; return (value !== ((_a = dados.cursor) === null || _a === void 0 ? void 0 : _a.linha)) && setDados(function (v) { return (__assign(__assign({}, v), { cursor: { index: '', page: '' } })); }); }, [value, (_b = dados.cursor) === null || _b === void 0 ? void 0 : _b.linha]);
+    (0, react_1.useEffect)(function () { return (0, lodash_1.isString)(value) && buscar(value); }, []);
+    (0, react_1.useEffect)(function () { var _a; return (value !== ((_a = dados.cursor) === null || _a === void 0 ? void 0 : _a.linha)) && setDados(function (v) { return (__assign(__assign({}, v), { cursor: { index: '', page: '' } })); }); }, [value, (_b = dados.cursor) === null || _b === void 0 ? void 0 : _b.linha]);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    react_1.useEffect(function () { var _a; return autoSelectFirstOption && !!inputValue.length && onChange(undefined, ((_a = dados === null || dados === void 0 ? void 0 : dados.lista) === null || _a === void 0 ? void 0 : _a[0]) || null); }, [dados.lista]);
+    (0, react_1.useEffect)(function () { var _a; return autoSelectFirstOption && !!inputValue.length && onChange(undefined, ((_a = dados === null || dados === void 0 ? void 0 : dados.lista) === null || _a === void 0 ? void 0 : _a[0]) || null); }, [dados.lista]);
     var keyDown = function (e) {
         ((e.key === 'Enter' || e.key === 'Tab') && !loading) && buscar();
         (e.key === 'ArrowDown' || e.key === 'ArrowUp') && selectListboxItem(e.key);
@@ -392,12 +396,12 @@ var AutoCompleteFavorites = function (_a) {
         if (el) {
             var elIndex = parseInt((_b = (_a = el === null || el === void 0 ? void 0 : el.attributes) === null || _a === void 0 ? void 0 : _a[4]) === null || _b === void 0 ? void 0 : _b.value);
             var itemSelecionado = (_c = dados.lista) === null || _c === void 0 ? void 0 : _c[elIndex];
-            if (lodash_1.isObject(itemSelecionado))
+            if ((0, lodash_1.isObject)(itemSelecionado))
                 retorno = JSON.stringify(value) === JSON.stringify(itemSelecionado) ? true : false;
-            else if (lodash_1.isArray(itemSelecionado))
+            else if ((0, lodash_1.isArray)(itemSelecionado))
                 retorno = value.equals(itemSelecionado) ? true : false;
         }
-        else if (lodash_1.isArray(value)) {
+        else if ((0, lodash_1.isArray)(value)) {
             value.forEach(function (v) {
                 if (retorno)
                     return;
@@ -405,7 +409,7 @@ var AutoCompleteFavorites = function (_a) {
                     retorno = true;
             });
         }
-        else if (lodash_1.isObject(value)) {
+        else if ((0, lodash_1.isObject)(value)) {
             Object.values(value).forEach(function (v) {
                 if (retorno)
                     return;
@@ -455,7 +459,7 @@ var AutoCompleteFavorites = function (_a) {
         if (linha !== value)
             onChange(undefined, linha);
     }
-    var scrollToSelected = react_1.useCallback(function () {
+    var scrollToSelected = (0, react_1.useCallback)(function () {
         var _a, _b, _c, _d;
         var elListBox = document.getElementById('listBox');
         if (elListBox) {
@@ -468,8 +472,8 @@ var AutoCompleteFavorites = function (_a) {
             }
         }
     }, [dados]);
-    react_1.useEffect(function () { var _a; return ((_a = dados.lista) === null || _a === void 0 ? void 0 : _a.length) && setTimeout(function () { return scrollToSelected(); }, 0); }, [dados.lista, scrollToSelected]);
-    return (react_1.default.createElement(lab_1.Autocomplete, __assign({}, props, { value: value, onChange: onChange }, { autoComplete: true, autoHighlight: true, openText: 'Abrir', clearText: 'Limpar', filterSelectedOptions: true, onInputChange: function (e) { var _a; return setInput(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, getOptionSelected: function (o, v) { return o[0] === v; }, getOptionLabel: getOptionLabel && (function (option) { return getOptionLabel(option, dados === null || dados === void 0 ? void 0 : dados.lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', options: lodash_1.isObject(value) ? dados === null || dados === void 0 ? void 0 : dados.lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : dados === null || dados === void 0 ? void 0 : dados.lista, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label }, params, textFieldProps, { onKeyUp: function (e) { return keyUp(e); }, inputProps: __assign(__assign({}, params.inputProps), { onKeyDown: function (e) { return keyDown(e); } }), InputProps: __assign(__assign(__assign({}, textFieldProps.InputProps), params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+    (0, react_1.useEffect)(function () { var _a; return ((_a = dados.lista) === null || _a === void 0 ? void 0 : _a.length) && setTimeout(function () { return scrollToSelected(); }, 0); }, [dados.lista, scrollToSelected]);
+    return (react_1.default.createElement(lab_1.Autocomplete, __assign({}, props, { value: value, onChange: onChange }, { autoComplete: true, autoHighlight: true, openText: 'Abrir', clearText: 'Limpar', filterSelectedOptions: true, onInputChange: function (e) { var _a; return setInput(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, getOptionSelected: function (o, v) { return o[0] === v; }, getOptionLabel: getOptionLabel && (function (option) { return getOptionLabel(option, dados === null || dados === void 0 ? void 0 : dados.lista); }), noOptionsText: inputValue.length < 2 ? 'Digite para pesquisar' : 'Não Encontrado', options: (0, lodash_1.isObject)(value) ? dados === null || dados === void 0 ? void 0 : dados.lista.filter(function (v) { return filterFunction ? filterFunction(v, value) : true || v[0] !== value[0]; }) : dados === null || dados === void 0 ? void 0 : dados.lista, renderInput: function (params) { return (react_1.default.createElement(core_1.TextField, __assign({ margin: 'dense', variant: 'outlined', label: label }, params, textFieldProps, { onKeyUp: function (e) { return keyUp(e); }, inputProps: __assign(__assign({}, params.inputProps), { onKeyDown: function (e) { return keyDown(e); } }), InputProps: __assign(__assign(__assign({}, textFieldProps.InputProps), params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
                     params.InputProps.endAdornment,
                     react_1.default.createElement(core_1.Fade, { in: loading },
                         react_1.default.createElement(core_1.CircularProgress, { disableShrink: true, color: loadingColor || 'inherit', size: 20 })),

package/dist/components/BarChart/BarChart.js

@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
 })();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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

@@ -1,8 +1,23 @@
+import { TabArray } from '../Programa/Tab';
 import { IconType } from 'react-icons';
 
+
 export interface BarraFerramentasProps {
   titulo?: string,
-  abas?: [string, 'active' | undefined][],
+  /**
+   * Abas para a barra de ferramentas
+   * 
+   * Array de arrays
+   * 
+   * Array da aba: [('Label' || undefined), ('active' || undefined), ('alias' || undefined), (Icon || undefined)]
+   * 
+   * - [0] Label: Rótulo da aba.
+   * - [1] Active: Quando 'active' inicia o programa com essa aba selecionada.
+   * - [2] Alias: O nome que será recebido na função 'bfExecutaFuncao'. Caso não forneça esse nome a função retorna 'T[index]'.
+   * - [3] Icon: JSX do ícone da aba.
+   * 
+   */
+  abas?: Array<TabArray>,
   ferramentas?: [IconType, string, string | (() => void) ][][],
   habCrud?: boolean,
   habNavegador?: boolean,
@@ -18,7 +33,20 @@ export interface BarraFerramentasProps {
   addWidget?: () => void,
   snAnotacaoPrograma: boolean,
   openAnnotations: (event: Event) => void,
-  toolbarLoading: object
+  toolbarLoading: object,
+  /**
+   * Aba selecionada
+   * 
+   * Array da aba: [('Label' || undefined), ('active' || undefined), ('alias' || undefined), (Icon || undefined)]
+   * 
+   * - [0] Label: Rótulo da aba.
+   * - [1] Active: Quando 'active' inicia o programa com essa aba selecionada.
+   * - [2] Alias: O nome que será recebido na função 'bfExecutaFuncao'. Caso não forneça esse nome a função retorna 'T[index]'.
+   * - [3] Icon: JSX do ícone da aba.
+   * 
+   */
+  selectedTab?: TabArray,
+  setSelectedTab?: (tab: TabArray) => void
 }
 
 declare function BarraFerramentas(props: BarraFerramentasProps): JSX.Element

package/dist/components/BarraFerramentas/BarraFerramentas.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -36,15 +40,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var __1 = require("..");
 var ThreadLog_1 = __importDefault(require("../../components/ThreadLog"));
 var utils_1 = require("../../utils");
+var TabNavigationRail_1 = require("../Programa/TabNavigationRail");
 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 ai_1 = require("react-icons/ai");
 var fa_1 = require("react-icons/fa");
+var io5_1 = require("react-icons/io5");
 var md_1 = require("react-icons/md");
-var useStyles = core_1.makeStyles(function (theme) { return ({
+var TAB_ICON_SIZE = 20;
+var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
     root: {
         zIndex: 0,
         margin: '-11px',
@@ -85,15 +91,15 @@ var useStyles = core_1.makeStyles(function (theme) { return ({
         marginLeft: theme.spacing(2)
     }
 }); });
-var ToolbarTooltip = core_1.withStyles({
+var ToolbarTooltip = (0, core_1.withStyles)({
     popper: {
         zIndex: 1300
     }
 })(core_1.Tooltip);
 var CustomTooltip = function (_a) {
     var disabled = _a.disabled, arrow = _a.arrow, placement = _a.placement, title = _a.title, children = _a.children;
-    var _b = react_1.useState(false), open = _b[0], setOpen = _b[1];
-    react_1.useEffect(function () { return (disabled && open) && setOpen(false); }, [disabled, open]);
+    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
+    (0, react_1.useEffect)(function () { return (disabled && open) && setOpen(false); }, [disabled, open]);
     return (react_1.default.createElement(ToolbarTooltip, __assign({}, { arrow: arrow, placement: placement, title: title }, { onOpen: function () { return (!disabled) && setOpen(true); }, onClose: function () { return setOpen(false); }, open: open }), children));
 };
 var ButtonLoadingFeedback = function (_a) {
@@ -101,32 +107,37 @@ var ButtonLoadingFeedback = function (_a) {
     return react_1.default.createElement(core_1.CircularProgress, __assign({}, { size: size, color: color }));
 };
 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, _j = _a.habWidget, habWidget = _j === void 0 ? false : _j, _k = _a.addWidget, addWidget = _k === void 0 ? function () { return ''; } : _k, _l = _a.snAnotacaoPrograma, snAnotacaoPrograma = _l === void 0 ? false : _l, _m = _a.openAnnotations, openAnnotations = _m === void 0 ? function () { return ''; } : _m, _o = _a.toolbarLoading, toolbarLoading = _o === void 0 ? {} : _o;
+    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, _j = _a.habWidget, habWidget = _j === void 0 ? false : _j, _k = _a.addWidget, addWidget = _k === void 0 ? function () { return ''; } : _k, _l = _a.snAnotacaoPrograma, snAnotacaoPrograma = _l === void 0 ? false : _l, _m = _a.openAnnotations, openAnnotations = _m === void 0 ? function () { return ''; } : _m, _o = _a.toolbarLoading, toolbarLoading = _o === void 0 ? {} : _o, _p = _a.selectedTab, selectedTab = _p === void 0 ? [] : _p, _q = _a.setSelectedTab, setSelectedTab = _q === void 0 ? function () { return ''; } : _q;
+    var theme = (0, core_1.useTheme)();
     var classes = useStyles({ habNavegador: habNavegador });
-    var anchorMenu = react_1.useRef(null);
-    var anchorCompartilhar = react_1.useRef(null);
-    var _p = react_1.useState(false), open = _p[0], setOpen = _p[1];
-    var _q = react_1.useState(undefined), abaAtual = _q[0], setAbaAtual = _q[1];
-    var _r = react_1.useState(true), habEditar = _r[0], setHabEditar = _r[1];
-    var _s = react_1.useState(false), habSalvar = _s[0], setHabSalvar = _s[1];
-    var _t = react_1.useState(false), habExcluir = _t[0], setHabExcluir = _t[1];
-    var _u = react_1.useState(false), openCompartilhar = _u[0], setOpenCompartilhar = _u[1];
-    var _v = react_1.useState(false), disableTooltip = _v[0], setDisableTooltip = _v[1];
-    react_1.useEffect(function () {
+    var xs = (0, core_1.useMediaQuery)(theme.breakpoints.only('xs'));
+    var anchorMenu = (0, react_1.useRef)(null);
+    var anchorCompartilhar = (0, react_1.useRef)(null);
+    var setSelectedTabRef = (0, react_1.useRef)(setSelectedTab);
+    var _r = (0, react_1.useState)(false), open = _r[0], setOpen = _r[1];
+    var _s = (0, react_1.useState)(true), habEditar = _s[0], setHabEditar = _s[1];
+    var _t = (0, react_1.useState)(false), habSalvar = _t[0], setHabSalvar = _t[1];
+    var _u = (0, react_1.useState)(false), habExcluir = _u[0], setHabExcluir = _u[1];
+    var _v = (0, react_1.useState)(false), openCompartilhar = _v[0], setOpenCompartilhar = _v[1];
+    var _w = (0, react_1.useState)(false), disableTooltip = _w[0], setDisableTooltip = _w[1];
+    (0, 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))
+    var previousAbas = (0, utils_1.usePrevious)(abas);
+    (0, react_1.useEffect)(function () {
+        if ((0, lodash_1.isEqual)(abas, previousAbas))
             return;
-        if (!abas.length)
-            setAbaAtual(undefined);
+        if (!(abas === null || abas === void 0 ? void 0 : abas.length)) {
+            if (typeof setSelectedTabRef.current === 'function')
+                setSelectedTabRef.current([]);
+        }
         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]);
+                if (aba[TabNavigationRail_1.TAB_ACTIVE_INDEX] === 'active') {
+                    if (typeof setSelectedTabRef.current === 'function')
+                        setSelectedTabRef.current(aba);
                     break;
                 }
             }
@@ -145,14 +156,17 @@ function BarraFerramentas(_a) {
             return;
         setOpenCompartilhar(false);
     };
-    var selecionaAba = function (index, item, alias) { return function (event) {
+    var selecionaAba = function (index, tab) { return function (event) {
         var _a;
+        var alias = tab === null || tab === void 0 ? void 0 : tab[TabNavigationRail_1.TAB_ALIAS_INDEX];
         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);
+        if (typeof setSelectedTabRef.current === 'function') {
+            if (tab === null || tab === void 0 ? void 0 : tab.length)
+                setSelectedTabRef.current(tab);
+        }
+        if ((0, lodash_1.isNumber)(index))
+            executaFuncao(alias || "T".concat(index));
         setOpen(false);
     }; };
     function handleListKeyDown(event) {
@@ -168,24 +182,28 @@ function BarraFerramentas(_a) {
     }
     var getFerramentas = function (item, index) {
         return (react_1.default.createElement(CustomTooltip, { 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]))));
+            react_1.default.createElement(core_1.IconButton, { onClick: function () { return (0, 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 },
+            (xs && (0, lodash_1.isArray)(abas) && ((abas === null || abas === void 0 ? void 0 : 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.Paper, { elevation: 6, 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.MenuList, { autoFocusItem: open, onKeyDown: handleListKeyDown }, ((0, lodash_1.isArray)(abas)) && abas.map(function (item, key) {
+                                var Icon = item === null || item === void 0 ? void 0 : item[TabNavigationRail_1.TAB_ICON_INDEX];
+                                return (react_1.default.createElement(core_1.MenuItem, { key: key, onClick: selecionaAba(key, item), selected: (0, lodash_1.isEqual)(item, selectedTab) },
+                                    react_1.default.createElement(core_1.ListItemIcon, null,
+                                        (Icon) && (react_1.default.createElement(Icon, { size: TAB_ICON_SIZE })),
+                                        (!Icon) && (react_1.default.createElement(io5_1.IoSettings, { size: TAB_ICON_SIZE }))),
+                                    react_1.default.createElement(core_1.ListItemText, null, item === null || item === void 0 ? void 0 : item[TabNavigationRail_1.TAB_LABEL_INDEX])));
                             }))))));
             }),
-            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, { component: 'div', variant: 'h6', className: classes.title }, (selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.length) ? (react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' }, selectedTab === null || selectedTab === void 0 ? void 0 :
+                selectedTab[TabNavigationRail_1.TAB_LABEL_INDEX],
                 " ",
                 react_1.default.createElement(core_1.Typography, { variant: 'caption' },
                     "( ",
@@ -204,7 +222,7 @@ function BarraFerramentas(_a) {
                 react_1.default.createElement(CustomTooltip, { 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); }); }),
+            ((0, lodash_1.isArray)(ferramentas)) && ferramentas.map(function (g) { return g.map(function (item, index) { return getFerramentas(item, index); }); }),
             (nmFuncaoVoltar) && (react_1.default.createElement(CustomTooltip, { title: 'Voltar' },
                 react_1.default.createElement(core_1.IconButton, { onClick: function () { return executaFuncao(nmFuncaoVoltar); } },
                     react_1.default.createElement(md_1.MdArrowBack, null)))),
@@ -235,7 +253,7 @@ function BarraFerramentas(_a) {
                     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 })); }),
+            ((0, lodash_1.isArray)(threads)) && threads.map(function (thread, key) { return react_1.default.createElement(ThreadLog_1.default, __assign({}, { key: key, thread: thread, currentProgram: currentProgram })); }),
             (habWidget) && (react_1.default.createElement(CustomTooltip, { title: 'Adicionar widget' },
                 react_1.default.createElement(core_1.IconButton, { onClick: addWidget },
                     react_1.default.createElement(ai_1.AiOutlineAppstoreAdd, null)))),
@@ -243,7 +261,7 @@ function BarraFerramentas(_a) {
                 react_1.default.createElement(core_1.IconButton, { disabled: toolbarLoading === null || toolbarLoading === void 0 ? void 0 : toolbarLoading.annotations, onClick: handleAnnotationsClick }, (toolbarLoading === null || toolbarLoading === void 0 ? void 0 : toolbarLoading.annotations) ? react_1.default.createElement(ButtonLoadingFeedback, null) : react_1.default.createElement(md_1.MdEditNote, null)))),
             (habFavorito && checkIfIsFavorite) && (react_1.default.createElement(CustomTooltip, { title: 'Favorito' },
                 react_1.default.createElement(core_1.IconButton, { onClick: addFavorite },
-                    react_1.default.createElement(fa_1.FaStar, { className: "pg-fav-start " + checkIfIsFavorite() }),
+                    react_1.default.createElement(fa_1.FaStar, { className: "pg-fav-start ".concat(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 } }));

package/dist/components/Button/Button.js

@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -60,7 +64,7 @@ var Button = /** @class */ (function (_super) {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.onClick = function (event) {
             var onClick = _this.props.onClick;
-            var allProgramFields = fieldsRedux_1.getAllFields();
+            var allProgramFields = (0, fieldsRedux_1.getAllFields)();
             if (onClick) {
                 onClick(allProgramFields, event);
             }
@@ -68,7 +72,7 @@ var Button = /** @class */ (function (_super) {
         };
         _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);
+            (0, fieldsRedux_1.fieldUpdatesActionHandler)(sendUpdates, receiveUpdates, action, dados, onSuccess, onAllUpdated, allProgramFields);
         };
         _this.resolveFieldValues = function (fields) {
             if (fields) {
@@ -83,7 +87,7 @@ var Button = /** @class */ (function (_super) {
         };
         _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 className = "".concat(_this.props.className ? _this.props.className : 'btn');
             var onClick = _this.onClick;
             return {
                 className: className,