argous 1.2.247 → 1.3.3

package/dist/components/PercentageDisplay/PercentageDisplay.js

@@ -1,101 +1,33 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-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 core_1 = require("@material-ui/core");
-var react_1 = __importStar(require("react"));
-var useStyles = (0, core_1.makeStyles)({
-    container: {
-        display: 'grid',
-        placeItems: 'center'
-    },
-    circularProgress: {
-        height: function (_a) {
-            var size = _a.size;
-            return size;
-        },
-        width: function (_a) {
-            var size = _a.size;
-            return size;
-        },
-        backgroundColor: function (_a) {
-            var barBackgroundColor = _a.barBackgroundColor;
-            return barBackgroundColor;
-        },
-        borderRadius: '50%',
-        display: 'grid',
-        placeItems: 'center',
-        '&::before': {
-            content: '""',
-            position: 'absolute',
-            height: function (_a) {
-                var progressBarWidth = _a.progressBarWidth;
-                return progressBarWidth;
-            },
-            width: function (_a) {
-                var progressBarWidth = _a.progressBarWidth;
-                return progressBarWidth;
-            },
-            borderRadius: '50%',
-            backgroundColor: function (_a) {
-                var backgroundColor = _a.backgroundColor;
-                return backgroundColor;
-            }
-        }
-    },
-    valueContainer: {
-        position: 'relative'
-    },
-    typography: {
-        color: function (_a) {
-            var color = _a.color;
-            return color;
-        },
-        fontSize: function (_a) {
-            var fontSize = _a.fontSize;
-            return fontSize;
-        }
-    }
-});
+var material_1 = require("@mui/material");
+var react_1 = __importDefault(require("react"));
 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 porcentagem = parseInt(percentage);
     var progressBarWidth = size - barWidth;
-    var classes = useStyles({ color: color, backgroundColor: backgroundColor, barColor: barColor, barBackgroundColor: barBackgroundColor, size: size, progressBarWidth: progressBarWidth, fontSize: fontSize });
     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(".concat(barColor, " ").concat(porcentagem * 3.6, "deg, ").concat(barBackgroundColor, " ").concat(porcentagem * 3.6, "deg)");
-    }, [barBackgroundColor, barColor, percentage, percentageDisplayProgressId]);
-    (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 }, "".concat(percentage, "%")))));
+    return react_1.default.createElement(material_1.Box, { sx: { display: 'grid', placeItems: 'center' } },
+        react_1.default.createElement(material_1.Box, { id: percentageDisplayProgressId, sx: {
+                height: size,
+                width: size,
+                background: "conic-gradient(".concat(barColor, " ").concat(porcentagem * 3.6, "deg, ").concat(barBackgroundColor, " ").concat(porcentagem * 3.6, "deg)"),
+                borderRadius: '50%',
+                display: 'grid',
+                placeItems: 'center',
+                '&::before': {
+                    content: '""',
+                    position: 'absolute',
+                    height: progressBarWidth,
+                    width: progressBarWidth,
+                    borderRadius: '50%',
+                    backgroundColor: backgroundColor
+                }
+            } },
+            react_1.default.createElement(material_1.Box, { sx: { position: 'relative' } },
+                react_1.default.createElement(material_1.Typography, { variant: typographyVariant, sx: { color: color, fontSize: fontSize } }, "".concat(percentage, "%")))));
 };
 exports.default = PercentageDisplay;

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

@@ -1,9 +1,10 @@
 declare const _default: import("react-redux").ConnectedComponent<({ code, usuarioLogado }: {
     code: any;
     usuarioLogado: any;
-}) => React.JSX.Element, import("react-redux").Omit<{
+}) => React.JSX.Element, {
     code: any;
-    usuarioLogado: any;
-}, "usuarioLogado">>;
+    context?: React.Context<import("react-redux").ReactReduxContextValue<any, import("redux").UnknownAction> | null> | undefined;
+    store?: import("redux").Store | undefined;
+}>;
 export default _default;
-import React from "react";
+import React from 'react';

