@arquimedes.co/eureka-forms 1.9.14 → 1.9.15

package/dist/FormComponents/Step/Step.js

@@ -43,44 +43,44 @@ function StepComponent(_a) {
     }
     switch (step.type) {
         case Types.TITLE: {
-            return _jsx(TitleStep, __assign({ step: step }, props), void 0);
+            return _jsx(TitleStep, __assign({ step: step }, props));
         }
         case Types.SELECTOR: {
-            return _jsx(SelectorStep, __assign({ step: step }, props), void 0);
+            return _jsx(SelectorStep, __assign({ step: step }, props));
         }
         case Types.CHECKBOX: {
-            return _jsx(CheckBoxStep, __assign({ step: step }, props), void 0);
+            return _jsx(CheckBoxStep, __assign({ step: step }, props));
         }
         case Types.CLASSIFIER_SELECTOR: {
-            return (_jsx(ClassifierSelectorStep, __assign({ step: step }, props), void 0));
+            return (_jsx(ClassifierSelectorStep, __assign({ step: step }, props)));
         }
         case Types.TEXTAREA: {
-            return _jsx(TextAreaStep, __assign({ step: step }, props), void 0);
+            return _jsx(TextAreaStep, __assign({ step: step }, props));
         }
         case Types.TEXTINPUT: {
-            return _jsx(TextInputStep, __assign({ step: step }, props), void 0);
+            return _jsx(TextInputStep, __assign({ step: step }, props));
         }
         case Types.DATEPICKER: {
-            return _jsx(DatePickerStep, __assign({ step: step }, props), void 0);
+            return _jsx(DatePickerStep, __assign({ step: step }, props));
         }
         case Types.SEPARATOR: {
-            return _jsx(SeparatorStep, __assign({ step: step }, props), void 0);
+            return _jsx(SeparatorStep, __assign({ step: step }, props));
         }
         case Types.FILEUPLOAD: {
-            return _jsx(FileUploadStep, __assign({ step: step }, props), void 0);
+            return _jsx(FileUploadStep, __assign({ step: step }, props));
         }
         case Types.RATING: {
-            return _jsx(RatingStep, __assign({ step: step }, props), void 0);
+            return _jsx(RatingStep, __assign({ step: step }, props));
         }
         default:
             break;
     }
     if (step.type.startsWith('CBR')) {
-        return _jsx(CBRStepMapper, __assign({}, props, { step: step }), void 0);
+        return _jsx(CBRStepMapper, __assign({}, props, { step: step }));
     }
     else if (step.type.startsWith('AYF')) {
-        return _jsx(AYFStepMapper, __assign({}, props, { step: step }), void 0);
+        return _jsx(AYFStepMapper, __assign({}, props, { step: step }));
     }
-    return _jsx("div", {}, void 0);
+    return _jsx("div", {});
 }
 export default StepComponent;

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

@@ -6,4 +6,4 @@ import { TextAreaStepProps } from '../TextAreaStep';
 declare function TextAreaStep({ step, errors, partial, control, editable, postview, formStyle, maxLength, originalValues, backgroundColor, }: TextAreaStepProps): JSX.Element;
 export default TextAreaStep;
 export declare function stringToDraft(text: string): RawDraftContentState;
-export declare const getRawText: (draft?: RawDraftContentState | undefined, text?: string | undefined) => RawDraftContentState;
+export declare const getRawText: (draft?: RawDraftContentState, text?: string) => RawDraftContentState;

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

