@arquimedes.co/eureka-forms 1.9.119 → 1.9.120

package/dist/FormComponents/Step/AYFStepMapper.js

@@ -137,7 +137,7 @@ 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, icon: _jsx(DescriptionIcon, { style: { color: '#757575', fontSize: 23 } }) })));
+            return (_jsx(TextInputStep, __assign({}, props, { step: props.step, maxLength: 50, 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/FormComponents/Step/TextInputStep/MaterialTextInputStep/MaterialTextInputStep.d.ts

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

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

@@ -27,15 +27,13 @@ import { Controller } from 'react-hook-form';
 import { calcStepWidth } from '../../StepFunctions';
 import { useState } from 'react';
 function TextInputStep(_a) {
-    var icon = _a.icon, step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, formStyle = _a.formStyle, widthStats = _a.widthStats, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore;
-    var _c = useState(null), timer = _c[0], setTimer = _c[1];
+    var icon = _a.icon, step = _a.step, form = _a.form, errors = _a.errors, control = _a.control, editable = _a.editable, postview = _a.postview, maxLength = _a.maxLength, formStyle = _a.formStyle, widthStats = _a.widthStats, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, dependencyStore = _a.dependencyStore, setDependencyStore = _a.setDependencyStore, _c = _a.validation, validation = _c === void 0 ? step.validation : _c;
+    var _d = useState(null), timer = _d[0], setTimer = _d[1];
     return (_jsx("div", __assign({ className: styles.container, style: {
             width: widthStats.currentBreakPoint <= step.size
                 ? '100%'
                 : calcStepWidth(step.size, form.size),
-            minHeight: (!postview &&
-                editable &&
-                (step.required || step.validation)) ||
+            minHeight: (!postview && editable && (step.required || validation)) ||
                 step.description
                 ? '55px'
                 : '43px',
@@ -43,10 +41,10 @@ function TextInputStep(_a) {
                 required: step.required
                     ? 'Este campo es obligatorio'
                     : undefined,
-                pattern: step.validation
+                pattern: validation
                     ? {
-                        value: new RegExp(step.validation.value),
-                        message: step.validation.message,
+                        value: new RegExp(validation.value),
+                        message: validation.message,
                     }
                     : undefined,
             }, shouldUnregister: true, render: function (_a) {
@@ -68,7 +66,7 @@ function TextInputStep(_a) {
                             }, 1000));
                         }
                         field.onChange(value);
-                    }, "data-testid": step.id, label: step.label, inputRef: ref, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
+                    }, maxLength: maxLength, "data-testid": step.id, label: step.label, inputRef: ref, cantEdit: !editable || postview, required: step.required, fontWeight: 400, focusColor: formStyle.primaryColor, outlineColor: formStyle.outlineColor, textColor: formStyle.textColor, errorColor: formStyle.errorColor, backgroundColor: formStyle.stepBackgroundColor, helperText: errors[step.id]
                         ? errors[step.id].message
                         : step.description, helperTextColor: formStyle.descriptionTextColor, error: !!errors[step.id], icon: step.showIcon ? icon : undefined })));
             } }) })));

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

@@ -8,6 +8,10 @@ export interface TextInputStepProps extends StepProps {
     icon?: React.ReactNode;
     /** Default value to display */
     defaultValue?: string;
+    /** Custom Validation to display */
+    validation?: TextInput['validation'];
+    /** Custom step Max char length */
+    maxLength?: number;
 }
 declare function TextInputStep(props: TextInputStepProps): JSX.Element;
 export default TextInputStep;

package/package.json

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