@arquimedes.co/eureka-forms 1.4.7-test → 1.5.0-test

package/dist/App.d.ts

@@ -15,6 +15,8 @@ export interface AppProps {
     postview?: boolean;
     /** If the widget is a preview (view from admin)*/
     preview?: boolean;
+    /** If the form can be edited (For entities) */
+    editable?: boolean;
     /** The data to fill the form with */
     valuesData?: Record<string, unknown>;
     /** Custom steps to display */
@@ -30,7 +32,7 @@ export interface CustomStep {
     component: ReactNode;
     updateValue: (idStep: string, values: Record<string, any>, form: Form) => void;
 }
-declare function App({ apiKey, domain, preview, formData, postview, isWidget, internal, valuesData, customSend, customSteps, handleConfirmed, ...others }: AppProps): JSX.Element;
+declare function App({ apiKey, domain, preview, formData, postview, editable, isWidget, internal, valuesData, customSend, customSteps, handleConfirmed, ...others }: AppProps): JSX.Element;
 export default App;
 export declare enum SIZES {
     SMALL = "SMALL",

package/dist/App.js

@@ -68,10 +68,10 @@ import widgetInstance from './AxiosWidget';
 function App(_a) {
     var _this = this;
     var _b, _c, _d, _e;
-    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, customSend = _a.customSend, customSteps = _a.customSteps, handleConfirmed = _a.handleConfirmed, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "isWidget", "internal", "valuesData", "customSend", "customSteps", "handleConfirmed"]);
-    var _f = useState(undefined), form = _f[0], setForm = _f[1];
-    var _g = useState({}), originalValues = _g[0], setOriginalValues = _g[1];
-    var _h = useState(undefined), organizationInfo = _h[0], setOrganizationInfo = _h[1];
+    var apiKey = _a.apiKey, domain = _a.domain, preview = _a.preview, formData = _a.formData, postview = _a.postview, _f = _a.editable, editable = _f === void 0 ? true : _f, isWidget = _a.isWidget, internal = _a.internal, valuesData = _a.valuesData, customSend = _a.customSend, customSteps = _a.customSteps, handleConfirmed = _a.handleConfirmed, others = __rest(_a, ["apiKey", "domain", "preview", "formData", "postview", "editable", "isWidget", "internal", "valuesData", "customSend", "customSteps", "handleConfirmed"]);
+    var _g = useState(undefined), form = _g[0], setForm = _g[1];
+    var _h = useState({}), originalValues = _h[0], setOriginalValues = _h[1];
+    var _j = useState(undefined), organizationInfo = _j[0], setOrganizationInfo = _j[1];
     function fetchPreview(formData) {
         return __awaiter(this, void 0, void 0, function () {
             var response;
@@ -256,7 +256,7 @@ function App(_a) {
                     if (handleConfirmed) {
                         handleConfirmed();
                     }
-                }, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, customSend: customSend, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo, customSteps: customSteps !== null && customSteps !== void 0 ? customSteps : {} }), void 0) }), void 0));
+                }, editable: editable, postview: postview === true, internal: internal === true, apiKey: apiKey, domain: domain, customSend: customSend, originalValues: originalValues, containerRef: containerRef, organization: organizationInfo, customSteps: customSteps !== null && customSteps !== void 0 ? customSteps : {} }), void 0) }), void 0));
     }
 }
 export default App;

package/dist/FormComponents/Form/ColumnForm/ColumnForm.js

@@ -201,6 +201,7 @@ var mapOriginalValues = function (originalValues, form) {
     return newValues;
 };
 var updateValue = function (idStep, values, form, customSteps) {
+    var _a;
     var step = form.steps[idStep];
     var custom = customSteps[step === null || step === void 0 ? void 0 : step.type];
     if (custom !== undefined) {
@@ -234,6 +235,9 @@ var updateValue = function (idStep, values, form, customSteps) {
                 break;
             }
             default:
+                if (step.type === 'CBR_INCIDENCIAS') {
+                    values[step.id] = (_a = values[step.id]) === null || _a === void 0 ? void 0 : _a.map(function (inmueble) { return inmueble.deleted !== false; });
+                }
                 break;
         }
     }