@@ -73,7 +73,7 @@ function TextAreaStep(_a) {
                         color: !!errors[step.id]
                             ? formStyle.errorColor
                             : formStyle.textColor,
-                    } }, { children: [step.label, " ", step.required ? ' *' : ''] }), void 0)), _jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () {
+                    } }, { children: [step.label, " ", step.required ? ' *' : ''] }))), _jsx(ClickAwayListener, __assign({ mouseEvent: "onMouseDown", onClickAway: function () {
                         if (canEdit) {
                             setFocus(false);
                         }
@@ -141,10 +141,10 @@ function TextAreaStep(_a) {
                                         list: {
                                             options: ['unordered'],
                                         },
-                                    } }, void 0));
-                            } }, void 0) }), void 0) }), void 0), _jsx("div", __assign({ className: styles.errorMsg, style: {
+                                    } }));
+                            } }) })) })), _jsx("div", __assign({ className: styles.errorMsg, style: {
                         color: formStyle.errorColor,
-                    } }, { children: !!errors[step.id] && 'Este campo es obligatorio' }), void 0)] }), void 0));
+                    } }, { children: !!errors[step.id] && 'Este campo es obligatorio' }))] })));
     }
     else {
         return (_jsx("div", __assign({ className: styles.container, style: {
@@ -160,11 +160,11 @@ function TextAreaStep(_a) {
                     var field = _a.field;
                     return (_jsxs(React.Fragment, { children: [_jsx("div", __assign({ className: styles.erkTextArea }, { children: _jsx(RoundedTextField, __assign({}, field, { "data-testid": step.id, maxLength: maxLength, label: step.label, inputRef: field.ref, required: step.required, cantEdit: !canEdit, fontWeight: 400, multiline: true, minRows: postview && partial ? undefined : 4, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: backgroundColor !== null && backgroundColor !== void 0 ? 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), postview && (_jsxs("div", __assign({ className: styles.print }, { children: [_jsxs("div", { children: [step.label, ":"] }, void 0), _jsx("p", __assign({ className: styles.printContainer, style: {
+                                        : (_b = step.description) !== null && _b !== void 0 ? _b : (step.required ? ' ' : null), error: !!errors[step.id] })) })), postview && (_jsxs("div", __assign({ className: styles.print }, { children: [_jsxs("div", { children: [step.label, ":"] }), _jsx("p", __assign({ className: styles.printContainer, style: {
                                             backgroundColor: formStyle.stepBackgroundColor,
                                             borderColor: formStyle.outlineColor,
-                                        } }, { children: field.value }), void 0)] }), void 0))] }, void 0));
-                } }, void 0) }), void 0));
+                                        } }, { children: field.value }))] })))] }));
+                } }) })));
     }
 }
 export default TextAreaStep;

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

@@ -15,10 +15,10 @@ import MaterialTextAreaStep from './MaterialTextAreaStep/MaterialTextAreaStep';
 function TextAreaStep(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialTextAreaStep, __assign({}, props), void 0);
+            return _jsx(MaterialTextAreaStep, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialTextAreaStep, __assign({}, props), void 0);
+            return _jsx(MaterialTextAreaStep, __assign({}, props));
         }
     }
 }

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

@@ -37,7 +37,7 @@ function TextInputStep(_a) {
                 var field = _a.field;
                 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));
+                        : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id], icon: step.showIcon ? icon : undefined })));
+            } }) })));
 }
 export default TextInputStep;

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

@@ -15,10 +15,10 @@ import MaterialTextInputStep from './MaterialTextInputStep/MaterialTextInputStep
 function TextInputStep(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialTextInputStep, __assign({}, props), void 0);
+            return _jsx(MaterialTextInputStep, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialTextInputStep, __assign({}, props), void 0);
+            return _jsx(MaterialTextInputStep, __assign({}, props));
         }
     }
 }

package/dist/FormComponents/Step/TitleStep/MaterialTitleStep/MaterialTitleStep.js

@@ -13,8 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styles from './MaterialTitleStep.module.css';
 function TitleStep(_a) {
     var step = _a.step, formStyle = _a.formStyle, widthStats = _a.widthStats;
-    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl, style: { textAlign: widthStats.isMobile ? 'center' : 'start' } }, { children: step.title }), void 0), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
+    return (_jsxs("div", __assign({ className: styles.container, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.titleLbl, style: { textAlign: widthStats.isMobile ? 'center' : 'start' } }, { children: step.title })), step.description && (_jsx("p", __assign({ className: styles.descriptionPar, style: {
                     margin: step.title ? '10px 0px' : '0px 0px 5px 0px',
-                } }, { children: step.description }), void 0))] }), void 0));
+                } }, { children: step.description })))] })));
 }
 export default TitleStep;

