carconnect-gatherleads-ui-lib 2.2.4 → 2.3.0

package/dist/carconnect-gatherleads-ui-lib.d.ts

@@ -279,6 +279,8 @@ export declare interface FormConfig {
         size?: 'default' | 'sm' | 'lg' | 'xl' | 'icon';
         /** Clases CSS adicionales */
         className?: string;
+        /** Deshabilita el botón */
+        disabled?: boolean;
         /**Permite esconder el boton */
         showButton?: boolean;
         /** Icono izquierdo */
@@ -695,8 +697,10 @@ export declare interface GatherInputFieldConfig extends BaseFieldConfig {
     maxLength?: number;
     /** Expresión regular para validar el formato del valor */
     pattern?: string;
+    /** Funcion para validar el formato del valor */
+    validateFn?: (value: string) => boolean | string;
     /** Mensaje que se muestra cuando el patrón no es válido */
-    patternMessage?: string;
+    errorMessage?: string;
     /** Valor numérico mínimo permitido (para inputs number) */
     min?: number;
     /** Valor numérico máximo permitido (para inputs number) */
@@ -1817,7 +1821,7 @@ export declare interface SelectInputOption {
     value: string;
     /** Patrón de expresión regular para validar el input asociado */
     validationPattern?: RegExp;
-    validateFn?: (value: string) => boolean;
+    validateFn?: (value: string) => boolean | string;
     /** Mensaje de error personalizado cuando la validación falla */
     errorMessage?: string;
     /** Texto placeholder específico para esta opción */

package/dist/carconnect-gatherleads-ui-lib.js

@@ -2793,16 +2793,22 @@ const Ph = (e) => {
         message: `${e.label} no puede tener más de ${r.maxLength} caracteres`
       }), r.pattern && (t.pattern = {
         value: new RegExp(r.pattern),
-        message: r.patternMessage || `${e.label} no tiene el formato correcto`
+        message: r.errorMessage || `${e.label} no tiene el formato correcto`
+      }), r.validateFn && (t.validate = (o) => {
+        const a = r.validateFn?.(o);
+        return typeof a == "string" ? a : a === !1 ? r.errorMessage || `El campo ${e.label} no es válido` : !0;
       });
       break;
     }
     case "email": {
       const r = e;
-      t.pattern = {
-        value: new RegExp(r.pattern || "^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$"),
-        message: r.patternMessage || "Ingresa un email válido"
-      };
+      r.pattern && (t.pattern = {
+        value: new RegExp(r.pattern),
+        message: r.errorMessage || "Ingresa un email válido"
+      }), r.validateFn && (t.validate = (o) => {
+        const a = r.validateFn?.(o);
+        return typeof a == "string" ? a : a === !1 ? r.errorMessage || `El campo ${e.label} no es válido` : !0;
+      });
       break;
     }
     case "number": {
@@ -2810,7 +2816,16 @@ const Ph = (e) => {
       t.validate = (o) => {
         if (o === "" || o === null || o === void 0) return !0;
         const a = Number(o);
-        return isNaN(a) ? "Debe ser un número válido" : r.min !== void 0 && a < r.min ? `Debe ser mayor o igual a ${r.min}` : r.max !== void 0 && a > r.max ? `Debe ser menor o igual a ${r.max}` : !0;
+        if (isNaN(a)) return "Debe ser un número válido";
+        if (r.min !== void 0 && a < r.min)
+          return `Debe ser mayor o igual a ${r.min}`;
+        if (r.max !== void 0 && a > r.max)
+          return `Debe ser menor o igual a ${r.max}`;
+        if (r.validateFn) {
+          const s = r.validateFn?.(o);
+          return typeof s == "string" ? s : s === !1 ? r.errorMessage || `El campo ${e.label} no es válido` : !0;
+        }
+        return !0;
       };
       break;
     }
@@ -3482,7 +3497,7 @@ function bg({
   );
 }
 const vg = wt(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed  disabled:opacity-50 ",
   {
     variants: {
       variant: {
@@ -3524,7 +3539,10 @@ const vg = wt(
   }, d) => /* @__PURE__ */ S(
     bg,
     {
-      className: te(vg({ variant: t, size: r, className: e })),
+      className: te(
+        vg({ variant: t, size: r }),
+        e
+      ),
       ref: d,
       disabled: l || a,
       asChild: o,
@@ -9094,7 +9112,6 @@ const b0 = {
         const W = Array.isArray(N) ? N : [];
         d?.(W);
       } else {
-        console.log({ newValue: N });
         const W = N ? [N] : [];
         d?.(W.length > 0 ? W : null);
       }
@@ -19622,7 +19639,6 @@ const _T = ({
   clearErrors: a
 }) => {
   const s = (n) => {
-    console.log({ error: r });
     const u = {
       placeholder: e.placeholder,
       disabled: e.disabled,
@@ -19692,8 +19708,11 @@ const _T = ({
                         (y) => y.value === g
                       );
                       if (v?.validateFn) {
-                        if (!v.validateFn(m))
+                        const y = v.validateFn(m);
+                        if (y === !1)
                           return v.errorMessage || `${c.label || c.name} no es válido para ${v.label}`;
+                        if (typeof y == "string")
+                          return y;
                       } else if (v?.validationPattern && !v.validationPattern.test(m))
                         return v.errorMessage || `${c.label || c.name} no es válido para ${v.label}`;
                       if (v?.maxLength && m.length > v.maxLength)
@@ -19987,7 +20006,7 @@ const _T = ({
               {
                 type: "button",
                 onClick: v,
-                disabled: p || s || n,
+                disabled: p || s || e.actionButton.disabled,
                 variant: e.actionButton.variant || "gather-outline",
                 size: e.actionButton.size || "default",
                 leftIcon: e.actionButton.leftIcon,
@@ -20008,7 +20027,7 @@ const _T = ({
                 leftIcon: e.submitButton?.leftIcon,
                 rightIcon: e.submitButton?.rightIcon,
                 className: te("min-w-52", e.submitButton?.className),
-                children: e.submitButton?.text || "Enviar"
+                children: e.submitButton?.text || e.submitButton?.children || "Enviar"
               }
             )
           ] })