@arquimedes.co/eureka-forms 1.9.35-test → 1.9.37-test

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

@@ -79,7 +79,7 @@ function ColumnForm(_a) {
         defaultValues: originalValues,
         mode: 'onTouched',
         shouldFocusError: true,
-    }), getValues = _d.getValues, setValue = _d.setValue, clearErrors = _d.clearErrors, control = _d.control, errors = _d.formState.errors, trigger = _d.trigger;
+    }), getValues = _d.getValues, setValue = _d.setValue, clearErrors = _d.clearErrors, control = _d.control, errors = _d.formState.errors, trigger = _d.trigger, setFocus = _d.setFocus;
     var recaptchaRef = useRef();
     var _e = useState(undefined), sections = _e[0], setSections = _e[1];
     var _f = useState(false), loading = _f[0], setLoading = _f[1];
@@ -94,7 +94,7 @@ function ColumnForm(_a) {
         return _jsx("div", {});
     }
     var onSubmit = function (token) { return __awaiter(_this, void 0, void 0, function () {
-        var valid, values, newValues, _i, _a, idStep, step, test_1, payload, url, resp, _b, error_1;
+        var valid, values, newValues, _i, _a, idStep, step, payload, url, resp, _b, error_1;
         return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
@@ -119,10 +119,6 @@ function ColumnForm(_a) {
                         step = form.steps[idStep];
                         newValues[idStep] = calcValue(step, values, customSteps);
                     }
-                    test_1 = true;
-                    setLoading(false);
-                    if (test_1)
-                        return [2 /*return*/];
                     if (!customSend) return [3 /*break*/, 4];
                     return [4 /*yield*/, customSend(newValues, reload)];
                 case 3:
@@ -164,7 +160,7 @@ function ColumnForm(_a) {
     return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [loading && _jsx("div", { className: styles.curtain }), showConfirmation !== undefined && (_jsx(ConfirmationDialog, { formStyle: formStyle, confirmation: showConfirmation, onClose: function () {
                     reload();
                     setShowConfirmation(undefined);
-                } })), sections.map(function (idSection, index) { return (_jsx(SectionComponent, __assign({ form: form, sendLabel: sendLabel, domain: domain, postview: postview, clearErrors: clearErrors, widthStats: widthStats, control: control, getValues: getValues, originalValues: originalValues, errors: errors, index: index, setSections: setSections, section: form.sections[idSection], formStyle: formStyle, customSteps: customSteps, setDependencyStore: setDependencyStore, dependencyStore: dependencyStore, trigger: trigger }, others), index)); }), form.terms &&
+                } })), sections.map(function (idSection, index) { return (_jsx(SectionComponent, __assign({ form: form, sendLabel: sendLabel, domain: domain, postview: postview, clearErrors: clearErrors, widthStats: widthStats, control: control, getValues: getValues, originalValues: originalValues, errors: errors, index: index, setSections: setSections, section: form.sections[idSection], formStyle: formStyle, customSteps: customSteps, setDependencyStore: setDependencyStore, dependencyStore: dependencyStore, setFocus: setFocus }, others), index)); }), form.terms &&
                 (!internal || (internal && postview)) &&
                 (originalValues === null || originalValues === void 0 ? void 0 : originalValues['INTERNAL_CREATING_AGENT']) === undefined && (_jsx("div", __assign({ className: styles.termsContainer, style: {
                     width: (form.size.blockSize + form.size.spacingSize) *
@@ -271,8 +267,8 @@ var calcValue = function (step, values, customSteps, value) {
                         var mappedId = element.ids[idStep];
                         if (values[mappedId] !== undefined) {
                             var substep = step.steps[idStep];
-                            var test_2 = calcValue(substep, values, customSteps, values[mappedId]);
-                            newValue[idStep] = test_2;
+                            var test_1 = calcValue(substep, values, customSteps, values[mappedId]);
+                            newValue[idStep] = test_1;
                         }
                     }
                     mappedValues.push(newValue);
@@ -305,19 +301,23 @@ function stringToDraft(text) {
     });
     return draftStructure;
 }
-function calcDependencies(steps, originalValues) {
-    var dependencies = {};
+function calcDependencies(steps, originalValues, allSteps, dependencies) {
+    if (allSteps === void 0) { allSteps = steps; }
+    if (dependencies === void 0) { dependencies = {}; }
     for (var _i = 0, _a = Object.values(steps); _i < _a.length; _i++) {
         var step = _a[_i];
         if (step.dependencies) {
             for (var _b = 0, _c = step.dependencies; _b < _c.length; _b++) {
                 var idDep = _c[_b];
-                var depStep = steps[idDep];
+                var depStep = allSteps[idDep];
                 if (depStep && dependencies[idDep] === undefined) {
                     dependencies[idDep] = calcStepDependencyValue(depStep, originalValues);
                 }
             }
         }
+        if (step.type === Types.MAPPER) {
+            calcDependencies(step.steps, originalValues, __assign(__assign({}, allSteps), step.steps), dependencies);
+        }
     }
     return dependencies;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Control, FieldValues, UseFormGetValues, UseFormTrigger } from 'react-hook-form';
+import { Control, FieldValues, UseFormGetValues } from 'react-hook-form';
 import { Organization } from '../../@Types';
 import { Form, FormStyle, Section } from '../../@Types/Form';
 import { CustomStep } from '../../App';
@@ -24,7 +24,7 @@ export interface RecursiveData {
     fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
     dependencyStore: Record<string, any>;
     setDependencyStore: (values: Record<string, any>) => void;
-    trigger: UseFormTrigger<any>;
+    setFocus: (id: string) => void;
 }
 export interface SectionComponentProps extends RecursiveData {
     /** The custom send label to display */

package/dist/FormComponents/Step/EntityValueStep/EntityValueStep.js

@@ -88,7 +88,7 @@ function EntityValuePickerStep(_a) {
                                     if (typeof currentValue === 'string')
                                         value = currentValue;
                                     else
-                                        value = (_c = currentValue.id) !== null && _c !== void 0 ? _c : currentValue.id;
+                                        value = (_c = currentValue._id) !== null && _c !== void 0 ? _c : currentValue.id;
                                     //TODO: Manejo de multiple!
                                 }
                                 else if (filter.required) {

package/dist/FormComponents/Step/MapperStep/MaterialMapperStep/MaterialMapperStep.js

@@ -38,6 +38,8 @@ import RoundedButton from '../../../../shared/RoundedButton/RoundedButton';
 import { nanoid } from 'nanoid';
 import { calcStepDependencyValue } from '../../../Form/ColumnForm/ColumnForm';
 import MapperElementComponent from './Element/MapperElement';
+import AYFFormStepTypes from '../../../../constants/AYFFormStepTypes';
+import CBRFormStepTypes from '../../../../constants/CBRFormStepTypes';
 function Elements(_a) {
     var step = _a.step, form = _a.form, btnRef = _a.btnRef, editable = _a.editable, postview = _a.postview, onChange = _a.onChange, elements = _a.elements, formStyle = _a.formStyle, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["step", "form", "btnRef", "editable", "postview", "onChange", "elements", "formStyle", "dependencyStore", "setDependencyStore"]);
     var _b = useState(false), firstRender = _b[0], setFirstRender = _b[1];
@@ -80,7 +82,7 @@ function Elements(_a) {
         var newSteps = {};
         for (var _i = 0, _a = Object.keys(step.steps); _i < _a.length; _i++) {
             var idStep = _a[_i];
-            var baseStep = JSON.parse(JSON.stringify(form.steps[idStep]));
+            var baseStep = JSON.parse(JSON.stringify(step.steps[idStep]));
             var newIdStep = step.id + '-' + idStep + '-' + idElement;
             baseStep.id = newIdStep;
             newElement.ids[idStep] = newIdStep;
@@ -108,7 +110,7 @@ function Elements(_a) {
                     margin: step.description
                         ? '10px 0px'
                         : '0px 0px 5px 0px',
-                } }, { children: step.description }))), elements.map(function (incident, index) { return (_jsx(MapperElementComponent, __assign({ num: index, element: incident, formStyle: formStyle, step: step, form: __assign(__assign({}, form), { steps: localSteps }), editable: editable, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
+                } }, { children: step.description }))), elements.map(function (incident, index) { return (_jsx(MapperElementComponent, __assign({ num: index, element: incident, formStyle: formStyle, step: step, form: __assign(__assign({}, form), { steps: __assign(__assign({}, form.steps), localSteps) }), editable: editable, postview: postview, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore, handleDelete: function () {
                     var tempElements = __spreadArray([], elements, true);
                     tempElements[index].deleted = true;
                     onChange(tempElements);
@@ -138,7 +140,7 @@ function calcRecursiveData(element, newSteps, deps) {
                 var idDep = step.dependencies[i];
                 var newId = element.ids[idDep];
                 if (newId) {
-                    step.dependencies[i] = element.ids[newId];
+                    step.dependencies[i] = newId;
                     deps[newId] = calcStepDependencyValue(newSteps[newId], {});
                 }
             }
@@ -182,6 +184,36 @@ function calcRecursiveData(element, newSteps, deps) {
                     }
                 }
                 break;
+            case StepTypes.ENTITYVALUEPICKER:
+                for (var _h = 0, _j = step.filters; _h < _j.length; _h++) {
+                    var filter = _j[_h];
+                    if (filter.idStep) {
+                        var newId = element.ids[filter.idStep];
+                        if (newId) {
+                            filter.idStep = newId;
+                            deps[newId] = calcStepDependencyValue(newSteps[newId], {});
+                        }
+                    }
+                }
+                break;
+            case CBRFormStepTypes.CBR_LOCATIVAS:
+                var elementStep = step;
+                if (elementStep.subStep) {
+                    var newId = element.ids[elementStep.subStep];
+                    if (newId) {
+                        elementStep.subStep = newId;
+                    }
+                }
+                break;
+            case AYFFormStepTypes.AYF_ICA_CITY:
+                var cityStep = step;
+                if (cityStep.idNitStep) {
+                    var newId = element.ids[cityStep.idNitStep];
+                    if (newId) {
+                        cityStep.idNitStep = newId;
+                    }
+                }
+                break;
             default:
                 break;
         }

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

@@ -66,7 +66,7 @@ import React from 'react';
 function SmartSelect(_a) {
     var _this = this;
     var _b, _c, _d, _e;
-    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, organization = _a.organization, calcDepError = _a.calcDepError, valueOverwrite = _a.valueOverwrite, getValueString = _a.getValueString, originalValues = _a.originalValues, changeListener = _a.changeListener, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === void 0 ? function (step, depStore) {
+    var icon = _a.icon, step = _a.step, form = _a.form, value = _a.value, onBlur = _a.onBlur, errors = _a.errors, setFocus = _a.setFocus, children = _a.children, editable = _a.editable, onChange = _a.onChange, inputRef = _a.inputRef, postview = _a.postview, formStyle = _a.formStyle, getOptions = _a.getOptions, widthStats = _a.widthStats, organization = _a.organization, calcDepError = _a.calcDepError, valueOverwrite = _a.valueOverwrite, getValueString = _a.getValueString, originalValues = _a.originalValues, changeListener = _a.changeListener, dependencyStore = _a.dependencyStore, _f = _a.calcInvalidDeps, calcInvalidDeps = _f === 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++) {
@@ -76,7 +76,7 @@ function SmartSelect(_a) {
             }
         }
         return missingDeps;
-    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "trigger", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "valueOverwrite", "getValueString", "originalValues", "changeListener", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
+    } : _f, getValueWarning = _a.getValueWarning, getOptionSelected = _a.getOptionSelected, setDependencyStore = _a.setDependencyStore, others = __rest(_a, ["icon", "step", "form", "value", "onBlur", "errors", "setFocus", "children", "editable", "onChange", "inputRef", "postview", "formStyle", "getOptions", "widthStats", "organization", "calcDepError", "valueOverwrite", "getValueString", "originalValues", "changeListener", "dependencyStore", "calcInvalidDeps", "getValueWarning", "getOptionSelected", "setDependencyStore"]);
     var _g = useState(true), first = _g[0], setFirst = _g[1];
     var _h = useState(), options = _h[0], setOptions = _h[1];
     var _j = useState(), error = _j[0], setError = _j[1];
@@ -164,7 +164,7 @@ function SmartSelect(_a) {
                 setError(calcDepError === null || calcDepError === void 0 ? void 0 : calcDepError(invalids.map(function (idDep) { return form.steps[idDep]; })));
                 if (!value) {
                     if (invalids.length > 0) {
-                        trigger(invalids, { shouldFocus: true });
+                        setFocus(invalids[0]);
                     }
                     else {
                         setLoading(true);
@@ -194,10 +194,10 @@ function SmartSelect(_a) {
                         if (options === undefined && !(!editable || postview)) {
                             setLoading(true);
                         }
-                    }, disabled: options === null, loading: loading, options: options !== null && options !== void 0 ? options : [], 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', changeListener: changeListener, searchable: step.searchable, icon: step.showIcon ? icon : undefined, helperTextColor: formStyle.descriptionTextColor, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, errorColor: formStyle.errorColor, color: formStyle.textColor, containerMargin: "0px", handleUpdate: function (value) {
+                    }, disabled: options === null, loading: loading, options: options !== null && options !== void 0 ? options : undefined, 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', changeListener: changeListener, searchable: step.searchable, icon: step.showIcon ? icon : 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)));
+                            setDependencyStore(__assign(__assign({}, dependencyStore), (_a = {}, _a[step.id] = value !== null && value !== void 0 ? value : null, _a)));
                         }
                         valueOverwrite
                             ? onChange(valueOverwrite(value))
@@ -210,7 +210,7 @@ function SmartSelect(_a) {
                         !!errors[step.id] }) })), children &&
                 cloneElement(children, {
                     value: value,
-                    stepProps: __assign({ step: step, form: form, errors: errors, trigger: trigger, postview: postview, editable: editable, formStyle: formStyle, widthStats: widthStats, organization: organization, originalValues: originalValues, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore }, others),
+                    stepProps: __assign({ step: step, form: form, errors: errors, setFocus: setFocus, postview: postview, editable: editable, formStyle: formStyle, widthStats: widthStats, organization: organization, originalValues: originalValues, dependencyStore: dependencyStore, setDependencyStore: setDependencyStore }, others),
                 })] }));
 }
 function SmartSelectStep(props) {

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -103,6 +103,9 @@ var useTextfieldStyles = function (props) {
             '& .EF-MuiFormHelperText-root': {
                 color: props.helperTextColor,
             },
+            '& .EF-MuiFormHelperText-root.Mui-error': {
+                color: props.errorColor + ' !important',
+            },
             '& .EF-MuiFormLabel-root.Mui-disabled': {
                 color: '#0000008a',
             },
@@ -125,7 +128,7 @@ var useTextfieldStyles = function (props) {
     }); });
 };
 export default function RoundedSmartSelect(_a) {
-    var _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.value, value = _c === void 0 ? '' : _c, handleUpdate = _a.handleUpdate, label = _a.label, _d = _a.getValueString, getValueString = _d === void 0 ? function (value) { return value.value; } : _d, _e = _a.color, color = _e === void 0 ? '#293241' : _e, _f = _a.errorColor, errorColor = _f === void 0 ? '#cc2936' : _f, _g = _a.focusColor, focusColor = _g === void 0 ? '#3d5a7f' : _g, _h = _a.helperTextColor, helperTextColor = _h === void 0 ? '#989898' : _h, _j = _a.outlineColor, outlineColor = _j === void 0 ? '#b8b8b8' : _j, _k = _a.backgroundColor, backgroundColor = _k === void 0 ? '#ffffff' : _k, _l = _a.cantEdit, cantEdit = _l === void 0 ? false : _l, _m = _a.loading, loading = _m === void 0 ? false : _m, _o = _a.height, height = _o === void 0 ? '31px' : _o, _p = _a.fontSize, fontSize = _p === void 0 ? '1rem' : _p, required = _a.required, changeListener = _a.changeListener, error = _a.error, innerBackgroundColor = _a.innerBackgroundColor, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _q = _a.readOnly, readOnly = _q === void 0 ? false : _q, _r = _a.borderRadius, borderRadius = _r === void 0 ? 10 : _r, _s = _a.fontWeight, fontWeight = _s === void 0 ? '400' : _s, icon = _a.icon, _t = _a.searchable, searchable = _t === void 0 ? false : _t, _u = _a.containerMargin, containerMargin = _u === void 0 ? '0px' : _u, _v = _a.showIcon, showIcon = _v === void 0 ? true : _v, inputRef = _a.inputRef, disabled = _a.disabled, _w = _a.creatable, creatable = _w === void 0 ? false : _w, onBlur = _a.onBlur, name = _a.name, onFocus = _a.onFocus;
+    var options = _a.options, _b = _a.value, value = _b === void 0 ? '' : _b, handleUpdate = _a.handleUpdate, label = _a.label, _c = _a.getValueString, getValueString = _c === void 0 ? function (value) { return value.value; } : _c, _d = _a.color, color = _d === void 0 ? '#293241' : _d, _e = _a.errorColor, errorColor = _e === void 0 ? '#cc2936' : _e, _f = _a.focusColor, focusColor = _f === void 0 ? '#3d5a7f' : _f, _g = _a.helperTextColor, helperTextColor = _g === void 0 ? '#989898' : _g, _h = _a.outlineColor, outlineColor = _h === void 0 ? '#b8b8b8' : _h, _j = _a.backgroundColor, backgroundColor = _j === void 0 ? '#ffffff' : _j, _k = _a.cantEdit, cantEdit = _k === void 0 ? false : _k, _l = _a.loading, loading = _l === void 0 ? false : _l, _m = _a.height, height = _m === void 0 ? '31px' : _m, _o = _a.fontSize, fontSize = _o === void 0 ? '1rem' : _o, required = _a.required, changeListener = _a.changeListener, error = _a.error, innerBackgroundColor = _a.innerBackgroundColor, getOptionSelected = _a.getOptionSelected, helperText = _a.helperText, _p = _a.readOnly, readOnly = _p === void 0 ? false : _p, _q = _a.borderRadius, borderRadius = _q === void 0 ? 10 : _q, _r = _a.fontWeight, fontWeight = _r === void 0 ? '400' : _r, icon = _a.icon, _s = _a.searchable, searchable = _s === void 0 ? false : _s, _t = _a.containerMargin, containerMargin = _t === void 0 ? '0px' : _t, _u = _a.showIcon, showIcon = _u === void 0 ? true : _u, inputRef = _a.inputRef, disabled = _a.disabled, _v = _a.creatable, creatable = _v === void 0 ? false : _v, onBlur = _a.onBlur, name = _a.name, onFocus = _a.onFocus;
     var props = {
         color: color,
         height: height,
@@ -144,7 +147,7 @@ export default function RoundedSmartSelect(_a) {
     };
     var textFieldClasses = useTextfieldStyles(props)();
     if (searchable) {
-        return (_jsx(Autocomplete, { onFocus: onFocus, size: "small", fullWidth: true, openOnFocus: true, freeSolo: creatable, disabled: cantEdit || disabled, popupIcon: loading ? (_jsx(CircularProgress, { size: 22, style: { color: '#757575' } })) : showIcon && icon ? (icon) : undefined, onOpen: function () { }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options, getOptionLabel: function (option) {
+        return (_jsx(Autocomplete, { onFocus: onFocus, size: "small", fullWidth: true, openOnFocus: true, freeSolo: creatable, disabled: cantEdit || disabled, popupIcon: loading ? (_jsx(CircularProgress, { size: 22, style: { color: '#757575' } })) : showIcon && icon ? (icon) : undefined, onOpen: function () { }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options !== null && options !== void 0 ? options : [], getOptionLabel: function (option) {
                 var _a, _b;
                 // Value selected with enter, right from the input
                 if (typeof option === 'string') {
@@ -199,8 +202,8 @@ export default function RoundedSmartSelect(_a) {
             }, renderInput: function (params) { return (_jsx(TextField, __assign({ classes: textFieldClasses }, params, { inputRef: inputRef, onBlur: onBlur, name: name, variant: "outlined", label: label, required: required, error: error, helperText: helperText }))); }, style: { pointerEvents: 'none' }, noOptionsText: "No hay opciones" }));
     }
     else {
-        return (_jsxs(RoundedSelect, __assign({ onBlur: onBlur, inputRef: inputRef, name: name, fullWidth: true, handleUpdate: function (event) {
-                handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(options.find(function (option) {
+        return (_jsxs(RoundedSelect, __assign({ onBlur: onBlur, onFocus: onFocus, inputRef: inputRef, name: name, fullWidth: true, handleUpdate: function (event) {
+                handleUpdate === null || handleUpdate === void 0 ? void 0 : handleUpdate(options === null || options === void 0 ? void 0 : options.find(function (option) {
                     return getValueString(option) == event.target.value;
                 }));
             }, onOpen: function () {
@@ -216,6 +219,6 @@ export default function RoundedSmartSelect(_a) {
                     ? function (props) {
                         return cloneElement(icon, props);
                     }
-                    : undefined, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: "Sin Seleccionar" }) }), 'EMPTY'), options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); })] })));
+                    : undefined, showIcon: showIcon }, { children: [_jsx(MenuItem, __assign({ value: '', style: { whiteSpace: 'normal' } }, { children: _jsx("em", { children: options ? 'Sin Seleccionar' : 'Cargando...' }) }), 'EMPTY'), options === null || options === void 0 ? void 0 : options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); })] })));
     }
 }

package/dist/shared/RoundedTextField/RoundedTextField.js

@@ -105,6 +105,9 @@ var useTextfieldStyles = function (props) {
                 color: props.helperTextColor,
                 marginRight: props.maxLength ? 40 : 14,
             },
+            '& .EF-MuiFormHelperText-root.Mui-error': {
+                color: props.errorColor,
+            },
             '& .EF-MuiOutlinedInput-multiline': {
                 padding: 0,
                 backgroundColor: props.innerBackgroundColor,

package/package.json

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