package/dist/FormComponents/Step/TitleStep/TitleStep.js

@@ -27,10 +27,10 @@ function TitleStep(_a) {
     var step = _a.step, formStyle = _a.formStyle, others = __rest(_a, ["step", "formStyle"]);
     switch (formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return (_jsx(MaterialTitleStep, __assign({ step: step, formStyle: formStyle }, others), void 0));
+            return (_jsx(MaterialTitleStep, __assign({ step: step, formStyle: formStyle }, others)));
         }
         default: {
-            return (_jsx(MaterialTitleStep, __assign({ step: step, formStyle: formStyle }, others), void 0));
+            return (_jsx(MaterialTitleStep, __assign({ step: step, formStyle: formStyle }, others)));
         }
     }
 }

package/dist/FormComponents/Term/MaterialTerm/MaterialTerm.js

@@ -56,22 +56,22 @@ function TermComponent(_a) {
                     setShowDialog(false);
                 }, open: showDialog }, { children: ((_b = term.clickEffect) === null || _b === void 0 ? void 0 : _b.type) === 'DIALOG' && (_jsxs("div", __assign({ className: styles.dialogContainer, style: { color: formStyle.textColor } }, { children: [_jsx("div", __assign({ className: styles.closeIcon, onClick: function () {
                                 setShowDialog(false);
-                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0), _jsx("div", __assign({ className: styles.dialogTitle, style: {
+                            } }, { children: _jsx(CloseRoundedIcon, { fontSize: "inherit" }) })), _jsx("div", __assign({ className: styles.dialogTitle, style: {
                                 borderBottom: '1px solid ' + formStyle.primaryColor,
-                            } }, { children: term.clickEffect.title }), void 0), _jsx("div", __assign({ className: styles.dialogContentContainer }, { children: term.clickEffect.text }), void 0), _jsx(RoundedButton, { text: 'Aceptar', padding: "20px 15px", backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, fontSize: 20, onClick: function () {
+                            } }, { children: term.clickEffect.title })), _jsx("div", __assign({ className: styles.dialogContentContainer }, { children: term.clickEffect.text })), _jsx(RoundedButton, { text: 'Aceptar', padding: "20px 15px", backgroundColor: formStyle.primaryColor, color: formStyle.primaryContrastColor, fontSize: 20, onClick: function () {
                                 setShowDialog(false);
                                 if (!postview) {
                                     setValue(term.id, true);
                                 }
-                            } }, void 0)] }), void 0)) }), void 0), _jsxs("div", __assign({ className: styles.container + ' noselect' }, { children: [_jsx("div", __assign({ className: styles.checkboxContainer }, { children: _jsx(Controller, { name: term.id, control: control, rules: {
+                            } })] }))) })), _jsxs("div", __assign({ className: styles.container + ' noselect' }, { children: [_jsx("div", __assign({ className: styles.checkboxContainer }, { children: _jsx(Controller, { name: term.id, control: control, rules: {
                                 required: true,
                             }, defaultValue: false, shouldUnregister: true, render: function (_a) {
                                 var field = _a.field;
-                                return (_jsx(RoundedCheckBox, { checked: field.value, onChange: field.onChange, cantEdit: postview, padding: "5px", checkedColor: formStyle.primaryColor, errorColor: formStyle.errorColor, size: "1.5rem", error: !!errors[term.id] }, void 0));
-                            } }, void 0) }), void 0), _jsx("div", __assign({ className: styles.messageContainer, style: {
+                                return (_jsx(RoundedCheckBox, { checked: field.value, onChange: field.onChange, cantEdit: postview, padding: "5px", checkedColor: formStyle.primaryColor, errorColor: formStyle.errorColor, size: "1.5rem", error: !!errors[term.id] }));
+                            } }) })), _jsx("div", __assign({ className: styles.messageContainer, style: {
                             color: !!errors[term.id] && tempError
                                 ? formStyle.errorColor
                                 : 'inherit',
-                        } }, { children: renderText(term.message) }), void 0)] }), void 0)] }, void 0));
+                        } }, { children: renderText(term.message) }))] }))] }));
 }
 export default TermComponent;

