@visiion/forms-library 1.4.12 → 1.4.14

package/dist/index.esm.js

@@ -10329,7 +10329,6 @@ function maskRut(rut) {
 
 var RutInput = function (_a) {
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, onSearch = _a.onSearch, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "0.000.000-0" : _c, _d = _a.minLength, minLength = _d === void 0 ? 12 : _d, _e = _a.maxLength, maxLength = _e === void 0 ? 12 : _e;
-    console.log(value);
     // crear variable que si value tiene -error-no-empleador sea true
     var errorEmpleador = value.includes("-error-no-empleador") ? true : false;
     //sacar el -error-no-empleador de value
@@ -19964,7 +19963,7 @@ var Alert = function (_a) {
 
 var DatePicker = function (_a) {
     var id = _a.id, name = _a.name, label = _a.label, value = _a.value, onChange = _a.onChange, error = _a.error, disabled = _a.disabled, required = _a.required, placeholder = _a.placeholder, props = _a.props;
-    return (jsx(InputWrapper, { id: id, label: label, error: error, children: jsx("input", { id: id, name: name, type: "date", value: value || "", onChange: onChange, disabled: disabled, required: required, placeholder: placeholder, max: props === null || props === void 0 ? void 0 : props.maxDate, min: props === null || props === void 0 ? void 0 : props.minDate, className: "w-full px-3 py-2 font-roboto font-normal text-gray-800 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }) }));
+    return (jsxs(InputWrapper, { id: id, label: label, error: error, children: [jsx("input", { id: id, name: name, type: "date", value: value || "", onChange: onChange, disabled: disabled, required: required, placeholder: placeholder, max: props === null || props === void 0 ? void 0 : props.maxDate, min: props === null || props === void 0 ? void 0 : props.minDate, className: "w-full px-3 py-2 font-roboto font-normal text-gray-800 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }), error && jsx("p", { className: "text-red-500 text-sm", children: error })] }));
 };
 
 var SwornDeclaration = function (_a) {
@@ -23044,7 +23043,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
@@ -23052,6 +23052,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

@@ -10348,7 +10348,6 @@ function maskRut(rut) {
 
 var RutInput = function (_a) {
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, onSearch = _a.onSearch, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "0.000.000-0" : _c, _d = _a.minLength, minLength = _d === void 0 ? 12 : _d, _e = _a.maxLength, maxLength = _e === void 0 ? 12 : _e;
-    console.log(value);
     // crear variable que si value tiene -error-no-empleador sea true
     var errorEmpleador = value.includes("-error-no-empleador") ? true : false;
     //sacar el -error-no-empleador de value
@@ -19983,7 +19982,7 @@ var Alert = function (_a) {
 
 var DatePicker = function (_a) {
     var id = _a.id, name = _a.name, label = _a.label, value = _a.value, onChange = _a.onChange, error = _a.error, disabled = _a.disabled, required = _a.required, placeholder = _a.placeholder, props = _a.props;
-    return (jsxRuntime.jsx(InputWrapper, { id: id, label: label, error: error, children: jsxRuntime.jsx("input", { id: id, name: name, type: "date", value: value || "", onChange: onChange, disabled: disabled, required: required, placeholder: placeholder, max: props === null || props === void 0 ? void 0 : props.maxDate, min: props === null || props === void 0 ? void 0 : props.minDate, className: "w-full px-3 py-2 font-roboto font-normal text-gray-800 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }) }));
+    return (jsxRuntime.jsxs(InputWrapper, { id: id, label: label, error: error, children: [jsxRuntime.jsx("input", { id: id, name: name, type: "date", value: value || "", onChange: onChange, disabled: disabled, required: required, placeholder: placeholder, max: props === null || props === void 0 ? void 0 : props.maxDate, min: props === null || props === void 0 ? void 0 : props.minDate, className: "w-full px-3 py-2 font-roboto font-normal text-gray-800 text-sm border rounded-md focus:outline-none focus:ring-2 focus:ring-orange-500 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }), error && jsxRuntime.jsx("p", { className: "text-red-500 text-sm", children: error })] }));
 };
 
 var SwornDeclaration = function (_a) {
@@ -23063,7 +23062,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
@@ -23071,6 +23071,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.12",
+  "version": "1.4.14",
   "description": "Librería de componentes de formularios reutilizables",
   "type": "module",
   "main": "dist/index.js",