@arquimedes.co/eureka-forms 1.9.120 → 1.9.122

package/dist/FormComponents/Step/AYFStepMapper.js

@@ -137,7 +137,11 @@ function AYFStepMapper(props) {
         case AYFFormStepTypes.AYF_YEAR:
             return (_jsx(TextInputStep, __assign({}, props, { step: props.step, defaultValue: new Date().getFullYear().toString() })));
         case AYFFormStepTypes.AYF_BILL_NUM:
-            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, maxLength: 50, icon: _jsx(DescriptionIcon, { style: { color: '#757575', fontSize: 23 } }) })));
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, validation: {
+                    value: '^\\S*$',
+                    type: 'OTHER',
+                    message: 'No se permiten espacios',
+                }, maxLength: 30, icon: _jsx(DescriptionIcon, { style: { color: '#757575', fontSize: 23 } }) })));
         case AYFFormStepTypes.AYF_CUT_OFF_DATE:
             return (_jsx(DatePickerStep, __assign({}, props, { step: props.step, defaultValue: new Date() })));
         case AYFFormStepTypes.AYF_ICA_CITY:

package/dist/shared/RoundedTextField/RoundedTextField.js

@@ -35,7 +35,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import TextField from '@material-ui/core/TextField';
@@ -103,6 +103,7 @@ var useTextfieldStyles = function (props) {
             },
             '& .EF-MuiFormHelperText-root': {
                 color: props.helperTextColor,
+                position: 'relative',
                 marginRight: props.maxLength ? 40 : 14,
             },
             '& .EF-MuiFormHelperText-root.Mui-error': {
@@ -142,22 +143,20 @@ 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 })), length !== null && (_jsxs("div", __assign({ style: others.helperText
-                    ? {
-                        position: 'absolute',
-                        bottom: '3px',
-                        right: '8px',
-                        fontSize: '12px',
-                        color: helperTextColor,
-                    }
-                    : {
-                        fontSize: '12px',
-                        color: helperTextColor,
-                        textAlign: 'right',
-                        paddingRight: '8px',
-                        paddingTop: '2px',
-                        paddingBottom: '2px',
-                    } }, { children: [length, "/", 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, helperText: others.helperText ? (_jsxs(React.Fragment, { children: [others.helperText, length !== null && (_jsxs("div", __assign({ style: {
+                                position: 'absolute',
+                                top: '-3px',
+                                right: '-32px',
+                                fontSize: '12px',
+                                color: helperTextColor,
+                            } }, { children: [length, "/", maxLength] })))] })) : undefined })), length !== null && !others.helperText && (_jsxs("div", __assign({ style: {
+                    fontSize: '12px',
+                    color: helperTextColor,
+                    textAlign: 'right',
+                    paddingRight: '8px',
+                    paddingTop: '2px',
+                    paddingBottom: '2px',
+                } }, { children: [length, "/", maxLength] })))] })));
 }
 /**
  * Generic textfield with apps designs. Is class do to the use in the react-hook-forms library

package/package.json

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