package/dist/FormComponents/Term/Term.js

@@ -15,10 +15,10 @@ import MaterialTerm from './MaterialTerm/MaterialTerm';
 function TermComponent(props) {
     switch (props.formStyle.type) {
         case FormStyleTypes.MATERIAL: {
-            return _jsx(MaterialTerm, __assign({}, props), void 0);
+            return _jsx(MaterialTerm, __assign({}, props));
         }
         default: {
-            return _jsx(MaterialTerm, __assign({}, props), void 0);
+            return _jsx(MaterialTerm, __assign({}, props));
         }
     }
 }

package/dist/Widget.js

@@ -54,4 +54,4 @@ if (element) {
     // eslint-disable-next-line no-console
     console.log(props);
 }
-ReactDOM.render(_jsx(App, __assign({ isWidget: true }, props), void 0), document.getElementById(WIDGET_ID));
+ReactDOM.render(_jsx(App, __assign({ isWidget: true }, props)), document.getElementById(WIDGET_ID));

package/dist/controllers/FileService.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {
@@ -49,7 +49,7 @@ export function getUploadUrls(files, domain) {
                         extension: file.name.split('.').pop(),
                     }); });
                     if (!domain) return [3 /*break*/, 2];
-                    return [4 /*yield*/, widgetInstance.post("/uploadfile?idOrganization=" + domain, filesArray)];
+                    return [4 /*yield*/, widgetInstance.post("/uploadfile?idOrganization=".concat(domain), filesArray)];
                 case 1:
                     response = _b.sent();
                     return [3 /*break*/, 4];

package/dist/index.js

@@ -26,4 +26,4 @@ if (values) {
         console.error('Invalid data-values JSON', error);
     }
 }
-ReactDOM.render(_jsx("div", __assign({ className: styles.eurekaForm }, { children: _jsx(App, { isWidget: false, apiKey: window.location.pathname.replace('/', ''), valuesData: dataValues }, void 0) }), void 0), document.getElementById('eureka-root'));
+ReactDOM.render(_jsx("div", __assign({ className: styles.eurekaForm }, { children: _jsx(App, { isWidget: false, apiKey: window.location.pathname.replace('/', ''), valuesData: dataValues }) })), document.getElementById('eureka-root'));

package/dist/shared/Loader/Loader.js

@@ -21,6 +21,6 @@ function Loader(_a) {
             backgroundColor: curtain ? 'rgb(0, 0, 0, 0.4)' : '',
             zIndex: zIndex,
             position: position,
-        } }, { children: _jsx("div", __assign({ className: styles.loader }, { children: _jsx(CircularProgress, { size: size, style: { color: color } }, void 0) }), void 0) }), void 0));
+        } }, { children: _jsx("div", __assign({ className: styles.loader }, { children: _jsx(CircularProgress, { size: size, style: { color: color } }) })) })));
 }
 export default Loader;

package/dist/shared/Navbar/Navbar.js

@@ -13,6 +13,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import styles from './Navbar.module.css';
 function Navbar(_a) {
     var logo = _a.logo, color = _a.color;
-    return (_jsx("div", __assign({ className: styles.navContainer, style: { backgroundColor: color } }, { children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }, void 0) }), void 0));
+    return (_jsx("div", __assign({ className: styles.navContainer, style: { backgroundColor: color } }, { children: _jsx("img", { src: logo, alt: "Organization Logo", className: styles.navImage }) })));
 }
 export default Navbar;

package/dist/shared/Rating/Rating.js

