argous 1.2.246 → 1.2.247

package/dist/components/MonthPicker/MonthPicker.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];
@@ -33,10 +37,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -106,7 +114,7 @@ var MonthPicker = /** @class */ (function (_super) {
                 if (fieldObject.defaultValue.length > 0) {
                     if (typeof fieldObject.value[0] !== 'string') {
                         var stringifyedValues = fieldObject.value.map(function (v) { return v.toString(); });
-                        fieldsRedux_1.setField(_this.props.field, 'value', stringifyedValues);
+                        (0, fieldsRedux_1.setField)(_this.props.field, 'value', stringifyedValues);
                     }
                     var last = fieldObject.defaultValue[fieldObject.defaultValue.length - 1].toString();
                     _this.setState({ year: parseInt(last.slice(0, 4), 10) });
@@ -124,7 +132,7 @@ var MonthPicker = /** @class */ (function (_super) {
         _this.onClick = function (values, month) {
             var year = _this.state.year;
             var _a = _this.props.type, type = _a === void 0 ? 'single' : _a;
-            var formatedValue = "" + year + month;
+            var formatedValue = "".concat(year).concat(month);
             var newValue;
             if (values && values.length > 0) {
                 newValue = _this.handleExistentValue(values, formatedValue, month);
@@ -146,13 +154,13 @@ var MonthPicker = /** @class */ (function (_super) {
             var indexValue = value.indexOf(formatedValue);
             if (indexValue > -1) {
                 value.splice(indexValue, 1);
-                return __spreadArray([], value);
+                return __spreadArray([], value, true);
             }
             switch (type) {
                 case 'single':
                     return [formatedValue];
                 case 'stage': {
-                    var fieldValueLgt2 = fieldsRedux_1.getField(field, 'value').length === 2;
+                    var fieldValueLgt2 = (0, fieldsRedux_1.getField)(field, 'value').length === 2;
                     var newValue = fieldValueLgt2 ? [formatedValue] : [value[0], formatedValue];
                     if (!fieldValueLgt2) {
                         _this.closeSelect();
@@ -160,40 +168,40 @@ var MonthPicker = /** @class */ (function (_super) {
                     return newValue;
                 }
                 case 'multiple':
-                    return __spreadArray(__spreadArray([], value), [formatedValue]);
+                    return __spreadArray(__spreadArray([], value, true), [formatedValue], false);
                 default:
                     return [formatedValue];
             }
         };
         _this.handleinputValue = function (value) {
             var _a = _this.props, field = _a.field, _b = _a.type, type = _b === void 0 ? 'single' : _b;
-            value = __spreadArray([], value);
+            value = __spreadArray([], value, true);
             var sortedValues = value.sort(function (a, b) { return a > b ? 1 : 0; });
-            var inputValues = sortedValues.map(function (v) { return "" + v.toString().slice(4) + v.toString().slice(0, 4); });
+            var inputValues = sortedValues.map(function (v) { return "".concat(v.toString().slice(4)).concat(v.toString().slice(0, 4)); });
             switch (type) {
                 case 'single':
-                    fieldsRedux_1.setField(field, 'inputValue', inputValues[0]);
+                    (0, fieldsRedux_1.setField)(field, 'inputValue', inputValues[0]);
                     break;
                 case 'stage':
-                    fieldsRedux_1.setField(field, 'inputValue', "" + inputValues[0] + (inputValues[1] ? inputValues[1] : ''));
+                    (0, fieldsRedux_1.setField)(field, 'inputValue', "".concat(inputValues[0]).concat(inputValues[1] ? inputValues[1] : ''));
                     break;
                 case 'multiple': {
                     var multipleValue = '';
                     for (var _i = 0, inputValues_1 = inputValues; _i < inputValues_1.length; _i++) {
                         var v = inputValues_1[_i];
-                        multipleValue += v.slice(0, 2) + "/" + v.slice(2) + " ";
+                        multipleValue += "".concat(v.slice(0, 2), "/").concat(v.slice(2), " ");
                     }
-                    fieldsRedux_1.setField(field, 'inputValue', multipleValue);
+                    (0, fieldsRedux_1.setField)(field, 'inputValue', multipleValue);
                     break;
                 }
                 default:
-                    fieldsRedux_1.setField(field, 'inputValue', inputValues[0]);
+                    (0, fieldsRedux_1.setField)(field, 'inputValue', inputValues[0]);
             }
         };
         _this.isActive = function (values, month) {
             var _a = _this.state, year = _a.year, stageMonths = _a.stageMonths;
-            var formatedValue = "" + year + month;
-            return (values.indexOf(formatedValue) < 0 ? '' : 'active') + " " + (stageMonths.indexOf(formatedValue) < 0 ? '' : 'hovered');
+            var formatedValue = "".concat(year).concat(month);
+            return "".concat(values.indexOf(formatedValue) < 0 ? '' : 'active', " ").concat(stageMonths.indexOf(formatedValue) < 0 ? '' : 'hovered');
         };
         _this.restYear = function () {
             var date = new Date();
@@ -202,7 +210,7 @@ var MonthPicker = /** @class */ (function (_super) {
         _this.onValueCapture = function (v) {
             var field = _this.props.field;
             var value = v.target.value;
-            fieldsRedux_1.setField(field, 'inputValue', value);
+            (0, fieldsRedux_1.setField)(field, 'inputValue', value);
             value = value.replace(/\D+/g, '');
             var valueLength = value.length;
             var resolvedValues = [];
@@ -215,7 +223,7 @@ var MonthPicker = /** @class */ (function (_super) {
                     var mes = valueAux.slice(aux, aux + 2);
                     var ano = valueAux.slice(aux + 2, aux + 6);
                     if (parseInt(mes, 10) <= 12 && parseInt(mes, 10) >= 1) {
-                        resolvedValues.push("" + ano + mes);
+                        resolvedValues.push("".concat(ano).concat(mes));
                     }
                 }
             }
@@ -246,14 +254,14 @@ var MonthPicker = /** @class */ (function (_super) {
     };
     MonthPicker.prototype.componentDidUpdate = function (prevProps) {
         var field = this.props.field;
-        fieldsRedux_1.fieldChangeListener(field, this.fieldListener, prevProps);
+        (0, fieldsRedux_1.fieldChangeListener)(field, this.fieldListener, prevProps);
     };
     MonthPicker.prototype.render = function () {
         var _this = this;
         var _a = this.props, field = _a.field, _b = _a.type, type = _b === void 0 ? 'single' : _b;
         var _c = this.state, year = _c.year, selectOpen = _c.selectOpen;
-        var values = fieldsRedux_1.getField(field, 'value');
-        var inputValue = fieldsRedux_1.getField(field, 'inputValue');
+        var values = (0, fieldsRedux_1.getField)(field, 'value');
+        var inputValue = (0, fieldsRedux_1.getField)(field, 'inputValue');
         var mask = type === 'single' ? '11/1111' : '11/1111 à 11/1111';
         return (react_1.default.createElement("div", { className: 'monthPickermaxwidth' },
             (type === 'single' || type === 'stage') && (react_1.default.createElement(react_maskedinput_1.default, { value: inputValue, onClick: this.openSelect, onChange: this.onValueCapture, mask: mask, className: 'pg-monthpicker-input' })),
@@ -285,4 +293,4 @@ MonthPicker.propTypes = {
     destroyOnUnmount: prop_types_1.default.bool,
     type: prop_types_1.default.oneOf(['single', 'stage', 'multiple'])
 };
-exports.default = fieldsRedux_1.createField(MonthPicker, { disableFieldChangeListener: true });
+exports.default = (0, fieldsRedux_1.createField)(MonthPicker, { disableFieldChangeListener: true });

package/dist/components/MultipleSelect/MultipleSelect.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];
@@ -44,10 +48,14 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -66,8 +74,8 @@ var MultipleSelect = /** @class */ (function (_super) {
         _this.onChange = function (val) {
             var _a = _this.props, onChange = _a.onChange, field = _a.field;
             var value = val.toString();
-            var fldValue = fieldsRedux_1.getField(field, 'value') || [];
-            var newValue = __spreadArray([], fldValue);
+            var fldValue = (0, fieldsRedux_1.getField)(field, 'value') || [];
+            var newValue = __spreadArray([], fldValue, true);
             var index = newValue.indexOf(value);
             if (index >= 0) {
                 newValue.splice(index, 1);
@@ -94,20 +102,20 @@ var MultipleSelect = /** @class */ (function (_super) {
     }
     MultipleSelect.prototype.componentDidMount = function () {
         var _a = this.props, optionsField = _a.optionsField, optionsDefaultValue = _a.optionsDefaultValue;
-        fieldsRedux_1.initField(optionsField, optionsDefaultValue);
+        (0, fieldsRedux_1.initField)(optionsField, optionsDefaultValue);
     };
     MultipleSelect.prototype.componentWillUnmount = function () {
         var _a = this.props, optionsField = _a.optionsField, destroyOnUnmount = _a.destroyOnUnmount;
         if (destroyOnUnmount) {
-            fieldsRedux_1.clearField(optionsField);
+            (0, fieldsRedux_1.clearField)(optionsField);
         }
     };
     MultipleSelect.prototype.render = function () {
         var _a = this, checkListSelectProps = _a.checkListSelectProps, onChange = _a.onChange;
         var _b = this.props, field = _b.field, optionsField = _b.optionsField, optionsValue = _b.optionsValue, optionsLabel = _b.optionsLabel, classActive = _b.classActive;
         var selectProps = checkListSelectProps();
-        var value = fieldsRedux_1.getField(field, 'value') || [];
-        var options = fieldsRedux_1.getField(optionsField, 'value') || [];
+        var value = (0, fieldsRedux_1.getField)(field, 'value') || [];
+        var options = (0, fieldsRedux_1.getField)(optionsField, 'value') || [];
         return (react_1.default.createElement("ul", __assign({}, selectProps), options.map(function (item, index) { return (react_1.default.createElement("li", { 
             // eslint-disable-next-line
             className: value.indexOf(item[optionsValue].toString()) >= 0 ? classActive : '', key: index, title: item[optionsLabel], onClick: function () { return onChange(item[optionsValue]); } }, item[optionsLabel])); })));
@@ -136,4 +144,4 @@ MultipleSelect.propTypes = {
     style: prop_types_1.default.object,
     classActive: prop_types_1.default.string,
 };
-exports.default = fieldsRedux_1.createField(MultipleSelect);
+exports.default = (0, fieldsRedux_1.createField)(MultipleSelect);

package/dist/components/OtpInput/OtpInput.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];
@@ -51,7 +55,7 @@ var RIGHT_ARROW = 39;
 var DELETE = 46;
 var SPACEBAR = 32;
 var ENTER = 13;
-var useStyles = core_1.makeStyles(function (theme) {
+var useStyles = (0, core_1.makeStyles)(function (theme) {
     var _a;
     return ({
         field: (_a = {
@@ -99,14 +103,14 @@ var useStyles = core_1.makeStyles(function (theme) {
 var SingleOtpInput = function (_a) {
     var separator = _a.separator, isLastChild = _a.isLastChild, focus = _a.focus, autoFocus = _a.autoFocus, index = _a.index, value = _a.value, placeholder = _a.placeholder, props = __rest(_a, ["separator", "isLastChild", "focus", "autoFocus", "index", "value", "placeholder"]);
     var classes = useStyles();
-    var inputRef = react_1.useRef();
+    var inputRef = (0, react_1.useRef)();
     // Focus on first render
     // Only when autoFocus is true
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && focus && autoFocus)
             inputRef.current.focus();
     }, [focus, autoFocus]);
-    utils_1.useUpdateEffect(function () {
+    (0, utils_1.useUpdateEffect)(function () {
         // Check if focusedInput changed
         // Prevent calling function if input already in focus
         if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && focus) {
@@ -120,8 +124,8 @@ var SingleOtpInput = function (_a) {
 };
 var OtpInput = function (_a) {
     var _b = _a.numInputs, numInputs = _b === void 0 ? 6 : _b, _c = _a.onChange, onChange = _c === void 0 ? function (otp) { return void (otp); } : _c, _d = _a.value, value = _d === void 0 ? '' : _d, _e = _a.onConfirm, onConfirm = _e === void 0 ? function (otp) { return void (otp); } : _e, props = __rest(_a, ["numInputs", "onChange", "value", "onConfirm"]);
-    var _f = react_1.useState(0), activeInput = _f[0], setActiveInput = _f[1];
-    var _g = react_1.useState((value === null || value === void 0 ? void 0 : value.toString().split('')) || []), localValue = _g[0], setLocalValue = _g[1];
+    var _f = (0, react_1.useState)(0), activeInput = _f[0], setActiveInput = _f[1];
+    var _g = (0, react_1.useState)((value === null || value === void 0 ? void 0 : value.toString().split('')) || []), localValue = _g[0], setLocalValue = _g[1];
     var otpValue = (value === null || value === void 0 ? void 0 : value.toString().split('')) || localValue;
     // Helper to return OTP from input
     var handleOtpChange = function (otp) {

package/dist/components/OutputText/OutputText.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];
@@ -65,10 +69,10 @@ var OutputText = /** @class */ (function (_super) {
     }
     OutputText.prototype.render = function () {
         var _a = this.props, field = _a.field, _b = _a.renderize, renderize = _b === void 0 ? 'span' : _b, className = _a.className, style = _a.style, _c = _a.prefixo, prefixo = _c === void 0 ? '' : _c, _d = _a.sufixo, sufixo = _d === void 0 ? '' : _d;
-        var value = fieldsRedux_1.getField(field, 'value');
+        var value = (0, fieldsRedux_1.getField)(field, 'value');
         value = typeof value !== 'object' ? value : JSON.stringify(value);
         value = this.handleDecimalValues(value);
-        value = "" + prefixo + value + sufixo;
+        value = "".concat(prefixo).concat(value).concat(sufixo);
         return react_1.default.createElement(renderize, { className: className, style: style }, value);
     };
     return OutputText;
@@ -86,4 +90,4 @@ OutputText.propTypes = {
     decimalSeparator: prop_types_1.default.string,
     decimalScale: prop_types_1.default.number,
 };
-exports.default = fieldsRedux_1.createField(OutputText);
+exports.default = (0, fieldsRedux_1.createField)(OutputText);

package/dist/components/Pagination/Pagination.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/PercentageDisplay/PercentageDisplay.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    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];
@@ -21,7 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@material-ui/core");
 var react_1 = __importStar(require("react"));
-var useStyles = core_1.makeStyles({
+var useStyles = (0, core_1.makeStyles)({
     container: {
         display: 'grid',
         placeItems: 'center'
@@ -78,20 +82,20 @@ var PercentageDisplay = function (_a) {
     var id = _a.id, _b = _a.percentage, percentage = _b === void 0 ? 0 : _b, _c = _a.size, size = _c === void 0 ? 50 : _c, _d = _a.barWidth, barWidth = _d === void 0 ? 6 : _d, _e = _a.fontSize, fontSize = _e === void 0 ? '0.9rem' : _e, _f = _a.color, color = _f === void 0 ? '#000' : _f, _g = _a.typographyVariant, typographyVariant = _g === void 0 ? undefined : _g, _h = _a.backgroundColor, backgroundColor = _h === void 0 ? '#fff' : _h, _j = _a.barColor, barColor = _j === void 0 ? '#00995d' : _j, _k = _a.barBackgroundColor, barBackgroundColor = _k === void 0 ? '#00995d26' : _k;
     var progressBarWidth = size - barWidth;
     var classes = useStyles({ color: color, backgroundColor: backgroundColor, barColor: barColor, barBackgroundColor: barBackgroundColor, size: size, progressBarWidth: progressBarWidth, fontSize: fontSize });
-    var percentageDisplayProgressId = id + "-percentageDisplayProgress";
-    var createProgress = react_1.useCallback(function () {
+    var percentageDisplayProgressId = "".concat(id, "-percentageDisplayProgress");
+    var createProgress = (0, react_1.useCallback)(function () {
         var porcentagem = parseInt(percentage);
         var progressBar = document.getElementById(percentageDisplayProgressId);
         if (!progressBar)
             return;
-        progressBar.style.background = "conic-gradient(" + barColor + " " + porcentagem * 3.6 + "deg, " + barBackgroundColor + " " + porcentagem * 3.6 + "deg)";
+        progressBar.style.background = "conic-gradient(".concat(barColor, " ").concat(porcentagem * 3.6, "deg, ").concat(barBackgroundColor, " ").concat(porcentagem * 3.6, "deg)");
     }, [barBackgroundColor, barColor, percentage, percentageDisplayProgressId]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         createProgress();
     }, [percentage, createProgress]);
     return react_1.default.createElement("div", { className: classes.container },
         react_1.default.createElement("div", { id: percentageDisplayProgressId, className: classes.circularProgress },
             react_1.default.createElement("div", { className: classes.valueContainer },
-                react_1.default.createElement(core_1.Typography, { variant: typographyVariant, className: classes.typography }, percentage + "%"))));
+                react_1.default.createElement(core_1.Typography, { variant: typographyVariant, className: classes.typography }, "".concat(percentage, "%")))));
 };
 exports.default = PercentageDisplay;

package/dist/components/Programa/PageCodeEasterEgg.d.ts

@@ -1,4 +1,4 @@
-declare var _default: import("react-redux").ConnectedComponent<({ code, usuarioLogado }: {
+declare const _default: import("react-redux").ConnectedComponent<({ code, usuarioLogado }: {
     code: any;
     usuarioLogado: any;
 }) => React.JSX.Element, import("react-redux").Omit<{

package/dist/components/Programa/PageCodeEasterEgg.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];
@@ -33,13 +37,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var core_1 = require("@material-ui/core");
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
-var useStyles = core_1.makeStyles(function (theme) { return ({
+var useStyles = (0, core_1.makeStyles)(function (theme) { return ({
     container: {
         display: 'flex',
         overflow: 'hidden',
         borderRadius: 4,
         color: theme.palette.type === 'light' ? '#fff' : '#000',
-        background: "linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(" + (theme.palette.type === 'light' ? '66,66,66' : '255,255,255') + ",1) 3%)"
+        background: "linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(".concat(theme.palette.type === 'light' ? '66,66,66' : '255,255,255', ",1) 3%)")
     },
     messageDiv: {
         padding: '.5rem 1rem'
@@ -53,13 +57,13 @@ var SnackbarTransition = function (props) { return react_1.default.createElement
 var PageCodeEasterEgg = function (_a) {
     var code = _a.code, usuarioLogado = _a.usuarioLogado;
     var classes = useStyles();
-    var _b = react_1.useState(false), open = _b[0], setOpen = _b[1];
+    var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
     function easterEggListener(e) {
         var teamMember = (usuarioLogado === null || usuarioLogado === void 0 ? void 0 : usuarioLogado.idFornecedorInterno) === 1; // Membro da TI
         if (teamMember && code && !open && e.ctrlKey && e.shiftKey && e.key === 'Z')
             setOpen(true);
     }
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         document.addEventListener('keydown', easterEggListener, false);
         return function () { return document.removeEventListener('keydown', easterEggListener, false); };
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -70,9 +74,9 @@ var PageCodeEasterEgg = function (_a) {
             react_1.default.createElement("div", { className: classes.gradientStripe }),
             react_1.default.createElement("div", { className: classes.messageDiv },
                 react_1.default.createElement(core_1.Typography, { variant: 'subtitle1' }, "Hi, dev!"),
-                react_1.default.createElement(core_1.Typography, { variant: 'body1' }, "The page code is " + code + "."))));
+                react_1.default.createElement(core_1.Typography, { variant: 'body1' }, "The page code is ".concat(code, ".")))));
 };
 var mapStateToProps = function (state) { return ({
     usuarioLogado: state.argous.usuarioLogado
 }); };
-exports.default = react_redux_1.connect(mapStateToProps)(PageCodeEasterEgg);
+exports.default = (0, react_redux_1.connect)(mapStateToProps)(PageCodeEasterEgg);

package/dist/components/Programa/Programa.d.ts

@@ -1,6 +1,8 @@
+import { TabArray } from './Tab';
 import { BoxProps } from '@material-ui/core';
 import * as React from 'react';
 
+
 export interface ProgramaProps extends BoxProps {
   code: string,
   children: React.ReactNode,
@@ -12,7 +14,20 @@ export interface ProgramaProps extends BoxProps {
   hideTitle: boolean, 
   programDidMount: () => void,
   bfHabNavegador: boolean,
-  bfAbas: Array<any>,
+  /**
+   * 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.
+   * 
+   */
+  bfAbas?: Array<TabArray>,
   bfFerramentas: Array<any>,
   bfExecutaFuncao: (prm: string) => void,
   bfNmFuncaoVoltar: string,

package/dist/components/Programa/Programa.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]) {
@@ -82,9 +86,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var BarraFerramentas_1 = __importDefault(require("./../BarraFerramentas"));
 var PageCodeEasterEgg_1 = __importDefault(require("./PageCodeEasterEgg"));
+var TabNavigationRail_1 = __importDefault(require("./TabNavigationRail"));
 var argous = __importStar(require("../../actions"));
 var api_1 = require("../../api");
 var core_1 = require("@material-ui/core");
+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");
@@ -97,19 +103,31 @@ function Programa(_a) {
     var code = _a.code, children = _a.children, _b = _a.loading, loading = _b === void 0 ? false : _b, _c = _a.threads, threads = _c === void 0 ? [] : _c, hint = _a.hint, title = _a.title, panelTitle = _a.panelTitle, hideTitle = _a.hideTitle, setCurrentProgram = _a.setCurrentProgram, programDidMount = _a.programDidMount, favorites = _a.favorites, setFavorites = _a.setFavorites, bfHabNavegador = _a.bfHabNavegador, _d = _a.bfAbas, bfAbas = _d === void 0 ? [] : _d, _e = _a.bfFerramentas, bfFerramentas = _e === void 0 ? [] : _e, bfExecutaFuncao = _a.bfExecutaFuncao, bfNmFuncaoVoltar = _a.bfNmFuncaoVoltar, bfNmCompartilhar = _a.bfNmCompartilhar, bfHabCrud = _a.bfHabCrud, bfNmSalva = _a.bfNmSalva, bfNmExclui = _a.bfNmExclui, _f = _a.bfHabFavorito, bfHabFavorito = _f === void 0 ? true : _f, bfTitulo = _a.bfTitulo, 
     // permissoes = { salvar: true, editar: true, excluir: true },
     linkCompartilhamento = _a.linkCompartilhamento, className = _a.className, rightSidebar = _a.rightSidebar, setRightSidebar = _a.setRightSidebar, setAddProgramWidget = _a.setAddProgramWidget, setProgramAnnotation = _a.setProgramAnnotation, annotationParameters = _a.annotationParameters, openAnnotationParameters = _a.openAnnotationParameters, programAnnotation = _a.programAnnotation, _ = _a.fields, props = __rest(_a, ["code", "children", "loading", "threads", "hint", "title", "panelTitle", "hideTitle", "setCurrentProgram", "programDidMount", "favorites", "setFavorites", "bfHabNavegador", "bfAbas", "bfFerramentas", "bfExecutaFuncao", "bfNmFuncaoVoltar", "bfNmCompartilhar", "bfHabCrud", "bfNmSalva", "bfNmExclui", "bfHabFavorito", "bfTitulo", "linkCompartilhamento", "className", "rightSidebar", "setRightSidebar", "setAddProgramWidget", "setProgramAnnotation", "annotationParameters", "openAnnotationParameters", "programAnnotation", "fields"]);
-    var theme = core_1.useTheme();
-    var _g = react_1.useState({}), programa = _g[0], setPrograma = _g[1];
-    var _h = react_1.useState(false), favoriteAnimationInsert = _h[0], setFavoriteAnimationInsert = _h[1];
-    var _j = react_1.useState(false), favoriteAnimationRemove = _j[0], setFavoriteAnimationRemove = _j[1];
-    var toolbarLoading = react_1.useState(initialStateToolbarLoading)[0] /*, setToolbarLoading*/;
-    react_1.useEffect(function () {
+    var theme = (0, core_1.useTheme)();
+    var xs = (0, core_1.useMediaQuery)(theme.breakpoints.only('xs'));
+    var _g = (0, react_1.useState)({}), programa = _g[0], setPrograma = _g[1];
+    var _h = (0, react_1.useState)([]), selectedTab = _h[0], setSelectedTab = _h[1];
+    var _j = (0, react_1.useState)(false), favoriteAnimationInsert = _j[0], setFavoriteAnimationInsert = _j[1];
+    var _k = (0, react_1.useState)(false), favoriteAnimationRemove = _k[0], setFavoriteAnimationRemove = _k[1];
+    var toolbarLoading = (0, react_1.useState)(initialStateToolbarLoading)[0] /*, setToolbarLoading*/;
+    var tabNavigationRailRule = (!xs && (0, lodash_1.isArray)(bfAbas) && ((bfAbas === null || bfAbas === void 0 ? void 0 : bfAbas.length) > 1));
+    var styles = {
+        bodyContainer: {
+            display: 'flex',
+            gap: 10
+        },
+        childrenContainer: {
+            width: (tabNavigationRailRule) ? 'calc(100% - 58px)' : '100%'
+        }
+    };
+    (0, react_1.useEffect)(function () {
         (function () { return __awaiter(_this, void 0, void 0, function () {
             var res;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         setCurrentProgram(code);
-                        return [4 /*yield*/, api_1.getProgram(code)];
+                        return [4 /*yield*/, (0, api_1.getProgram)(code)];
                     case 1:
                         res = _a.sent();
                         // TODO prever aqui tempo de bloqueio diferenciado
@@ -128,7 +146,7 @@ function Programa(_a) {
     var openAnnotations = function (event) { return setProgramAnnotation(__assign(__assign({}, programa), { open: true, code: code, annotationParameters: annotationParameters, openAnnotationParameters: openAnnotationParameters })); };
     var addFavorite = function () {
         var path = window.location.pathname;
-        api_1.toggleFavorite({ link: path }).then(function (res) {
+        (0, api_1.toggleFavorite)({ link: path }).then(function (res) {
             setFavorites(res.fvrts);
             var existIn = res.fvrts.filter(function (item) { return item[3] === path; });
             if (existIn.length > 0) {
@@ -170,11 +188,21 @@ function Programa(_a) {
                     react_1.default.createElement("span", { className: 'text-muted', style: { color: theme.palette.text.primary } }, "\u00A0|\u00A0")),
                 react_1.default.createElement("p", { id: 'pg-subtitulo', className: 'pull-left hw-program-subtitulo', style: { color: theme.palette.text.primary } }, pgHint)),
         react_1.default.createElement(core_1.Paper, { variant: 'outlined', style: { padding: 10, position: 'relative' } },
-            react_1.default.createElement(BarraFerramentas_1.default, __assign({ titulo: bfTitulo, abas: bfAbas, habFavorito: bfHabFavorito, habNavegador: bfHabNavegador, executaFuncao: bfExecutaFuncao, nmFuncaoVoltar: bfNmFuncaoVoltar, nmCompartilhar: bfNmCompartilhar, habCrud: bfHabCrud, nmSalva: bfNmSalva, nmExclui: bfNmExclui, ferramentas: bfFerramentas, checkIfIsFavorite: checkIfIsFavorite, addFavorite: addFavorite, linkCompartilhamento: linkCompartilhamento, favoriteAnimationInsert: favoriteAnimationInsert, favoriteAnimationRemove: favoriteAnimationRemove, threads: threads, currentProgram: code }, { addWidget: addWidget, habWidget: habWidget, snAnotacaoPrograma: snAnotacaoPrograma, openAnnotations: openAnnotations, toolbarLoading: toolbarLoading })),
+            react_1.default.createElement(BarraFerramentas_1.default, __assign({ titulo: bfTitulo, abas: bfAbas, habFavorito: bfHabFavorito, habNavegador: bfHabNavegador, executaFuncao: bfExecutaFuncao, nmFuncaoVoltar: bfNmFuncaoVoltar, nmCompartilhar: bfNmCompartilhar, habCrud: bfHabCrud, nmSalva: bfNmSalva, nmExclui: bfNmExclui, ferramentas: bfFerramentas, checkIfIsFavorite: checkIfIsFavorite, addFavorite: addFavorite, linkCompartilhamento: linkCompartilhamento, favoriteAnimationInsert: favoriteAnimationInsert, favoriteAnimationRemove: favoriteAnimationRemove, threads: threads, currentProgram: code }, {
+                addWidget: addWidget,
+                habWidget: habWidget,
+                snAnotacaoPrograma: snAnotacaoPrograma,
+                openAnnotations: openAnnotations,
+                toolbarLoading: toolbarLoading,
+                selectedTab: selectedTab,
+                setSelectedTab: setSelectedTab
+            })),
             dsErro ? (react_1.default.createElement(core_1.Box, { textAlign: 'center' },
                 react_1.default.createElement(fa_1.FaExclamationTriangle, { style: { color: '#ED1651', width: '90px', height: '90px' } }),
                 react_1.default.createElement(core_1.Typography, { variant: 'h6' }, dsErro))) : (!pnlTitle || loading || !loaded) ? (react_1.default.createElement(core_1.Box, { position: 'relative', top: 20, left: '50%', "z-index": 20, height: 80, width: 0, marginLeft: '-20px' },
-                react_1.default.createElement(core_1.CircularProgress, { disableShrink: true }))) : children),
+                react_1.default.createElement(core_1.CircularProgress, { disableShrink: true }))) : (react_1.default.createElement("div", { style: styles.bodyContainer },
+                (tabNavigationRailRule) && (react_1.default.createElement(TabNavigationRail_1.default, __assign({ tabs: bfAbas, executesFunction: bfExecutaFuncao }, { selectedTab: selectedTab, setSelectedTab: setSelectedTab }))),
+                react_1.default.createElement("div", { style: styles.childrenContainer }, children)))),
         react_1.default.createElement(PageCodeEasterEgg_1.default, __assign({}, { code: code }))));
 }
 var mapStateToProps = function (state) { return ({
@@ -217,4 +245,4 @@ Programa.propTypes = {
     panelTitle: prop_types_1.default.string,
     // permissoes: PropTypes.object,
 };
-exports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(Programa);
+exports.default = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(Programa);

package/dist/components/Programa/Tab.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface TabArray {
+    [0]: (string | undefined);
+    [1]?: (string | undefined);
+    [2]?: (string | undefined);
+    [3]?: (JSX.Element | undefined);
+}

package/dist/components/Programa/Tab.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components/Programa/TabNavigationRail.d.ts

@@ -0,0 +1,12 @@
+export const TAB_LABEL_INDEX: 0;
+export const TAB_ACTIVE_INDEX: 1;
+export const TAB_ALIAS_INDEX: 2;
+export const TAB_ICON_INDEX: 3;
+export default TabNavigationRail;
+declare function TabNavigationRail({ tabs, selectedTab, setSelectedTab, executesFunction }: {
+    tabs?: any[] | undefined;
+    selectedTab?: any[] | undefined;
+    setSelectedTab?: (() => string) | undefined;
+    executesFunction?: (() => string) | undefined;
+}): React.JSX.Element;
+import React from "react";