argous 1.2.247 → 1.3.3

package/dist/components/Editor/components/EditorPropTypes.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;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditorPropTypes = exports.eventPropTypes = void 0;
 var PropTypes = __importStar(require("prop-types"));

package/dist/components/FilePreparer/FilePreparer.d.ts

@@ -1,4 +1,4 @@
-import { ChipProps, TextFieldProps } from '@material-ui/core';
+import { ChipProps, TextFieldProps } from '@mui/material';
 import * as React from 'react';
 
 export interface FilePreparerRef {

package/dist/components/FilePreparer/FilePreparer.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.");
@@ -89,111 +99,114 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperty(exports, "__esModule", { value: true });
 var api_1 = require("../../api");
 var api_2 = require("../../utils/api");
-var core_1 = require("@material-ui/core");
-var lab_1 = require("@material-ui/lab");
-var clsx_1 = __importDefault(require("clsx"));
+var material_1 = require("@mui/material");
+var clsx_1 = require("clsx");
 var immer_1 = require("immer");
 var react_1 = __importStar(require("react"));
 var md_1 = require("react-icons/md");
-var useStyles = (0, core_1.makeStyles)(function (_theme) { return ({
-    tag: {
+var classes = {
+    tag: 'argous-file-preparer-tag',
+    inputRoot: 'argous-file-preparer-input-root',
+    input: 'argous-file-preparer-input',
+    inputFocused: 'argous-file-preparer-input-focused',
+    clearIndicator: 'argous-file-preparer-clear-indicator',
+    clearIndicatorDirty: 'argous-file-preparer-clear-indicator-dirty',
+    root: 'argous-file-preparer-root',
+    loading: 'argous-file-preparer-loading',
+    endAdornment: 'argous-file-preparer-end-adornment',
+    rename: 'argous-file-preparer-rename',
+};
+var filePreparerStyles = (_a = {},
+    _a[".".concat(classes.tag)] = {
         margin: 3,
         maxWidth: 'calc(100% - 6px)',
     },
-    inputRoot: {
-        flexWrap: 'wrap',
-        '$hasPopupIcon &, $hasClearIcon &': {
-            paddingRight: 26 + 4,
+    _a[".".concat(classes.inputRoot)] = (_b = {
+            flexWrap: 'wrap'
         },
-        '$hasPopupIcon$hasClearIcon &': {
-            paddingRight: 52 + 4,
-        },
-        '& $input': {
+        _b["& .".concat(classes.input)] = {
             width: 0,
             minWidth: 30,
         },
-        '&[class*="MuiInput-root"]': {
-            paddingBottom: 1,
-            '& $input': {
+        _b['&[class*="MuiInput-root"]'] = (_c = {
+                paddingBottom: 1
+            },
+            _c["& .".concat(classes.input)] = {
                 padding: 4,
             },
-            '& $input:first-child': {
+            _c["& .".concat(classes.input, ":first-child")] = {
                 padding: '6px 0',
             },
-        },
-        '&[class*="MuiOutlinedInput-root"]': {
-            padding: 9,
-            paddingRight: 26 + 4 + 9,
-            '$hasClearIcon &': {
-                paddingRight: 52 + 4 + 9,
+            _c),
+        _b['&[class*="MuiOutlinedInput-root"]'] = (_d = {
+                padding: 9,
+                paddingRight: 26 + 4 + 9
             },
-            '& $input': {
+            _d["& .".concat(classes.input)] = {
                 padding: '9.5px 4px',
             },
-            '& $input:first-child': {
+            _d["& .".concat(classes.input, ":first-child")] = {
                 paddingLeft: 6,
             },
-            '& $endAdornment': {
+            _d["& .".concat(classes.endAdornment)] = {
                 right: 9,
             },
-        },
-        '&[class*="MuiOutlinedInput-root"][class*="MuiOutlinedInput-marginDense"]': {
-            padding: 6,
-            '& $input': {
+            _d),
+        _b['&[class*="MuiOutlinedInput-root"][class*="MuiInputBase-sizeSmall"]'] = (_e = {
+                padding: 6
+            },
+            _e["& .".concat(classes.input)] = {
                 padding: '4.5px 4px',
             },
-        },
-    },
-    input: {
+            _e),
+        _b),
+    _a[".".concat(classes.input)] = {
         flexGrow: 1,
         textOverflow: 'ellipsis',
         opacity: 0,
     },
-    inputFocused: {
+    _a[".".concat(classes.inputFocused)] = {
         opacity: 1,
     },
-    clearIndicator: {
+    _a[".".concat(classes.clearIndicator)] = {
         marginRight: -2,
         padding: 4,
         visibility: 'hidden',
     },
-    clearIndicatorDirty: {},
-    root: {
-        display: 'flex',
-        flexGrow: 1,
-        '&$focused $clearIndicatorDirty': {
+    _a[".".concat(classes.root)] = (_f = {
+            display: 'flex',
+            flexGrow: 1
+        },
+        _f["& .".concat(classes.clearIndicatorDirty)] = {
             visibility: 'visible',
         },
-        '@media (pointer: fine)': {
-            '&:hover $clearIndicatorDirty': {
+        _f['@media (pointer: fine)'] = (_g = {},
+            _g["&:hover .".concat(classes.clearIndicatorDirty)] = {
                 visibility: 'visible',
             },
+            _g),
+        _f),
+    _a[".".concat(classes.endAdornment)] = (_h = {
+            position: 'absolute',
+            right: 0,
+            top: 'calc(50% - 24px)'
         },
-    },
-    loading: {},
-    endAdornment: {
-        position: 'absolute',
-        right: 0,
-        top: 'calc(50% - 24px)',
-        '$loading &': {
+        _h[".".concat(classes.loading, " &")] = {
             top: 'calc(50% - 14px)',
         },
-    },
-    rename: {
+        _h),
+    _a[".".concat(classes.rename)] = {
         borderRadius: 10,
         padding: '5px !important'
-    }
-}); });
+    },
+    _a);
 var FilePreparer = function (_a, ref) {
     var _b, _c, _d;
     var onChange = _a.onChange, TextFieldProps = _a.TextFieldProps, placeholder = _a.placeholder, label = _a.label, multiple = _a.multiple, ChipProps = _a.ChipProps, disabled = _a.disabled, fileInputProps = _a.fileInputProps, valuePlaceHolder = _a.valuePlaceHolder, concat = _a.concat, _e = _a.initialFiles, initialFiles = _e === void 0 ? [] : _e, props = __rest(_a, ["onChange", "TextFieldProps", "placeholder", "label", "multiple", "ChipProps", "disabled", "fileInputProps", "valuePlaceHolder", "concat", "initialFiles"]);
-    var classes = useStyles();
     var inputRef = (0, react_1.useRef)();
     var _f = (0, react_1.useState)(false), loading = _f[0], setLoading = _f[1];
     var _g = (0, react_1.useState)(initialFiles), files = _g[0], setFiles = _g[1];
@@ -244,14 +257,14 @@ var FilePreparer = function (_a, ref) {
     //   setMotivo(undefined);
     // }, [files]);
     (0, react_1.useImperativeHandle)(ref, function () { return ({ preparaArquivo: preparaArquivo, loading: loading, setLoading: setLoading, setFiles: setFiles }); }, [preparaArquivo, loading]);
-    var _j = (0, lab_1.useAutocomplete)({
+    var _j = (0, material_1.useAutocomplete)({
         value: files,
         inputValue: files.length ? '' : placeholder || 'Selecione um arquivo',
         options: [],
         onChange: handleChange,
         multiple: true,
         componentName: 'FilePreparer'
-    }), getInputProps = _j.getInputProps, getTagProps = _j.getTagProps, setAnchorEl = _j.setAnchorEl, focusedTag = _j.focusedTag, getClearProps = _j.getClearProps, dirty = _j.dirty;
+    }), getInputProps = _j.getInputProps, getItemProps = _j.getItemProps, setAnchorEl = _j.setAnchorEl, focusedItem = _j.focusedItem, getClearProps = _j.getClearProps, dirty = _j.dirty;
     var _k = (0, react_1.useState)(), editando = _k[0], setEditando = _k[1];
     var handleEditing = function (index) { return function (e) {
         e.stopPropagation();
@@ -263,25 +276,29 @@ var FilePreparer = function (_a, ref) {
         setEditando(undefined);
     };
     var handleClick = function () { return !loading && !files.length && !disabled && inputRef.current.click(); };
-    return (react_1.default.createElement("div", __assign({ className: (0, clsx_1.default)(classes.root, (_b = {}, _b[classes.loading] = loading, _b)) }, props),
-        react_1.default.createElement("input", __assign({ ref: inputRef, type: 'file' }, { multiple: multiple }, { onChange: function (e) { var _a, _b; return ((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) && preparaArquivo(e.target.files); }, style: { display: 'none' } }, fileInputProps)),
-        react_1.default.createElement(core_1.TextField, __assign({ ref: setAnchorEl, variant: 'outlined', label: label || 'Arquivo', margin: 'dense', onClick: handleClick, style: { flexGrow: '1' }, InputProps: {
-                readOnly: true,
-                startAdornment: files.length > 0 ?
-                    files.map(function (option, index) { return editando === index ? (react_1.default.createElement(core_1.FilledInput, { className: classes.rename, defaultValue: option.name, autoFocus: true, onBlur: handleRename, multiline: true, disableUnderline: true })) : (react_1.default.createElement(core_1.Chip, __assign({ className: (0, clsx_1.default)(classes.tag), label: option.name, onClick: handleEditing(index), clickable: true }, __assign({ disabled: disabled }, ChipProps), getTagProps({ index: index })))); }) : undefined,
-                className: classes.inputRoot,
-                endAdornment: react_1.default.createElement("div", { className: classes.endAdornment }, loading ? react_1.default.createElement(core_1.CircularProgress, { disableShrink: true, size: 24 }) : react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(core_1.IconButton, __assign({ disabled: disabled }, getClearProps(), { className: (0, clsx_1.default)(classes.clearIndicator, (_c = {},
-                            _c[classes.clearIndicatorDirty] = dirty,
-                            _c)) }),
-                        react_1.default.createElement(md_1.MdClear, null)),
-                    react_1.default.createElement(core_1.IconButton, { disabled: disabled, onClick: function (e) {
-                            e.stopPropagation();
-                            inputRef.current.click();
-                        } },
-                        react_1.default.createElement(md_1.MdAttachment, null))))
-            }, inputProps: __assign({ className: (0, clsx_1.default)(classes.input, (_d = {},
-                    _d[classes.inputFocused] = focusedTag === -1,
-                    _d)), disabled: disabled }, getInputProps()) }, TextFieldProps))));
+    return (react_1.default.createElement("div", __assign({ className: (0, clsx_1.clsx)(classes.root, (_b = {}, _b[classes.loading] = loading, _b)) }, props),
+        react_1.default.createElement(material_1.GlobalStyles, { styles: filePreparerStyles }),
+        react_1.default.createElement("input", __assign({ ref: inputRef, type: 'file', multiple: multiple, onChange: function (e) { var _a, _b; return ((_b = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.length) && preparaArquivo(e.target.files); }, style: { display: 'none' } }, fileInputProps)),
+        react_1.default.createElement(material_1.TextField, __assign({ ref: setAnchorEl, variant: 'outlined', label: label || 'Arquivo', margin: 'dense', onClick: handleClick, style: { flexGrow: '1' } }, TextFieldProps, { slotProps: {
+                input: {
+                    readOnly: true,
+                    startAdornment: files.length > 0 ?
+                        files.map(function (option, index) { return editando === index ? (react_1.default.createElement(material_1.FilledInput, { className: classes.rename, defaultValue: option.name, autoFocus: true, onBlur: handleRename, multiline: true, disableUnderline: true })) : (react_1.default.createElement(material_1.Chip, __assign({ className: (0, clsx_1.clsx)(classes.tag), label: option.name, onClick: handleEditing(index), clickable: true, disabled: disabled }, ChipProps, getItemProps({ index: index })))); }) : undefined,
+                    className: classes.inputRoot,
+                    endAdornment: react_1.default.createElement("div", { className: classes.endAdornment }, loading ? react_1.default.createElement(material_1.CircularProgress, { disableShrink: true, size: 24 }) : react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement(material_1.IconButton, __assign({ disabled: disabled }, getClearProps(), { className: (0, clsx_1.clsx)(classes.clearIndicator, (_c = {},
+                                _c[classes.clearIndicatorDirty] = dirty,
+                                _c)) }),
+                            react_1.default.createElement(md_1.MdClear, null)),
+                        react_1.default.createElement(material_1.IconButton, { disabled: disabled, onClick: function (e) {
+                                e.stopPropagation();
+                                inputRef.current.click();
+                            } },
+                            react_1.default.createElement(md_1.MdAttachment, null))))
+                },
+                htmlInput: __assign({ className: (0, clsx_1.clsx)(classes.input, (_d = {},
+                        _d[classes.inputFocused] = focusedItem === -1,
+                        _d)), disabled: disabled }, getInputProps())
+            } }))));
 };
 exports.default = (0, react_1.forwardRef)(FilePreparer);

package/dist/components/FileUploader/FileUploader.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.");
@@ -73,9 +83,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColorLinearProgress = exports.retomaUpload = exports.pausaUpload = exports.confirmFileUpload = exports.fileUploader = void 0;
+exports.ColorLinearProgress = void 0;
+exports.fileUploader = fileUploader;
+exports.confirmFileUpload = confirmFileUpload;
+exports.pausaUpload = pausaUpload;
+exports.retomaUpload = retomaUpload;
+exports.default = FileUploader;
 var index_1 = require("../../api/index");
-var core_1 = require("@material-ui/core");
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/material/styles");
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importStar(require("react"));
 var estadoPausado = false;
@@ -134,7 +150,6 @@ function fileUploader(file, prm2, prm3, prm4) {
         });
     });
 }
-exports.fileUploader = fileUploader;
 function confirmFileUpload(arquivo, retornaProgresso) {
     return __awaiter(this, void 0, void 0, function () {
         var res_1, parte, res_2, error_1, res;
@@ -191,7 +206,6 @@ function confirmFileUpload(arquivo, retornaProgresso) {
         });
     });
 }
-exports.confirmFileUpload = confirmFileUpload;
 function converteBlobEmBase64(parte) {
     return new Promise(function (resolve, reject) {
         var reader = new FileReader();
@@ -205,23 +219,21 @@ function converteBlobEmBase64(parte) {
 function pausaUpload() {
     estadoPausado = true;
 }
-exports.pausaUpload = pausaUpload;
 function retomaUpload(dados) {
     estadoPausado = false;
     return confirmFileUpload(dados.arquivo, dados.retornaProgresso);
 }
-exports.retomaUpload = retomaUpload;
-exports.ColorLinearProgress = (0, core_1.withStyles)({
-    root: {
+exports.ColorLinearProgress = (0, styles_1.styled)(material_1.LinearProgress)({
+    '&.MuiLinearProgress-root': {
         margin: '5px 0px 0px 5px'
     },
-    colorPrimary: {
+    '&.MuiLinearProgress-colorPrimary': {
         backgroundColor: '#d3deda',
     },
-    barColorPrimary: {
+    '& .MuiLinearProgress-bar': {
         backgroundColor: '#009C6A',
     },
-})(core_1.LinearProgress);
+});
 var estiloBotoes = {
     margin: '0px 3px',
     border: 0,
@@ -383,7 +395,7 @@ function FileUploader(_a) {
         return (react_1.default.createElement("div", null,
             (progresso !== 0 && progresso !== 100) && (react_1.default.createElement("div", { style: { width: 'max-content' } },
                 react_1.default.createElement("div", { style: { width: '65px', display: 'flex', justifyContent: 'center' } },
-                    react_1.default.createElement(core_1.CircularProgress, { variant: 'static', value: progresso }),
+                    react_1.default.createElement(material_1.CircularProgress, { variant: 'static', value: progresso }),
                     react_1.default.createElement("p", { style: { position: 'absolute', top: '25px' } },
                         progresso.toFixed(0),
                         "%")),
@@ -440,7 +452,6 @@ function FileUploader(_a) {
                 "Arquivo a ser Enviado: ",
                 aguardando.name)))));
 }
-exports.default = FileUploader;
 FileUploader.propTypes = {
     extensao: prop_types_1.default.string,
     funcaoRetorno: prop_types_1.default.func,

package/dist/components/FormVisualizer/FormVisualizer.d.ts

@@ -1,7 +1,5 @@
-import { CheckboxProps, OutlinedTextFieldProps, RadioProps, TypographyProps } from '@material-ui/core';
-import { ClassNameMap } from '@material-ui/core/styles/withStyles';
-import { AutocompleteProps } from '@material-ui/lab';
-import { KeyboardDatePickerProps } from '@material-ui/pickers';
+import { CheckboxProps, OutlinedTextFieldProps, RadioProps, TypographyProps, AutocompleteProps } from '@mui/material';
+import { DatePickerProps } from '@mui/x-date-pickers';
 import * as React from 'react';
 
 interface TextField extends OutlinedTextFieldProps {
@@ -27,7 +25,7 @@ interface Label extends TypographyProps {
   value: string
 }
 
-interface Data extends KeyboardDatePickerProps {
+interface Data extends DatePickerProps<any> {
   tp: 'data',
   name: string
 }
@@ -77,7 +75,7 @@ interface Fase {
 
 interface JSONInterface {
   nome: string,
-  classes: ClassNameMap,
+  classes: Record<string, React.CSSProperties>,
   fases: Fase[],
 }
 
@@ -89,4 +87,4 @@ export interface FormVisualizerProps {
 
 declare function FormVisualizer(props: FormVisualizerProps): JSX.Element
 
-export default FormVisualizer;
+export default FormVisualizer;