@@ -29,13 +29,13 @@ function Rating(_a) {
     var type = _a.type, others = __rest(_a, ["type"]);
     switch (type) {
         case RatingTypes.LIKE:
-            return _jsx(LikeRating, __assign({}, others), void 0);
+            return _jsx(LikeRating, __assign({}, others));
         case RatingTypes.SATISFACTION:
-            return _jsx(SatisfactionRating, __assign({}, others), void 0);
+            return _jsx(SatisfactionRating, __assign({}, others));
         case RatingTypes.SCALE:
-            return _jsx(ScaleRating, __assign({}, others), void 0);
+            return _jsx(ScaleRating, __assign({}, others));
         default:
-            return _jsx("div", {}, void 0);
+            return _jsx("div", {});
     }
 }
 export default Rating;

package/dist/shared/Rating/Ratings/LikeRating.js

@@ -18,7 +18,7 @@ function LikeRating(_a) {
     return (_jsxs("div", __assign({ className: styles.ratingContainer, style: {
             '--eureka-primary': focusColor,
             '--eureka-outline': unSelectedColor,
-        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx("div", __assign({ className: disabled
+        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", __assign({ className: disabled
                     ? styles.disabledLikeContainer
                     : styles.likeContainer, onClick: function () {
                     if (!disabled)
@@ -27,7 +27,7 @@ function LikeRating(_a) {
                         ? {
                             color: focusColor,
                         }
-                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: disabled
+                        : {} }) })), _jsx("div", __assign({ className: disabled
                     ? styles.disabledLikeContainer
                     : styles.likeContainer, onClick: function () {
                     if (!disabled)
@@ -38,6 +38,6 @@ function LikeRating(_a) {
                             marginTop: 14,
                             marginLeft: 15,
                         }
-                        : { marginTop: 14, marginLeft: 15 } }, void 0) }), void 0)] }), void 0));
+                        : { marginTop: 14, marginLeft: 15 } }) }))] })));
 }
 export default LikeRating;

package/dist/shared/Rating/Ratings/SatisfactionRating.js

@@ -20,7 +20,7 @@ function SatisfactionRating(_a) {
     return (_jsxs("div", __assign({ className: styles.ratingContainer, style: {
             '--eureka-primary': focusColor,
             '--eureka-outline': unSelectedColor,
-        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx("div", __assign({ className: disabled
+        } }, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
                     : styles.sentimentContainer, onClick: function () {
                     if (!disabled)
@@ -29,7 +29,7 @@ function SatisfactionRating(_a) {
                         ? {
                             color: focusColor,
                         }
-                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: disabled
+                        : {} }) })), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
                     : styles.sentimentContainer, onClick: function () {
                     if (!disabled)
@@ -38,7 +38,7 @@ function SatisfactionRating(_a) {
                         ? {
                             color: focusColor,
                         }
-                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: disabled
+                        : {} }) })), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
                     : styles.sentimentContainer, onClick: function () {
                     if (!disabled)
@@ -47,7 +47,7 @@ function SatisfactionRating(_a) {
                         ? {
                             color: focusColor,
                         }
-                        : {} }, void 0) }), void 0), _jsx("div", __assign({ className: disabled
+                        : {} }) })), _jsx("div", __assign({ className: disabled
                     ? styles.disabledSentimentContainer
                     : styles.sentimentContainer, onClick: function () {
                     if (!disabled)
@@ -56,6 +56,6 @@ function SatisfactionRating(_a) {
                         ? {
                             color: focusColor,
                         }
-                        : {} }, void 0) }), void 0)] }), void 0));
+                        : {} }) }))] })));
 }
 export default SatisfactionRating;

package/dist/shared/Rating/Ratings/ScaleRating.js

@@ -47,17 +47,17 @@ function ScaleRating(_a) {
         unSelectedColor: unSelectedColor,
         focusColor: focusColor,
     })();