@@ -257,12 +261,13 @@ function stringToDraft(text) {
     return draftStructure;
 }
 function calcDependencies(steps, originalValues) {
+    var _a;
     var dependencies = {};
-    for (var _i = 0, _a = Object.values(steps); _i < _a.length; _i++) {
-        var step = _a[_i];
+    for (var _i = 0, _b = Object.values(steps); _i < _b.length; _i++) {
+        var step = _b[_i];
         if (step.dependencies) {
-            for (var _b = 0, _c = step.dependencies; _b < _c.length; _b++) {
-                var idDep = _c[_b];
+            for (var _c = 0, _d = step.dependencies; _c < _d.length; _c++) {
+                var idDep = _d[_c];
                 var depStep = steps[idDep];
                 if (depStep && dependencies[idDep] === undefined) {
                     switch (depStep === null || depStep === void 0 ? void 0 : depStep.type) {
@@ -277,7 +282,7 @@ function calcDependencies(steps, originalValues) {
                             break;
                         }
                         default:
-                            dependencies[idDep] = originalValues[idDep];
+                            dependencies[idDep] = (_a = originalValues[idDep]) !== null && _a !== void 0 ? _a : null;
                             break;
                     }
                 }

package/dist/FormComponents/Form/Form.d.ts

@@ -24,6 +24,8 @@ export interface FormComponentProps {
     fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
     /** Function to call when the form has loaded */
     handleLoaded: () => void;
+    /** If the form can be edited (For entities) */
+    editable: boolean;
 }
 declare function FormComponent({ form, internal, postview, organization, containerRef, ...others }: Omit<FormComponentProps, 'widthStats' | 'formStyle' | 'handleLoaded'> & {
     containerRef: any;

package/dist/FormComponents/Section/Section.d.ts

@@ -7,6 +7,8 @@ export interface RecursiveData {
     form: Form;
     control: Control<FieldValues, object>;
     formStyle: FormStyle;
+    /** If the formsteps can be edited (For entities) */
+    editable: boolean;
     postview: boolean;
     domain?: string;
     errors: Record<string, any>;

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/Incident/Incident.js

@@ -37,10 +37,10 @@ function IncidentComponent(_a) {
             : styles.container }, { children: _jsxs("div", __assign({ className: styles.contentContainer, style: {
                 width: (form.size.blockSize + form.size.spacingSize) *
                     (form.size.blockNum - 1),
-            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + incident.num, ":"] }), void 0), _jsx("div", __assign({ className: others.postview
+            } }, { children: [_jsxs("div", __assign({ className: styles.titleLbl, style: { color: formStyle.textColor } }, { children: [step.unitLabel + ' ' + incident.num, ":"] }), void 0), _jsx("div", __assign({ className: !others.editable || others.postview
                         ? styles.disabledDeleteBtn
                         : styles.deleteBtn, style: { color: formStyle.textColor }, onClick: function () {
-                        if (!others.postview) {
+                        if (others.editable && !others.postview) {
                             handleDelete();
                         }
                     } }, { children: _jsx(DeleteRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0), _jsx(StepComponent, __assign({}, others, { formStyle: formStyle, form: form, step: spaceStep, handleSizeChange: function () { }, level: level + 1 }), void 0), _jsx(StepComponent, __assign({}, others, { form: form, formStyle: formStyle, step: elementStep, handleSizeChange: function () { }, level: level + 1 }), void 0), _jsx(StepComponent, __assign({}, others, { form: form, formStyle: formStyle, step: commentStep, handleSizeChange: function () { }, level: level + 1 }), void 0)] }), void 0) }), void 0));

package/dist/FormComponents/Step/@Construction/CBRIncidentsStep/MaterialCBRIncidentsStep/MaterialCBRIncidentsStep.js

@@ -39,7 +39,7 @@ import styles from './MaterialCBRIncidentsStep.module.css';
 import { nanoid } from 'nanoid';
 import RoundedButton from '../../../../../shared/RoundedButton/RoundedButton';
 function Incidents(_a) {
-    var step = _a.step, form = _a.form, btnRef = _a.btnRef, onChange = _a.onChange, incidents = _a.incidents, formStyle = _a.formStyle, postview = _a.postview, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["step", "form", "btnRef", "onChange", "incidents", "formStyle", "postview", "dependencyStore", "setDependencyStore"]);
+    var step = _a.step, form = _a.form, btnRef = _a.btnRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, incidents = _a.incidents, formStyle = _a.formStyle, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["step", "form", "btnRef", "editable", "postview", "onChange", "incidents", "formStyle", "dependencyStore", "setDependencyStore"]);
     /** Form to pass down with aditional steps */
     var _b = useState(__assign(__assign({}, form), { steps: __assign({}, form.steps) })), localForm = _b[0], setLocalForm = _b[1];
     var handleAddIncident = function () {
@@ -81,7 +81,7 @@ function Incidents(_a) {
                     margin: step.description
                         ? '10px 0px'
                         : '0px 0px 5px 0px',
-                } }, { children: step.description }), void 0)), incidents.map(function (incident, index) { return (_jsx(IncidentComponent, __assign({ incident: incident, formStyle: formStyle, step: step, form: localForm, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
+                } }, { children: step.description }), void 0)), incidents.map(function (incident, index) { return (_jsx(IncidentComponent, __assign({ incident: incident, formStyle: formStyle, step: step, form: localForm, editable: editable, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
                     var tempIncidents = __spreadArray([], incidents, true);
                     tempIncidents[index].deleted = true;
                     var n = 1;
@@ -93,8 +93,8 @@ function Incidents(_a) {
                         }
                     }
                     onChange(tempIncidents);
-                } }, others), index)); }), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: btnRef, className: styles.hiddenInput }, void 0), _jsx(RoundedButton, { disabled: postview, text: step.addBtnLabel, color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
-                            if (!postview) {
+                } }, others), index)); }), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: btnRef, className: styles.hiddenInput }, void 0), _jsx(RoundedButton, { disabled: !editable || postview, text: step.addBtnLabel, color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
+                            if (editable && !postview) {
                                 handleAddIncident();
                             }
                         } }, void 0)] }), void 0)] }), void 0));

package/dist/FormComponents/Step/@Construction/CBRLocativasStep/CBRLocativasStep.js

