@visiion/forms-library 1.4.11 → 1.4.13

package/dist/index.esm.js

@@ -10165,7 +10165,7 @@ var RadioOption = function (_a) {
 
 var TextInput = function (_a) {
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error;
-    return (jsx(TextInputField, { id: field.id, name: field.name, label: field.label, type: "text", placeholder: field.placeholder, value: value, onChange: onChange, helperText: error, disabled: field.disabled, color: error ? "failure" : undefined, addon: field.addon, required: field.required }));
+    return (jsx(TextInputField, __assign({ id: field.id, name: field.name, label: field.label, type: field.type || "text", placeholder: field.placeholder, value: value, onChange: onChange, helperText: error, disabled: field.disabled, color: error ? "failure" : undefined, addon: field.addon, required: field.required }, field.props)));
 };
 
 // THIS FILE IS AUTO GENERATED
@@ -22800,6 +22800,7 @@ var createValidationSchema = function (fields) {
         return true;
     });
     validFields.forEach(function (field) {
+        var _a, _b, _c;
         if (field.validations && field.validations.length > 0) {
             // Determinar el tipo de esquema basado en el tipo de campo
             var fieldSchema_1;
@@ -22808,7 +22809,7 @@ var createValidationSchema = function (fields) {
                 case "checklist":
                     fieldSchema_1 = create$2()
                         .of(create$6())
-                        .min(1, field.validations[0].params[0] ||
+                        .min(1, ((_c = (_b = (_a = field.validations) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.params) === null || _c === void 0 ? void 0 : _c[0]) ||
                         "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
                     break;
                 case "declaration":
@@ -23043,7 +23044,8 @@ var GenericForm = function (_a) {
         }
     }, [stepperData, config.fields]);
     var handleInputChange = function (e) {
-        var _a = e.target, name = _a.name, value = _a.value, type = _a.type;
+        var _a;
+        var _b = e.target, name = _b.name, value = _b.value, type = _b.type;
         var checked = type === "checkbox" ? e.target.checked : undefined;
         var newValue = type === "checkbox" ? checked : value;
         // Actualizar estado local
@@ -23051,6 +23053,12 @@ var GenericForm = function (_a) {
             var _a;
             return (__assign(__assign({}, prevData), (_a = {}, _a[name] = newValue, _a)));
         });
+        if (config.onCallback) {
+            var field = (_a = config === null || config === void 0 ? void 0 : config.fields) === null || _a === void 0 ? void 0 : _a.find(function (field) { return field.name === name; });
+            if (field) {
+                config.onCallback(field, newValue, __assign(__assign({}, stepperData), formData));
+            }
+        }
         // Limpiar error del campo
         if (errors[name]) {
             setErrors(function (prev) {

package/dist/index.js

@@ -10184,7 +10184,7 @@ var RadioOption = function (_a) {
 
 var TextInput = function (_a) {
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error;
-    return (jsxRuntime.jsx(TextInputField, { id: field.id, name: field.name, label: field.label, type: "text", placeholder: field.placeholder, value: value, onChange: onChange, helperText: error, disabled: field.disabled, color: error ? "failure" : undefined, addon: field.addon, required: field.required }));
+    return (jsxRuntime.jsx(TextInputField, __assign({ id: field.id, name: field.name, label: field.label, type: field.type || "text", placeholder: field.placeholder, value: value, onChange: onChange, helperText: error, disabled: field.disabled, color: error ? "failure" : undefined, addon: field.addon, required: field.required }, field.props)));
 };
 
 // THIS FILE IS AUTO GENERATED
@@ -22819,6 +22819,7 @@ var createValidationSchema = function (fields) {
         return true;
     });
     validFields.forEach(function (field) {
+        var _a, _b, _c;
         if (field.validations && field.validations.length > 0) {
             // Determinar el tipo de esquema basado en el tipo de campo
             var fieldSchema_1;
@@ -22827,7 +22828,7 @@ var createValidationSchema = function (fields) {
                 case "checklist":
                     fieldSchema_1 = create$2()
                         .of(create$6())
-                        .min(1, field.validations[0].params[0] ||
+                        .min(1, ((_c = (_b = (_a = field.validations) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.params) === null || _c === void 0 ? void 0 : _c[0]) ||
                         "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
                     break;
                 case "declaration":
@@ -23062,7 +23063,8 @@ var GenericForm = function (_a) {
         }
     }, [stepperData, config.fields]);
     var handleInputChange = function (e) {
-        var _a = e.target, name = _a.name, value = _a.value, type = _a.type;
+        var _a;
+        var _b = e.target, name = _b.name, value = _b.value, type = _b.type;
         var checked = type === "checkbox" ? e.target.checked : undefined;
         var newValue = type === "checkbox" ? checked : value;
         // Actualizar estado local
@@ -23070,6 +23072,12 @@ var GenericForm = function (_a) {
             var _a;
             return (__assign(__assign({}, prevData), (_a = {}, _a[name] = newValue, _a)));
         });
+        if (config.onCallback) {
+            var field = (_a = config === null || config === void 0 ? void 0 : config.fields) === null || _a === void 0 ? void 0 : _a.find(function (field) { return field.name === name; });
+            if (field) {
+                config.onCallback(field, newValue, __assign(__assign({}, stepperData), formData));
+            }
+        }
         // Limpiar error del campo
         if (errors[name]) {
             setErrors(function (prev) {

package/dist/types/index.d.ts

@@ -22,6 +22,11 @@ export interface IFormField {
         value?: string | any;
         formData?: any;
     }) => void;
+    onCallback?: ({ value, formData, }: {
+        field?: IFormField;
+        value?: string | any;
+        formData?: any;
+    }) => void;
     onAddressChange?: (address: any) => void;
     showMap?: boolean;
     mapHeight?: string;
@@ -73,6 +78,7 @@ export interface IFormConfig {
     onOut?: () => void;
     onEnd?: () => void;
     onSearch?: (field: IFormField, value: string, formData: any) => void;
+    onCallback?: (field: IFormField, value: string | any, formData: any) => void;
     initialData?: any;
 }
 export interface IStepProps {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visiion/forms-library",
-  "version": "1.4.11",
+  "version": "1.4.13",
   "description": "Librería de componentes de formularios reutilizables",
   "type": "module",
   "main": "dist/index.js",