-    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }, void 0), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
+    return (_jsxs(React.Fragment, { children: [_jsx("input", { ref: inputRef, className: styles.hiddenInput }), _jsx(Rating, { value: value, onChange: function (_event, newValue) {
                     if (!disabled)
                         onChange(newValue);
-                }, disabled: disabled, classes: ratingClasses, name: name, size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer }, void 0)] }, void 0));
+                }, disabled: disabled, classes: ratingClasses, name: name, size: "large", defaultValue: 0, getLabelText: function (value) { return value + '/5'; }, max: 5, IconContainerComponent: isMobile ? SmallIconContainer : IconContainer })] }));
 }
 function IconContainer(_a) {
     var value = _a.value, other = __rest(_a, ["value"]);
-    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 60 } }, void 0) }), void 0));
+    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 60 } }) })));
 }
 function SmallIconContainer(_a) {
     var value = _a.value, other = __rest(_a, ["value"]);
-    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 50 } }, void 0) }), void 0));
+    return (_jsx("span", __assign({ className: 'icon' + value }, other, { children: _jsx(GradeRoundedIcon, { style: { fontSize: 50 } }) })));
 }
 export default ScaleRating;

package/dist/shared/RoundedButton/RoundedButton.js

@@ -40,6 +40,6 @@ function RoundedButton(_a) {
             fontWeight: bold ? 'bold' : 'normal',
         },
     })(Button);
-    return (_jsx(CustomButton, __assign({ variant: "contained", onMouseDown: onClick, disabled: disabled }, { children: text }), void 0));
+    return (_jsx(CustomButton, __assign({ variant: "contained", onMouseDown: onClick, disabled: disabled }, { children: text })));
 }
 export default RoundedButton;

package/dist/shared/RoundedCheckBox/RoundedCheckBox.js

@@ -83,7 +83,7 @@ function CustomCheckBox(_a) {
         uncheckedColor: uncheckedColor,
         checkedHoverColor: checkedColor + '0a',
     })();