@@ -58,7 +58,12 @@ function CBRLocativasStep(props) {
             } }, void 0), getOptions: getLocativasOptions, getOptionSelected: function (option, value) {
             return option.id === value.id;
         }, calcDepError: calcDepError, calcInvalidDeps: calcInvaidDependencies, valueOverwrite: function (value) {
-            return __assign(__assign({}, value), { subStep: props.step.subStep });
+            if (value) {
+                return __assign(__assign({}, value), { subStep: props.step.subStep });
+            }
+            else {
+                return null;
+            }
         }, iconComponent: LeakIconComponent }, { children: _jsx(LocativasSubStepRenderer, {}, void 0) }), void 0));
 }
 export default CBRLocativasStep;
@@ -91,18 +96,22 @@ function LeakIconComponent(props) {
 }
 var getLocativasOptions = function (step, dependencyStore) { return __awaiter(void 0, void 0, void 0, function () {
     var idProyecto, response, father_1, locativasList;
-    var _a, _b;
-    return __generator(this, function (_c) {
+    var _a;
+    return __generator(this, function (_b) {
         if (step.dependencies) {
             idProyecto = (_a = dependencyStore[step.dependencies[0]]) === null || _a === void 0 ? void 0 : _a.id;
             if (!idProyecto) {
                 return [2 /*return*/, null]; //null para indicar que falta la depedency
             }
             response = LocativasData;
-            father_1 = (_b = dependencyStore[step.dependencies[1]]) === null || _b === void 0 ? void 0 : _b.id;
+            father_1 = dependencyStore[step.dependencies[1]];
+            if (father_1 !== undefined && father_1.id === undefined) {
+                return [2 /*return*/, null];
+            }
             locativasList = response.lstLocativas.TipoLocativas.filter(function (locativa) {
-                if (father_1) {
-                    return (locativa.Id.startsWith(father_1) && locativa.Id !== father_1);
+                if (father_1 === null || father_1 === void 0 ? void 0 : father_1.id) {
+                    return (locativa.Id.startsWith(father_1.id) &&
+                        locativa.Id !== father_1.id);
                 }
                 else {
                     return locativa.Id.length === 2;

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { CheckBoxStepProps } from '../CheckBoxStep';
-declare function CheckBoxStep({ step, form, errors, control, postview, formStyle, widthStats, }: CheckBoxStepProps): JSX.Element;
+declare function CheckBoxStep({ step, form, errors, control, editable, postview, formStyle, widthStats, }: CheckBoxStepProps): JSX.Element;
 export default CheckBoxStep;

package/dist/FormComponents/Step/CheckBoxStep/MaterialCheckBoxStep/MaterialCheckBoxStep.js

@@ -15,7 +15,7 @@ import { calcStepWidth } from '../../StepFunctions';
 import RoundedCheckBox from '../../../../shared/RoundedCheckBox/RoundedCheckBox';
 import { Controller } from 'react-hook-form';
 function CheckBoxStep(_a) {
-    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
+    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
     return (_jsxs("div", __assign({ className: styles.container, style: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
@@ -27,7 +27,7 @@ function CheckBoxStep(_a) {
                                 : undefined,
                         }, shouldUnregister: true, render: function (_a) {
                             var field = _a.field;
-                            return (_jsx(RoundedCheckBox, __assign({}, field, { "data-testid": step.id, inputRef: field.ref, padding: "0px", size: "1.6rem", cantEdit: postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: field.value }), void 0));
+                            return (_jsx(RoundedCheckBox, __assign({}, field, { "data-testid": step.id, inputRef: field.ref, padding: "0px", size: "1.6rem", cantEdit: !editable || postview, checkedColor: formStyle.primaryColor, uncheckedColor: formStyle.outlineColor, checked: field.value }), void 0));
                         } }, void 0)] }), void 0), (step.description || !!errors[step.id]) && (_jsx("div", __assign({ className: styles.descriptionPar, style: {
                     color: !!errors[step.id]
                         ? formStyle.errorColor

package/dist/FormComponents/Step/ClassifierSelectorStep/MaterialClassifierSelectorStep/MaterialClassifierSelectorStep.js

@@ -31,7 +31,7 @@ import StepComponent from '../../Step';
 import { Controller } from 'react-hook-form';
 import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
 function ClassifierSelector(_a) {
-    var step = _a.step, form = _a.form, level = _a.level, errors = _a.errors, value = _a.value, onBlur = _a.onBlur, control = _a.control, onChange = _a.onChange, postview = _a.postview, inputRef = _a.inputRef, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, others = __rest(_a, ["step", "form", "level", "errors", "value", "onBlur", "control", "onChange", "postview", "inputRef", "formStyle", "getValues", "widthStats", "handleSizeChange"]);
+    var step = _a.step, form = _a.form, level = _a.level, errors = _a.errors, value = _a.value, onBlur = _a.onBlur, control = _a.control, editable = _a.editable, onChange = _a.onChange, postview = _a.postview, inputRef = _a.inputRef, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, others = __rest(_a, ["step", "form", "level", "errors", "value", "onBlur", "control", "editable", "onChange", "postview", "inputRef", "formStyle", "getValues", "widthStats", "handleSizeChange"]);
     var _b = useState(level === 0
         ? calcFillerSize(step, form.steps, getValues(), form.size)
         : 0), fillerSize = _b[0], setFillerSize = _b[1];
@@ -54,7 +54,7 @@ function ClassifierSelector(_a) {
                     ? '100%'
                     : calcStepWidth(step.size, form.size),
                 minHeight: step.description || step.required ? '55px' : '43px',
-            } }, { children: _jsxs(RoundedSelect, __assign({ fullWidth: true, value: value, cantEdit: postview, helperTextColor: formStyle.descriptionTextColor, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, label: step.label ? step.label : classifier.name, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
+            } }, { children: _jsxs(RoundedSelect, __assign({ fullWidth: true, value: value, cantEdit: !editable || postview, helperTextColor: formStyle.descriptionTextColor, errorColor: formStyle.errorColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, label: step.label ? step.label : classifier.name, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
                     onChange(event.target.value);
                     sizeChange();
                 }, "data-testid": step.id, inputRef: inputRef, helperText: errors[step.id]
@@ -76,7 +76,7 @@ function ClassifierSelector(_a) {
             if ((currentOption === null || currentOption === void 0 ? void 0 : currentOption.type) === ClassifierOptionTypes.NESTED) {
                 return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idStep, index) {
                         var subStep = form.steps[idStep];
-                        return (_createElement(StepComponent, __assign({}, others, { postview: postview, widthStats: widthStats, getValues: getValues, formStyle: formStyle, errors: errors, form: form, control: control, step: subStep, key: index, level: level + 1, handleSizeChange: function () {
+                        return (_createElement(StepComponent, __assign({}, others, { postview: postview, editable: editable, widthStats: widthStats, getValues: getValues, formStyle: formStyle, errors: errors, form: form, control: control, step: subStep, key: index, level: level + 1, handleSizeChange: function () {
                                 sizeChange();
                             } })));
                     }) }, void 0));

package/dist/FormComponents/Step/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DatePickerStepProps } from '../DatePickerStep';
-declare function DatePickerStep({ step, form, errors, control, postview, formStyle, widthStats, }: DatePickerStepProps): JSX.Element;
+declare function DatePickerStep({ step, form, errors, control, editable, postview, formStyle, widthStats, }: DatePickerStepProps): JSX.Element;
 export default DatePickerStep;

package/dist/FormComponents/Step/DatePickerStep/MaterialDatePickerStep/MaterialDatePickerStep.js

@@ -15,7 +15,7 @@ import { Controller } from 'react-hook-form';
 import RoundedDatePicker from '../../../../shared/RoundedDatePicker/RoundedDatePicker';
 import { calcStepWidth } from '../../StepFunctions';
 function DatePickerStep(_a) {
-    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
+    var step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats;
     return (_jsx("div", __assign({ className: styles.container, style: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
@@ -27,7 +27,7 @@ function DatePickerStep(_a) {
                     : undefined,
             }, shouldUnregister: true, render: function (_a) {
                 var field = _a.field;
-                return (_jsx(RoundedDatePicker, __assign({}, field, { pickTime: step.pickTime, inputRef: field.ref, cantEdit: postview, "data-testid": step.id, secondaryColor: formStyle.secondaryColor, contrastColor: formStyle.secondaryContrastColor, accentColor: formStyle.textColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, helperTextColor: formStyle.descriptionTextColor, fontWeight: 400, label: step.label, helperText: errors[step.id]
+                return (_jsx(RoundedDatePicker, __assign({}, field, { pickTime: step.pickTime, inputRef: field.ref, cantEdit: !editable || postview, "data-testid": step.id, secondaryColor: formStyle.secondaryColor, contrastColor: formStyle.secondaryContrastColor, accentColor: formStyle.textColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, helperTextColor: formStyle.descriptionTextColor, fontWeight: 400, label: step.label, helperText: errors[step.id]
                         ? errors[step.id].message
                         : step.description, error: !!errors[step.id], required: step.required }), void 0));
             } }, void 0) }), void 0));

package/dist/FormComponents/Step/FileUploadStep/MaterialFileUploadStep/MaterialFileUploadStep.js

@@ -64,7 +64,7 @@ import { getUploadUrls, postFile } from '../../../../controllers/FileService';
 import FileComponent from './FileComponent/FileComponent';
 import maxSize from '../../../../constants/Files/FileMaxSize';
 function FileUploadStep(_a) {
-    var step = _a.step, errors = _a.errors, value = _a.value, domain = _a.domain, btnRef = _a.btnRef, postview = _a.postview, onChange = _a.onChange, formStyle = _a.formStyle, clearErrors = _a.clearErrors, fetchDownloadUrl = _a.fetchDownloadUrl;
+    var step = _a.step, errors = _a.errors, value = _a.value, domain = _a.domain, btnRef = _a.btnRef, postview = _a.postview, onChange = _a.onChange, editable = _a.editable, formStyle = _a.formStyle, clearErrors = _a.clearErrors, fetchDownloadUrl = _a.fetchDownloadUrl;
     var _b = useState(undefined), error = _b[0], setError = _b[1];
     var _c = useState([]), fileChange = _c[0], setFileChange = _c[1];
     var inputRef = useRef();
@@ -217,8 +217,8 @@ function FileUploadStep(_a) {
                         }
                         inputRef.current.value = '';
                     }
-                }, multiple: true, accept: getAcceptedExtensions() }, void 0), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: btnRef, className: styles.hiddenInput }, void 0), _jsx(RoundedButton, { disabled: postview, text: 'Examinar' + (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
-                            if (!postview) {
+                }, multiple: true, accept: getAcceptedExtensions() }, void 0), _jsxs("div", __assign({ className: styles.btnContainer }, { children: [_jsx("input", { ref: btnRef, className: styles.hiddenInput }, void 0), _jsx(RoundedButton, { disabled: !editable || postview, text: 'Examinar' + (step.required ? ' *' : ''), color: formStyle.primaryContrastColor, backgroundColor: formStyle.primaryColor, fontSize: '1rem', padding: '5px 15px 5px 15px', onClick: function () {
+                            if (editable && !postview) {
                                 var input = inputRef.current;
                                 if (input !== null) {
                                     clearErrors(step.id);

package/dist/FormComponents/Step/SelectorStep/MaterialSelectorStep/MaterialSelectorStep.js

@@ -31,7 +31,7 @@ import StepComponent from '../../Step';
 import { calcFillerSize, calcStepWidth } from '../../StepFunctions';
 import { Controller } from 'react-hook-form';
 function Selector(_a) {
-    var step = _a.step, form = _a.form, value = _a.value, level = _a.level, onBlur = _a.onBlur, control = _a.control, onChange = _a.onChange, postview = _a.postview, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, errors = _a.errors, inputRef = _a.inputRef, others = __rest(_a, ["step", "form", "value", "level", "onBlur", "control", "onChange", "postview", "formStyle", "getValues", "widthStats", "handleSizeChange", "errors", "inputRef"]);
+    var step = _a.step, form = _a.form, value = _a.value, level = _a.level, onBlur = _a.onBlur, control = _a.control, editable = _a.editable, onChange = _a.onChange, postview = _a.postview, formStyle = _a.formStyle, getValues = _a.getValues, widthStats = _a.widthStats, handleSizeChange = _a.handleSizeChange, errors = _a.errors, inputRef = _a.inputRef, others = __rest(_a, ["step", "form", "value", "level", "onBlur", "control", "editable", "onChange", "postview", "formStyle", "getValues", "widthStats", "handleSizeChange", "errors", "inputRef"]);
     var _b = useState(level === 0
         ? calcFillerSize(step, form.steps, getValues(), form.size)
         : 0), fillerSize = _b[0], setFillerSize = _b[1];
@@ -47,7 +47,7 @@ function Selector(_a) {
                     ? '100%'
                     : calcStepWidth(step.size, form.size),
                 minHeight: step.description || step.required ? '55px' : '43px',
-            } }, { children: _jsxs(RoundedSelect, __assign({ value: value, fullWidth: true, inputRef: inputRef, cantEdit: postview, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, label: step.label, "data-testid": step.id, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
+            } }, { children: _jsxs(RoundedSelect, __assign({ value: value, fullWidth: true, inputRef: inputRef, cantEdit: !editable || postview, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, label: step.label, "data-testid": step.id, required: step.required, containerMargin: "0px", height: '31px', onBlur: onBlur, handleUpdate: function (event) {
                     onChange(event.target.value);
                     sizeChange();
                 }, helperText: errors[step.id]
@@ -68,7 +68,7 @@ function Selector(_a) {
             currentOptionIndex !== null) {
             return (_jsx(React.Fragment, { children: currentOption.steps.map(function (idSubStep, index) {
                     var subStep = form.steps[idSubStep];
-                    return (_createElement(StepComponent, __assign({}, others, { postview: postview, formStyle: formStyle, form: form, getValues: getValues, errors: errors, control: control, widthStats: widthStats, step: subStep, key: index, level: level + 1, handleSizeChange: function () {
+                    return (_createElement(StepComponent, __assign({}, others, { postview: postview, editable: editable, formStyle: formStyle, form: form, getValues: getValues, errors: errors, control: control, widthStats: widthStats, step: subStep, key: index, level: level + 1, handleSizeChange: function () {
                             sizeChange();
                         } })));
                 }) }, void 0));

package/dist/FormComponents/Step/SmartSelectStep/MaterialSmartSelectStep/MaterialSmartSelectStep.js

@@ -66,12 +66,22 @@ import React from 'react';
 function SmartSelect(_a) {
     var _this = this;
     var _b, _c, _d;
-    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, dependencyStore = _a.dependencyStore, calcInvalidDeps = _a.calcInvalidDeps, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "calcDepError", "iconComponent", "valueOverwrite", "dependencyStore", "calcInvalidDeps", "getOptionSelected", "setDependencyStore"]);
-    var _e = useState(true), first = _e[0], setFirst = _e[1];
-    var _f = useState(), options = _f[0], setOptions = _f[1];
-    var _g = useState(), depError = _g[0], setDepError = _g[1];
-    var calcOptions = function () { return __awaiter(_this, void 0, void 0, function () {
-        var resp, invalidDeps;
+    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, trigger = _a.trigger, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, calcDepError = _a.calcDepError, iconComponent = _a.iconComponent, valueOverwrite = _a.valueOverwrite, dependencyStore = _a.dependencyStore, _e = _a.calcInvalidDeps, calcInvalidDeps = _e === void 0 ? function (step, depStore) {
+        var _a;
+        var missingDeps = [];
+        for (var _i = 0, _b = (_a = step.dependencies) !== null && _a !== void 0 ? _a : []; _i < _b.length; _i++) {
+            var idDep = _b[_i];
+            if (depStore[idDep] === null) {
+                missingDeps.push(idDep);
+            }
+        }
+        return missingDeps;
+    } : _e, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "calcDepError", "iconComponent", "valueOverwrite", "dependencyStore", "calcInvalidDeps", "getOptionSelected", "setDependencyStore"]);
+    var _f = useState(true), first = _f[0], setFirst = _f[1];
+    var _g = useState(), options = _g[0], setOptions = _g[1];
+    var _h = useState(), error = _h[0], setError = _h[1];
+    var calcOptions = function (currentValue, invalidDeps) { return __awaiter(_this, void 0, void 0, function () {
+        var resp, currentOption, invalids;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -79,9 +89,19 @@ function SmartSelect(_a) {
                 case 1:
                     resp = _b.sent();
                     if (resp !== null) {
-                        invalidDeps = (_a = calcInvalidDeps === null || calcInvalidDeps === void 0 ? void 0 : calcInvalidDeps(step, dependencyStore)) !== null && _a !== void 0 ? _a : [];
-                        if (invalidDeps.length === 0) {
-                            setDepError(undefined);
+                        if (invalidDeps !== undefined && currentValue) {
+                            currentOption = resp.find(function (option) {
+                                return getOptionSelected(option, currentValue);
+                            });
+                            if (!currentOption) {
+                                setError('Este campo es obligatorio');
+                            }
+                        }
+                        else {
+                            invalids = (_a = calcInvalidDeps === null || calcInvalidDeps === void 0 ? void 0 : calcInvalidDeps(step, dependencyStore)) !== null && _a !== void 0 ? _a : [];
+                            if (invalids.length === 0) {
+                                setError(undefined);
+                            }
                         }
                     }
                     setOptions(resp);
@@ -90,34 +110,29 @@ function SmartSelect(_a) {
         });
     }); };
     useEffect(function () {
-        var _a;
         if (first) {
             setFirst(false);
-            var invalidDeps = (_a = calcInvalidDeps === null || calcInvalidDeps === void 0 ? void 0 : calcInvalidDeps(step, dependencyStore)) !== null && _a !== void 0 ? _a : [];
-            if (invalidDeps.length > 0) {
-                setDepError(calcDepError === null || calcDepError === void 0 ? void 0 : calcDepError(invalidDeps.map(function (idDep) { var _a; return (_a = form.steps[idDep]) === null || _a === void 0 ? void 0 : _a.type; })));
-            }
+            var invalids = calcInvalidDeps(step, dependencyStore);
+            setError(calcDepError === null || calcDepError === void 0 ? void 0 : calcDepError(invalids.map(function (idDep) { var _a; return (_a = form.steps[idDep]) === null || _a === void 0 ? void 0 : _a.type; })));
+            calcOptions(value, invalids);
         }
-        else if (value) {
-            onChange(null);
+        else {
+            if (value)
+                onChange(null);
+            calcOptions(null);
         }
-        calcOptions();
     }, (_c = (_b = step.dependencies) === null || _b === void 0 ? void 0 : _b.map(function (dep) { return dependencyStore[dep]; })) !== null && _c !== void 0 ? _c : []);
     var handleMissingDep = function () { return __awaiter(_this, void 0, void 0, function () {
-        var missingDeps, _i, _a, idDep;
-        return __generator(this, function (_b) {
+        var invalids;
+        return __generator(this, function (_a) {
             if (step.dependencies) {
-                missingDeps = [];
-                for (_i = 0, _a = step.dependencies; _i < _a.length; _i++) {
-                    idDep = _a[_i];
-                    if (dependencyStore[idDep] === null) {
-                        missingDeps.push(idDep);
+                invalids = calcInvalidDeps(step, dependencyStore);
+                setError(calcDepError === null || calcDepError === void 0 ? void 0 : calcDepError(invalids.map(function (idDep) { var _a; return (_a = form.steps[idDep]) === null || _a === void 0 ? void 0 : _a.type; })));
+                if (!value) {
+                    if (invalids.length > 0) {
+                        trigger(invalids, { shouldFocus: true });
                     }
                 }
-                setDepError(calcDepError === null || calcDepError === void 0 ? void 0 : calcDepError(missingDeps.map(function (idDep) { var _a; return (_a = form.steps[idDep]) === null || _a === void 0 ? void 0 : _a.type; })));
-                if (missingDeps.length > 0) {
-                    trigger(missingDeps, { shouldFocus: true });
-                }
             }
             return [2 /*return*/];
         });
@@ -131,7 +146,7 @@ function SmartSelect(_a) {
                     if (options === null) {
                         handleMissingDep();
                     }
-                } }, { children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: options === null, loading: options === undefined, options: options !== null && options !== void 0 ? options : [], "data-testid": step.id, inputRef: inputRef, cantEdit: postview, fullWidth: true, backgroundColor: "transparent", innerBackgroundColor: (_d = formStyle.stepBackgroundColor) !== null && _d !== void 0 ? _d : 'white', label: step.label, required: step.required, height: '31px', searchable: step.searchable, icon: step.showIcon ? icon : undefined, iconComponent: step.showIcon ? iconComponent : undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: function (value) {
+                } }, { children: _jsx(RoundedSmartSelect, { value: value, onBlur: onBlur, disabled: options === null, loading: options === undefined, options: options !== null && options !== void 0 ? options : [], "data-testid": step.id, inputRef: inputRef, cantEdit: !editable || postview, fullWidth: true, backgroundColor: "transparent", innerBackgroundColor: (_d = formStyle.stepBackgroundColor) !== null && _d !== void 0 ? _d : 'white', label: step.label, required: step.required, height: '31px', searchable: step.searchable, icon: step.showIcon ? icon : undefined, iconComponent: step.showIcon ? iconComponent : undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: function (value) {
                         var _a;
                         if (dependencyStore[step.id] !== undefined) {
                             setDependencyStore(__assign(__assign({}, dependencyStore), (_a = {}, _a[step.id] = value, _a)));
@@ -139,12 +154,13 @@ function SmartSelect(_a) {
                         valueOverwrite
                             ? onChange(valueOverwrite(value))
                             : onChange(value);
-                    }, getOptionSelected: getOptionSelected, helperText: depError !== null && depError !== void 0 ? depError : (errors[step.id]
+                        setError(undefined);
+                    }, getOptionSelected: getOptionSelected, helperText: error !== null && error !== void 0 ? error : (errors[step.id]
                         ? errors[step.id].message
-                        : step.description), error: depError !== undefined || !!errors[step.id] }, void 0) }), void 0), children &&
+                        : step.description), error: error !== undefined || !!errors[step.id] }, void 0) }), void 0), children &&
                 cloneElement(children, {
                     value: value,
-                    stepProps: __assign({ step: step, form: form, errors: errors, trigger: trigger, postview: postview, formStyle: formStyle, widthStats: widthStats, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore }, others),
+                    stepProps: __assign({ step: step, form: form, errors: errors, trigger: trigger, postview: postview, editable: editable, formStyle: formStyle, widthStats: widthStats, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore }, others),
                 })] }, void 0));
 }
 function SmartSelectStep(props) {

package/dist/FormComponents/Step/SmartSelectStep/SmartSelectStep.d.ts

@@ -10,9 +10,9 @@ export interface SmartSelectStepProps extends Omit<StepProps, 'step'> {
     /** The iconComponent to display in the selector */
     iconComponent?: any;
     /** Function to call to get the options of the selector, return null if dependency is not met */
-    getOptions?: (step: GSmartSelect, dependencyStore: Record<string, any>) => Promise<any[] | null>;
+    getOptions: (step: GSmartSelect, dependencyStore: Record<string, any>) => Promise<any[] | null>;
     /** Function to determine the currently selected option */
-    getOptionSelected?: (option: any, value: any) => boolean;
+    getOptionSelected: (option: any, value: any) => boolean;
     /** Function that returns the error message based on the types of the missing Dependencies, undefined if no error msg */
     calcDepError?: (types: Types[]) => string | undefined;
     /** Function that returns the missing dependencies based on the current value */
@@ -20,7 +20,7 @@ export interface SmartSelectStepProps extends Omit<StepProps, 'step'> {
     /** children to render */
     children?: React.ReactElement<any, string>;
     /** Function that overwrites the value before setting it */
-    valueOverwrite?: (value: any) => any;
+    valueOverwrite?: (value: any | null) => any;
 }
 declare function SmartSelectStep(props: SmartSelectStepProps): JSX.Element;
 export default SmartSelectStep;

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.d.ts

@@ -3,7 +3,7 @@ import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
 import './DraftEditor.css';
 import { RawDraftContentState } from 'draft-js';
 import { TextAreaStepProps } from '../TextAreaStep';
-declare function TextAreaStep({ step, errors, control, postview, formStyle, originalValues, }: TextAreaStepProps): JSX.Element;
+declare function TextAreaStep({ step, errors, control, editable, postview, formStyle, originalValues, }: TextAreaStepProps): JSX.Element;
 export default TextAreaStep;
 export declare function stringToDraft(text: string): RawDraftContentState;
 export declare const getRawText: (draft?: RawDraftContentState | undefined, text?: string | undefined) => RawDraftContentState;

package/dist/FormComponents/Step/TextAreaStep/MaterialTextAreaStep/MaterialTextAreaStep.js

@@ -20,7 +20,7 @@ import { convertFromRaw, EditorState } from 'draft-js';
 import { useState } from 'react';
 import { ClickAwayListener } from '@material-ui/core';
 function TextAreaStep(_a) {
-    var step = _a.step, errors = _a.errors, control = _a.control, postview = _a.postview, formStyle = _a.formStyle, originalValues = _a.originalValues;
+    var step = _a.step, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, originalValues = _a.originalValues;
     var _b = useState(false), hovering = _b[0], setHovering = _b[1];
     var _c = useState(false), focus = _c[0], setFocus = _c[1];
     var calcStyle = function () {
@@ -58,6 +58,7 @@ function TextAreaStep(_a) {
             return EditorState.createWithContent(convertFromRaw(getRawText(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.draft, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.text)));
         }
     };
+    var canEdit = editable && !postview;
     if (step.hasTextEditor) {
         return (_jsxs("div", __assign({ className: styles.textEditorContainer, style: {
                 '--eureka-outline': formStyle.outlineColor,
@@ -67,19 +68,19 @@ function TextAreaStep(_a) {
                             ? formStyle.errorColor
                             : formStyle.textColor,
                     } }, { children: [step.label, " ", step.required ? ' *' : ''] }), void 0)), _jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () {
-                        if (!postview) {
+                        if (canEdit) {
                             setFocus(false);
                         }
                     } }, { children: _jsx("div", __assign({ className: styles.textContainer + ' EF-DraftContainer', "data-testid": step.id, style: calcStyle(), onMouseEnter: function () {
-                            if (!postview) {
+                            if (canEdit) {
                                 setHovering(true);
                             }
                         }, onMouseLeave: function () {
-                            if (!postview) {
+                            if (canEdit) {
                                 setHovering(false);
                             }
                         }, onClick: function () {
-                            if (!postview) {
+                            if (canEdit) {
                                 setFocus(true);
                             }
                         } }, { children: _jsx(Controller, { name: step.id, control: control, defaultValue: originalValues[step.id]
@@ -106,13 +107,13 @@ function TextAreaStep(_a) {
                                             ' RichEditor-hidePlaceholder';
                                     }
                                 }
-                                if (postview) {
+                                if (!canEdit) {
                                     editorClassName += ' postview-editor';
                                 }
                                 return (_jsx(Editor, { editorRef: field.ref, onFocus: function () {
                                         setFocus(true);
-                                    }, readOnly: postview, onBlur: field.onBlur, stripPastedStyles: true, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar +
-                                        (postview
+                                    }, readOnly: !canEdit, onBlur: field.onBlur, stripPastedStyles: true, editorState: field.value, onEditorStateChange: field.onChange, toolbarClassName: styles.toolbar +
+                                        (!canEdit
                                             ? ' postview-editor-toolbar'
                                             : ''), editorClassName: editorClassName, wrapperClassName: styles.wrapper, placeholder: (_b = step.description) !== null && _b !== void 0 ? _b : '', toolbar: {
                                         options: [
@@ -148,7 +149,7 @@ function TextAreaStep(_a) {
                 }, shouldUnregister: true, render: function (_a) {
                     var _b;
                     var field = _a.field;
-                    return (_jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, label: step.label, inputRef: field.ref, required: step.required, cantEdit: postview, fontWeight: 400, multiline: true, minRows: 4, maxRows: 6, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
+                    return (_jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, label: step.label, inputRef: field.ref, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: 4, maxRows: 6, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperTextColor: formStyle.descriptionTextColor, helperText: errors[step.id]
                             ? errors[step.id].message
                             : (_b = step.description) !== null && _b !== void 0 ? _b : (step.required ? ' ' : null), error: !!errors[step.id] }), void 0));
                 } }, void 0) }), void 0));

package/dist/FormComponents/Step/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TextInputStepProps } from '../TextInputStep';
-declare function TextInputStep({ icon, step, form, postview, formStyle, widthStats, control, errors, }: TextInputStepProps): JSX.Element;
+declare function TextInputStep({ icon, step, form, control, editable, postview, formStyle, widthStats, errors, }: TextInputStepProps): JSX.Element;
 export default TextInputStep;

package/dist/FormComponents/Step/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.js

@@ -15,7 +15,7 @@ import styles from './MaterialTextInputStep.module.css';
 import { Controller } from 'react-hook-form';
 import { calcStepWidth } from '../../StepFunctions';
 function TextInputStep(_a) {
-    var icon = _a.icon, step = _a.step, form = _a.form, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, control = _a.control, errors = _a.errors;
+    var icon = _a.icon, step = _a.step, form = _a.form, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, errors = _a.errors;
     return (_jsx("div", __assign({ className: styles.container, style: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
@@ -35,7 +35,7 @@ function TextInputStep(_a) {
                     : undefined,
             }, shouldUnregister: true, render: function (_a) {
                 var field = _a.field;
-                return (_jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, label: step.label, inputRef: field.ref, cantEdit: postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
+                return (_jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, label: step.label, inputRef: field.ref, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.backgroundColor, innerBackgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
                         ? errors[step.id].message
                         : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id], icon: step.showIcon ? icon : undefined }), void 0));
             } }, void 0) }), void 0));

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -139,16 +139,17 @@ export default function RoundedSmartSelect(_a) {
         return (_jsx(Autocomplete, { size: "small", fullWidth: true, openOnFocus: true, disabled: cantEdit || disabled, popupIcon: showIcon && icon ? icon : undefined, onOpen: function () {
                 //Show loading icon if loading
             }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options, getOptionLabel: function (option) {
+                var _a, _b;
                 // Value selected with enter, right from the input
                 if (typeof option === 'string') {
                     return option;
                 }
                 else if (option === null || option === void 0 ? void 0 : option.inputValue) {
-                    return option.inputValue;
+                    return (_a = option.inputValue) !== null && _a !== void 0 ? _a : '';
                 }
                 else {
                     // Regular option
-                    return option.label;
+                    return (_b = option.label) !== null && _b !== void 0 ? _b : '';
                 }
             }, getOptionSelected: getOptionSelected, PopperComponent: function (_a) {
                 var style = _a.style, props = __rest(_a, ["style"]);

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version":"1.4.7-test",
+    "version":"1.5.0-test",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",