package/dist/components/Programa/PageCodeEasterEgg.js

@@ -26,37 +26,44 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
-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(".concat(theme.palette.type === 'light' ? '66,66,66' : '255,255,255', ",1) 3%)")
-    },
-    messageDiv: {
-        padding: '.5rem 1rem'
-    },
-    gradientStripe: {
-        width: '1rem',
-        background: 'linear-gradient(180deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%)'
-    }
-}); });
-var SnackbarTransition = function (props) { return react_1.default.createElement(core_1.Slide, __assign({}, props, { direction: 'up' })); };
+var containerSx = function (theme) { return ({
+    display: 'flex',
+    overflow: 'hidden',
+    borderRadius: 4,
+    color: theme.palette.mode === 'light' ? '#fff' : '#000',
+    background: "linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(".concat(theme.palette.mode === 'light' ? '66,66,66' : '255,255,255', ",1) 3%)")
+}); };
+var messageDivSx = {
+    padding: '.5rem 1rem'
+};
+var gradientStripeSx = {
+    width: '1rem',
+    background: 'linear-gradient(180deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%)'
+};
+var SnackbarTransition = function (props) { return react_1.default.createElement(material_1.Slide, __assign({}, props, { direction: 'up' })); };
 var PageCodeEasterEgg = function (_a) {
     var code = _a.code, usuarioLogado = _a.usuarioLogado;
-    var classes = useStyles();
     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
@@ -69,12 +76,14 @@ var PageCodeEasterEgg = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     var handleClose = function (_) { return setOpen(false); };
-    return react_1.default.createElement(core_1.Snackbar, { open: open, onClose: handleClose, autoHideDuration: 5000, TransitionComponent: SnackbarTransition, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } },
-        react_1.default.createElement("div", { className: classes.container },
-            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 ".concat(code, ".")))));
+    return (react_1.default.createElement(material_1.Snackbar, { open: open, onClose: handleClose, autoHideDuration: 5000, anchorOrigin: { vertical: 'bottom', horizontal: 'left' }, slots: {
+            transition: SnackbarTransition
+        } },
+        react_1.default.createElement(material_1.Box, { sx: containerSx },
+            react_1.default.createElement(material_1.Box, { sx: gradientStripeSx }),
+            react_1.default.createElement(material_1.Box, { sx: messageDivSx },
+                react_1.default.createElement(material_1.Typography, { variant: 'subtitle1' }, "Hi, dev!"),
+                react_1.default.createElement(material_1.Typography, { variant: 'body1' }, "The page code is ".concat(code, "."))))));
 };
 var mapStateToProps = function (state) { return ({
     usuarioLogado: state.argous.usuarioLogado

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

@@ -1,5 +1,5 @@
 import { TabArray } from './Tab';
-import { BoxProps } from '@material-ui/core';
+import { BoxProps } from '@mui/material';
 import * as React from 'react';
 
 
@@ -45,4 +45,4 @@ export interface ProgramaProps extends BoxProps {
 
 declare function Programa(props: ProgramaProps): JSX.Element
 
-export default Programa;
+export default Programa;

package/dist/components/Programa/Programa.js

@@ -26,13 +26,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -43,8 +53,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -80,6 +90,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+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 };
 };
@@ -89,7 +108,7 @@ 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 material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
@@ -103,8 +122,8 @@ 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 = (0, core_1.useTheme)();
-    var xs = (0, core_1.useMediaQuery)(theme.breakpoints.only('xs'));
+    var theme = (0, material_1.useTheme)();
+    var xs = (0, material_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];
@@ -180,30 +199,33 @@ function Programa(_a) {
         pnlTitle = panelTitle;
     if (bfTitulo === undefined)
         bfTitulo = pnlTitle;
-    return (react_1.default.createElement(core_1.Box, __assign({ fontFamily: 'Raleway, Helvetica, Arial, sans-serif', className: className }, props),
+    return (react_1.default.createElement(material_1.Box, __assign({ className: className }, props, { sx: __spreadArray([{
+                fontFamily: 'Raleway, Helvetica, Arial, sans-serif'
+            }], (Array.isArray(props.sx) ? props.sx : [props.sx]), true) }),
         !hideTitle &&
             react_1.default.createElement("span", { style: { cursor: 'default', overflow: 'hidden', display: 'block', marginBottom: '2px', color: theme.palette.text.primary } },
                 react_1.default.createElement("h2", { className: 'reset-margin pull-left', style: { color: theme.palette.text.primary } },
                     pgTitle,
                     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,
-                selectedTab: selectedTab,
-                setSelectedTab: setSelectedTab
-            })),
-            dsErro ? (react_1.default.createElement(core_1.Box, { textAlign: 'center' },
+        react_1.default.createElement(material_1.Paper, { variant: 'outlined', style: { padding: 10, position: 'relative' } },
+            react_1.default.createElement(BarraFerramentas_1.default, { 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(material_1.Box, { sx: {
+                    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 }))) : (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(material_1.Typography, { variant: 'h6' }, dsErro))) : (!pnlTitle || loading || !loaded) ? (react_1.default.createElement(material_1.Box, { "z-index": 20, sx: {
+                    position: 'relative',
+                    top: 20,
+                    left: '50%',
+                    height: 80,
+                    width: 0,
+                    marginLeft: '-20px'
+                } },
+                react_1.default.createElement(material_1.CircularProgress, { disableShrink: true }))) : (react_1.default.createElement("div", { style: styles.bodyContainer },
+                (tabNavigationRailRule) && (react_1.default.createElement(TabNavigationRail_1.default, { 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 }))));
+        react_1.default.createElement(PageCodeEasterEgg_1.default, { code: code })));
 }
 var mapStateToProps = function (state) { return ({
     fields: state.argous.fields,

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

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

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

@@ -4,9 +4,9 @@ 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;
+    tabs?: never[] | undefined;
+    selectedTab?: never[] | undefined;
     setSelectedTab?: (() => string) | undefined;
     executesFunction?: (() => string) | undefined;
 }): React.JSX.Element;
-import React from "react";
+import React from 'react';

package/dist/components/Programa/TabNavigationRail.js

@@ -10,35 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-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 });
 exports.TAB_ICON_INDEX = exports.TAB_ALIAS_INDEX = exports.TAB_ACTIVE_INDEX = exports.TAB_LABEL_INDEX = void 0;
-var utils_1 = require("../../utils");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
 var lodash_1 = require("lodash");
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var io5_1 = require("react-icons/io5");
 exports.TAB_LABEL_INDEX = 0;
 exports.TAB_ACTIVE_INDEX = 1;
@@ -47,9 +26,7 @@ exports.TAB_ICON_INDEX = 3;
 var BUTTON_SIZE = 36;
 var TabNavigationRail = function (_a) {
     var _b = _a.tabs, tabs = _b === void 0 ? [] : _b, _c = _a.selectedTab, selectedTab = _c === void 0 ? [] : _c, _d = _a.setSelectedTab, setSelectedTab = _d === void 0 ? function () { return ''; } : _d, _e = _a.executesFunction, executesFunction = _e === void 0 ? function () { return ''; } : _e;
-    var selectedTabRef = (0, react_1.useRef)(selectedTab);
-    var setSelectedTabRef = (0, react_1.useRef)(setSelectedTab);
-    var theme = (0, core_1.useTheme)();
+    var theme = (0, material_1.useTheme)();
     var styles = {
         rail: {
             display: 'flex',
@@ -72,45 +49,26 @@ var TabNavigationRail = function (_a) {
         },
         activeButton: {
             color: theme.palette.primary.main,
-            border: "1px solid ".concat((0, core_1.alpha)(theme.palette.primary.main, 0.2)),
-            backgroundColor: (0, core_1.alpha)(theme.palette.primary.main, 0.1)
+            border: "1px solid ".concat((0, material_1.alpha)(theme.palette.primary.main, 0.2)),
+            backgroundColor: (0, material_1.alpha)(theme.palette.primary.main, 0.1)
         },
         icon: {
             fontSize: 20
         }
     };
-    var previousTabs = (0, utils_1.usePrevious)(tabs);
-    (0, react_1.useEffect)(function () {
-        var _a;
-        if ((0, lodash_1.isEqual)(tabs, previousTabs) || !!((_a = selectedTabRef.current) === null || _a === void 0 ? void 0 : _a.length))
-            return;
-        if (!(tabs === null || tabs === void 0 ? void 0 : tabs.length)) {
-            if (typeof setSelectedTabRef.current === 'function')
-                setSelectedTabRef.current([]);
-        }
-        else
-            for (var index = 0; index < (tabs === null || tabs === void 0 ? void 0 : tabs.length); index++) {
-                var tab = tabs[index];
-                if ((tab === null || tab === void 0 ? void 0 : tab[exports.TAB_ACTIVE_INDEX]) === 'active') {
-                    if (typeof setSelectedTabRef.current === 'function')
-                        setSelectedTabRef.current(tab);
-                    break;
-                }
-            }
-    }, [tabs, previousTabs]);
-    var navigate = function (event, index, tab) {
+    var navigate = function (index, tab) {
         var alias = tab === null || tab === void 0 ? void 0 : tab[exports.TAB_ALIAS_INDEX];
-        if (typeof setSelectedTabRef.current === 'function')
-            setSelectedTabRef.current(tab);
+        if (typeof setSelectedTab === 'function')
+            setSelectedTab(tab);
         if ((0, lodash_1.isNumber)(index))
             executesFunction(alias || "T".concat(index));
     };
-    return (react_1.default.createElement(core_1.Paper, { component: 'nav', elevation: 1, style: styles.rail }, ((0, lodash_1.isArray)(tabs)) && tabs.map(function (tab, tabIndex) {
+    return (react_1.default.createElement(material_1.Paper, { component: 'nav', elevation: 1, sx: styles.rail }, ((0, lodash_1.isArray)(tabs)) && tabs.map(function (tab, tabIndex) {
         var label = tab === null || tab === void 0 ? void 0 : tab[exports.TAB_LABEL_INDEX];
         var Icon = tab === null || tab === void 0 ? void 0 : tab[exports.TAB_ICON_INDEX];
         var active = (0, lodash_1.isEqual)(tab, selectedTab);
-        return (react_1.default.createElement(core_1.Tooltip, { key: label, title: label, placement: 'right' },
-            react_1.default.createElement(core_1.IconButton, { size: 'small', "aria-label": label, "aria-current": (active) ? 'page' : undefined, onClick: function (event) { return navigate(event, tabIndex, tab); }, style: __assign(__assign({}, styles.button), ((active) ? styles.activeButton : {})) },
+        return (react_1.default.createElement(material_1.Tooltip, { key: "".concat(label || 'tab', "-").concat(tabIndex), title: label || '', placement: 'right' },
+            react_1.default.createElement(material_1.IconButton, { size: 'small', "aria-label": label, "aria-current": (active) ? 'page' : undefined, onClick: function () { return navigate(tabIndex, tab); }, sx: __assign(__assign({}, styles.button), ((active) ? styles.activeButton : {})) },
                 (Icon) && (react_1.default.createElement(Icon, { style: styles.icon })),
                 (!Icon) && (react_1.default.createElement(io5_1.IoSettings, { style: styles.icon })))));
     })));

package/dist/components/ProgressBar/ProgressBar.js

@@ -30,13 +30,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Select/Select.js

@@ -41,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/SimpleTable/SimpleTable.js

@@ -41,13 +41,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/components/Stepper/Stepper.d.ts

@@ -1,4 +1,4 @@
-import { OverrideProps, OverridableComponent } from '@material-ui/core/OverridableComponent';
+import { OverrideProps, OverridableComponent } from '@mui/material/OverridableComponent';
 import * as React from 'react';
 import { IconType } from 'react-icons';