-    return (_jsx(Checkbox, __assign({}, others, { disabled: cantEdit, classes: classes, checked: checked, onChange: onChange, required: true, icon: _jsx(CheckBoxOutlineBlankRoundedIcon, { fontSize: "inherit" }, void 0), checkedIcon: _jsx(CheckBoxRoundedIcon, { fontSize: "inherit" }, void 0) }), void 0));
+    return (_jsx(Checkbox, __assign({}, others, { disabled: cantEdit, classes: classes, checked: checked, onChange: onChange, required: true, icon: _jsx(CheckBoxOutlineBlankRoundedIcon, { fontSize: "inherit" }), checkedIcon: _jsx(CheckBoxRoundedIcon, { fontSize: "inherit" }) })));
 }
 /**
  * Generic datepicker with apps designs. Is class do to the use in the react-hook-forms library
@@ -94,7 +94,7 @@ var RoundedCheckBox = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     RoundedCheckBox.prototype.render = function () {
-        return _jsx(CustomCheckBox, __assign({}, this.props), void 0);
+        return _jsx(CustomCheckBox, __assign({}, this.props));
     };
     return RoundedCheckBox;
 }(React.Component));

package/dist/shared/RoundedDatePicker/RoundedDatePicker.js

@@ -298,7 +298,7 @@ function CustomDatePicker(_a) {
                 endAdornment: (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit", style: {
                         color: '#757575',
                         fontSize: 20,
-                    } }, void 0)),
+                    } })),
             }, FormHelperTextProps: {
                 classes: helperTextStyles,
             }, renderDay: function (day, selectedDate, dayInCurrentMonth, dayComponent) {
@@ -307,8 +307,8 @@ function CustomDatePicker(_a) {
                 }
                 return (_jsx("div", __assign({ onClick: function () {
                         onChange(day);
-                    } }, { children: cloneElement(dayComponent) }), void 0));
-            }, variant: "dialog" }), void 0));
+                    } }, { children: cloneElement(dayComponent) })));
+            }, variant: "dialog" })));
     }
     else {
         return (_jsx(DatePicker, __assign({}, others, { inputVariant: "outlined", size: "small", disabled: cantEdit, fullWidth: true, onChange: onChange, placeholder: format(new Date(), 'P', { locale: getLocale() }), format: "P", required: required, InputLabelProps: { classes: labelClasses }, DialogProps: {
@@ -323,7 +323,7 @@ function CustomDatePicker(_a) {
                 endAdornment: (_jsx(CalendarTodayRoundedIcon, { fontSize: "inherit", style: {
                         color: '#757575',
                         fontSize: 20,
-                    } }, void 0)),
+                    } })),
             }, FormHelperTextProps: {
                 classes: helperTextStyles,
             }, renderDay: function (day, selectedDate, dayInCurrentMonth, dayComponent) {
@@ -332,8 +332,8 @@ function CustomDatePicker(_a) {
                 }
                 return (_jsx("div", __assign({ onClick: function () {
                         onChange(day);
-                    } }, { children: cloneElement(dayComponent) }), void 0));
-            }, variant: "dialog" }), void 0));
+                    } }, { children: cloneElement(dayComponent) })));
+            }, variant: "dialog" })));
     }
 }
 /**
@@ -345,7 +345,7 @@ var RoundedDatePicker = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     RoundedDatePicker.prototype.render = function () {
-        return _jsx(CustomDatePicker, __assign({}, this.props), void 0);
+        return _jsx(CustomDatePicker, __assign({}, this.props));
     };
     return RoundedDatePicker;
 }(React.Component));

package/dist/shared/RoundedSelect/RoundedSelect.js

@@ -167,9 +167,9 @@ function CustomSelect(_a) {
             ? { minWidth: minWidth, outlineColor: outlineColor, margin: containerMargin }
             : {
                 margin: containerMargin,
-            }, fullWidth: true, required: required, error: error }, { children: [label && _jsx(InputLabel, __assign({ classes: labelClasses }, { children: label }), void 0), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate }, (showIcon && iconComponent
+            }, fullWidth: true, required: required, error: error }, { children: [label && _jsx(InputLabel, __assign({ classes: labelClasses }, { children: label })), _jsx(Select, __assign({}, others, { value: value, onChange: handleUpdate }, (showIcon && iconComponent
                 ? { IconComponent: iconComponent }
-                : {}), { input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label ? label + (required ? ' *' : '') : undefined, classes: outlinedInputClasses }, void 0) }, { children: children }), void 0), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText }), void 0))] }), void 0));
+                : {}), { input: _jsx(OutlinedInput, { disabled: cantEdit, name: label, label: label ? label + (required ? ' *' : '') : undefined, classes: outlinedInputClasses }) }, { children: children })), helperText !== undefined && (_jsx(FormHelperText, __assign({ classes: helperTextClasses }, { children: helperText })))] })));
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
@@ -180,7 +180,7 @@ var RoundedSelect = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     RoundedSelect.prototype.render = function () {
-        return _jsx(CustomSelect, __assign({}, this.props), void 0);
+        return _jsx(CustomSelect, __assign({}, this.props));
     };
     return RoundedSelect;
 }(React.Component));

package/dist/shared/RoundedSmartSelect/RoundedSmartSelect.js

@@ -144,7 +144,7 @@ export default function RoundedSmartSelect(_a) {
     };
     var textFieldClasses = useTextfieldStyles(props)();
     if (searchable) {
-        return (_jsx(Autocomplete, { size: "small", fullWidth: true, openOnFocus: true, freeSolo: creatable, disabled: cantEdit || disabled, popupIcon: loading ? (_jsx(CircularProgress, { size: 22, style: { color: '#757575' } }, void 0)) : showIcon && icon ? (icon) : undefined, onOpen: function () { }, loading: loading, loadingText: 'Cargando...', closeIcon: false, options: options, getOptionLabel: function (option) {
+        return (_jsx(Autocomplete, { 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) {
                 var _a, _b;
                 // Value selected with enter, right from the input
                 if (typeof option === 'string') {
@@ -159,7 +159,7 @@ export default function RoundedSmartSelect(_a) {
                 }
             }, getOptionSelected: getOptionSelected, PopperComponent: function (_a) {
                 var style = _a.style, props = __rest(_a, ["style"]);
-                return (_jsx(Popper, __assign({}, props, { style: __assign(__assign({}, style), { zIndex: 1305 }) }), void 0));
+                return (_jsx(Popper, __assign({}, props, { style: __assign(__assign({}, style), { zIndex: 1305 }) })));
             }, value: value ? value : null, onChange: function (event, newValue) {
                 if (creatable) {
                     if (typeof newValue === 'string') {
@@ -189,14 +189,14 @@ export default function RoundedSmartSelect(_a) {
                     if (creatable && params.inputValue !== '') {
                         filtered.push({
                             inputValue: params.inputValue,
-                            label: "Crear \"" + params.inputValue + "\"",
+                            label: "Crear \"".concat(params.inputValue, "\""),
                         });
                     }
                     return filtered;
                 }
             }, renderOption: function (option) {
                 return typeof option === 'string' ? option : option.label;
-            }, 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 }), void 0)); }, style: { pointerEvents: 'none' }, noOptionsText: "No hay opciones" }, void 0));
+            }, 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) {
@@ -209,6 +209,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" }, void 0) }), 'EMPTY'), options.map(function (option) { return (_jsx(MenuItem, __assign({ value: getValueString(option), style: { whiteSpace: 'normal' } }, { children: option.label }), getValueString(option))); })] }), void 0));
+                : 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))); })] })));
     }
 }

package/dist/shared/RoundedTextField/RoundedTextField.js

@@ -140,7 +140,7 @@ function CustomTextfield(_a) {
     if (maxLength) {
         inputProps.inputProps = { maxLength: maxLength };
     }
-    return (_jsxs("div", __assign({ style: { position: 'relative', width: '100%', maxWidth: '100%' } }, { children: [_jsx(TextField, __assign({ classes: classes }, others, { value: value !== null && value !== void 0 ? value : '', multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: inputProps }), void 0), length !== null && (_jsxs("div", __assign({ style: others.helperText
+    return (_jsxs("div", __assign({ style: { position: 'relative', width: '100%', maxWidth: '100%' } }, { children: [_jsx(TextField, __assign({ classes: classes }, others, { value: value !== null && value !== void 0 ? value : '', multiline: multiline, variant: "outlined", size: "small", fullWidth: true, InputProps: inputProps })), length !== null && (_jsxs("div", __assign({ style: others.helperText
                     ? {
                         position: 'absolute',
                         bottom: '3px',
@@ -155,7 +155,7 @@ function CustomTextfield(_a) {
                         paddingRight: '8px',
                         paddingTop: '2px',
                         paddingBottom: '2px',
-                    } }, { children: [length, "/", maxLength] }), void 0))] }), void 0));
+                    } }, { children: [length, "/", maxLength] })))] })));
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library
@@ -166,7 +166,7 @@ var RoundedTextField = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     RoundedTextField.prototype.render = function () {
-        return _jsx(CustomTextfield, __assign({}, this.props), void 0);
+        return _jsx(CustomTextfield, __assign({}, this.props));
     };
     return RoundedTextField;
 }(React.Component));

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@arquimedes.co/eureka-forms",
     "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-    "version": "1.9.14",
+    "version": "1.9.15",
     "scripts": {
         "start": "react-scripts start",
         "build": "react-scripts build",
@@ -27,7 +27,7 @@
         "react-google-recaptcha": "^2.1.0",
         "react-hook-form": "^7.6.4",
         "react-router-dom": "^5.2.0",
-        "react-scripts": "5.0.0-next.37",
+        "react-scripts": "5.0.1",
         "typescript": "^4.4.3"
     },
     "eslintConfig": {