@visiion/forms-library 1.4.3 → 1.4.5

package/dist/components/Inputs/DatePicker.d.ts

@@ -4,6 +4,7 @@ interface DatePickerProps extends IFormField {
     value: string;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     error?: string;
+    props?: any;
 }
 declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;

package/dist/components/Inputs/StatusScreen.d.ts

@@ -11,6 +11,9 @@ interface StatusScreenProps {
         label: string;
         onClick: () => void;
     };
+    onSearch?: ({ value }: {
+        value: any;
+    }) => void;
 }
 declare const StatusScreen: React.FC<StatusScreenProps>;
 export default StatusScreen;

package/dist/index.esm.js

@@ -10345,14 +10345,14 @@ var RutInput = function (_a) {
     // Manejar búsqueda
     var handleSearch = function () {
         if (onSearch && value && isValidRut) {
-            onSearch(clean(displayValue));
+            onSearch({ value: clean(displayValue) });
         }
     };
     // Manejar tecla Enter para búsqueda
     var handleKeyDown = function (e) {
         if (e.key === "Enter" && onSearch && value && isValidRut) {
             e.preventDefault();
-            onSearch(clean(displayValue));
+            onSearch({ value: clean(displayValue) });
         }
     };
     return (jsxs("div", { className: "flex flex-col gap-1", children: [jsx("label", { htmlFor: field.id, className: "font-medium text-gray-700", children: field.label }), jsxs("div", { className: "flex", children: [jsx("input", { ref: inputRef, id: field.id, name: field.name, type: "text", value: displayValue || "", onChange: handleRutChange, onKeyDown: handleKeyDown, placeholder: placeholder, minLength: minLength, maxLength: maxLength, disabled: disabled, className: "flex-1 px-3 py-2 border rounded-l-md focus:outline-none focus:ring-2 focus:ring-orange-500 h-10 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }), onSearch && (jsx(Button, { type: "button", color: "blue", className: "flex items-center justify-center w-10 h-10 rounded-none rounded-tr-md rounded-br-md border-l-0", onClick: handleSearch, disabled: !isValidRut || disabled, children: jsx(IoMdSearch, { className: "w-5 h-5" }) }))] }), error && jsx("span", { className: "text-red-500 text-sm", children: error }), displayValue && !error && (jsx("span", { className: "text-sm ".concat(isValidRut ? "text-green-600" : "text-orange-600"), children: isValidRut ? "✓ RUT válido" : "⚠ Verificar formato del RUT" }))] }));
@@ -19637,8 +19637,8 @@ const identity = (arg) => arg;
 function useStore(api, selector = identity) {
   const slice = React.useSyncExternalStore(
     api.subscribe,
-    () => selector(api.getState()),
-    () => selector(api.getInitialState())
+    React.useCallback(() => selector(api.getState()), [api, selector]),
+    React.useCallback(() => selector(api.getInitialState()), [api, selector])
   );
   React.useDebugValue(slice);
   return slice;
@@ -19751,7 +19751,9 @@ var AddressInput = function (_a) {
                 localStorage.setItem("lastLocation", JSON.stringify(newLocation));
                 var addressComponents = extractAddressComponents(place, newLocation);
                 if (onSearch) {
-                    onSearch(__assign(__assign({}, addressComponents), { value: place.formatted_address }));
+                    onSearch({
+                        value: __assign(__assign({}, addressComponents), { address: place.formatted_address }),
+                    });
                 }
             }
         }
@@ -19789,7 +19791,9 @@ var AddressInput = function (_a) {
                     if (address) {
                         addressComponents = extractAddressComponents(address, newLocation);
                         if (onSearch) {
-                            onSearch(__assign(__assign({}, addressComponents), { value: address.formatted_address }));
+                            onSearch({
+                                value: __assign(__assign({}, addressComponents), { address: address.formatted_address }),
+                            });
                         }
                     }
                     return [3 /*break*/, 4];
@@ -19826,7 +19830,9 @@ var AddressInput = function (_a) {
                     if (response.results[0]) {
                         addressComponents = extractAddressComponents(response.results[0], newLocation);
                         if (onSearch) {
-                            onSearch(__assign(__assign({}, addressComponents), { value: response.results[0].formatted_address }));
+                            onSearch({
+                                value: __assign(__assign({}, addressComponents), { address: response.results[0].formatted_address }),
+                            });
                         }
                     }
                     return [3 /*break*/, 4];
@@ -19952,8 +19958,8 @@ 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;
-    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, 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" : "") }) }));
+    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" : "") }) }));
 };
 
 var SwornDeclaration = function (_a) {
@@ -19982,7 +19988,7 @@ var SwornDeclaration = function (_a) {
 };
 
 var StatusScreen = function (_a) {
-    var title = _a.title, message = _a.message, _b = _a.type, type = _b === void 0 ? "info" : _b, leftButton = _a.leftButton, rightButton = _a.rightButton;
+    var title = _a.title, message = _a.message, _b = _a.type, type = _b === void 0 ? "info" : _b, leftButton = _a.leftButton, rightButton = _a.rightButton, onSearch = _a.onSearch;
     var getStatusStyles = function () {
         switch (type) {
             case "success":
@@ -20007,7 +20013,11 @@ var StatusScreen = function (_a) {
                 return (jsx("svg", { className: "w-28 h-28 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }));
         }
     };
-    return (jsx("div", { className: "col-span-12", children: jsxs("div", { className: "flex flex-col items-center p-8  ".concat(getStatusStyles()), children: [jsx("div", { className: "mb-4", children: getIcon() }), title && (jsx("h2", { className: "text-2xl font-bold text-center mb-4", children: title })), message && jsx("p", { className: "text-center mb-6 max-w-md", children: message }), (leftButton || rightButton) && (jsxs("div", { className: "flex space-x-4", children: [leftButton && (jsx("button", { onClick: leftButton.onClick, className: "px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500", children: leftButton.label })), rightButton && (jsx("button", { onClick: rightButton.onClick, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500", children: rightButton.label }))] }))] }) }));
+    return (jsx("div", { className: "col-span-12", children: jsxs("div", { className: "flex flex-col items-center p-8  ".concat(getStatusStyles()), children: [jsx("div", { className: "mb-4", children: getIcon() }), title && (jsx("h2", { className: "text-2xl font-bold text-center mb-4", children: title })), message && jsx("p", { className: "text-center mb-6 max-w-md", children: message }), (leftButton || rightButton) && (jsxs("div", { className: "flex space-x-4", children: [leftButton && (jsx("button", { onClick: function () {
+                                onSearch === null || onSearch === void 0 ? void 0 : onSearch({ value: "LEFT" });
+                            }, className: "px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500", children: leftButton.label })), rightButton && (jsx("button", { onClick: function () {
+                                onSearch === null || onSearch === void 0 ? void 0 : onSearch({ value: "RIGHT" });
+                            }, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500", children: rightButton.label }))] }))] }) }));
 };
 
 var Typography = function (_a) {
@@ -20021,6 +20031,7 @@ var Checklist = function (_a) {
     var _c = useState(value), selectedOptions = _c[0], setSelectedOptions = _c[1];
     var _d = useState(props.valueOtraMedida), otraMedida = _d[0], setOtraMedida = _d[1];
     var options = field.options || [];
+    var isOtraMedidaRequired = selectedOptions.includes("otra-medida");
     useEffect(function () {
         setSelectedOptions(value);
     }, [value]);
@@ -20044,6 +20055,10 @@ var Checklist = function (_a) {
         }
         else {
             newSelectedOptions = selectedOptions.filter(function (opt) { return opt !== optionValue; });
+            // Si se deselecciona "otra-medida", limpiar el texto
+            if (optionValue === "otra-medida") {
+                setOtraMedida("");
+            }
         }
         setSelectedOptions(newSelectedOptions);
         onChange === null || onChange === void 0 ? void 0 : onChange(newSelectedOptions);
@@ -20052,17 +20067,17 @@ var Checklist = function (_a) {
         var _a;
         setOtraMedida(text);
         // Actualizar el valor con la otra medida
-        var updatedOptions = selectedOptions.filter(function (opt) { return opt !== "otra-medida"; });
+        var updatedOptions = selectedOptions.filter(function (opt) { return !opt.startsWith("otra-medida-value-"); });
+        // Solo agregar "otra-medida" si hay texto
         if (text.trim()) {
-            updatedOptions.push("otra-medida");
+            updatedOptions.push("otra-medida-value-".concat(text));
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(updatedOptions);
         (_a = props.onOtraMedidaChange) === null || _a === void 0 ? void 0 : _a.call(props, text);
     };
-    var isOtraMedidaRequired = selectedOptions.includes("otra-medida");
     return (jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), onChange: function (e) {
                                 return handleOptionChange(option.value, e.target.checked);
-                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsx("div", { className: "mt-4", children: jsx("input", { type: "text", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "-", maxLength: 100, className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500" }) })), error && jsx("div", { className: "text-red-600 text-sm mt-2", children: error })] }));
+                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsx("div", { className: "mt-4", children: jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
 };
 
 var Upload = function (_a) {
@@ -20847,19 +20862,20 @@ function createValidation(config) {
       abortEarly = schema.spec.abortEarly,
       disableStackTrace = schema.spec.disableStackTrace
     } = options;
-    function resolve(item) {
-      return Reference.isRef(item) ? item.getValue(value, parent, context) : item;
-    }
+    const resolveOptions = {
+      value,
+      parent,
+      context
+    };
     function createError(overrides = {}) {
-      const nextParams = Object.assign({
+      const nextParams = resolveParams(Object.assign({
         value,
         originalValue,
         label: schema.spec.label,
         path: overrides.path || path,
         spec: schema.spec,
         disableStackTrace: overrides.disableStackTrace || disableStackTrace
-      }, params, overrides.params);
-      for (const key of Object.keys(nextParams)) nextParams[key] = resolve(nextParams[key]);
+      }, params, overrides.params), resolveOptions);
       const error = new ValidationError(ValidationError.formatError(overrides.message || message, nextParams), value, nextParams.path, overrides.type || name, nextParams.disableStackTrace);
       error.params = nextParams;
       return error;
@@ -20871,7 +20887,9 @@ function createValidation(config) {
       type: name,
       from: options.from,
       createError,
-      resolve,
+      resolve(item) {
+        return resolveMaybeRef(item, resolveOptions);
+      },
       options,
       originalValue,
       schema
@@ -20906,6 +20924,18 @@ function createValidation(config) {
   return validate;
 }
 
+// Warning: mutates the input
+function resolveParams(params, options) {
+  if (!params) return params;
+  for (const key of Object.keys(params)) {
+    params[key] = resolveMaybeRef(params[key], options);
+  }
+  return params;
+}
+function resolveMaybeRef(item, options) {
+  return Reference.isRef(item) ? item.getValue(options.value, options.parent, options.context) : item;
+}
+
 function getIn(schema, path, value, context = value) {
   let parent, lastPart, lastPartDebug;
 
@@ -21019,6 +21049,87 @@ function clone(src, seen = new Map()) {
   return copy;
 }
 
+/**
+ * Copied from @standard-schema/spec to avoid having a dependency on it.
+ * https://github.com/standard-schema/standard-schema/blob/main/packages/spec/src/index.ts
+ */
+
+function createStandardPath(path) {
+  if (!(path != null && path.length)) {
+    return undefined;
+  }
+
+  // Array to store the final path segments
+  const segments = [];
+  // Buffer for building the current segment
+  let currentSegment = '';
+  // Track if we're inside square brackets (array/property access)
+  let inBrackets = false;
+  // Track if we're inside quotes (for property names with special chars)
+  let inQuotes = false;
+  for (let i = 0; i < path.length; i++) {
+    const char = path[i];
+    if (char === '[' && !inQuotes) {
+      // When entering brackets, push any accumulated segment after splitting on dots
+      if (currentSegment) {
+        segments.push(...currentSegment.split('.').filter(Boolean));
+        currentSegment = '';
+      }
+      inBrackets = true;
+      continue;
+    }
+    if (char === ']' && !inQuotes) {
+      if (currentSegment) {
+        // Handle numeric indices (e.g. arr[0])
+        if (/^\d+$/.test(currentSegment)) {
+          segments.push(currentSegment);
+        } else {
+          // Handle quoted property names (e.g. obj["foo.bar"])
+          segments.push(currentSegment.replace(/^"|"$/g, ''));
+        }
+        currentSegment = '';
+      }
+      inBrackets = false;
+      continue;
+    }
+    if (char === '"') {
+      // Toggle quote state for handling quoted property names
+      inQuotes = !inQuotes;
+      continue;
+    }
+    if (char === '.' && !inBrackets && !inQuotes) {
+      // On dots outside brackets/quotes, push current segment
+      if (currentSegment) {
+        segments.push(currentSegment);
+        currentSegment = '';
+      }
+      continue;
+    }
+    currentSegment += char;
+  }
+
+  // Push any remaining segment after splitting on dots
+  if (currentSegment) {
+    segments.push(...currentSegment.split('.').filter(Boolean));
+  }
+  return segments;
+}
+function createStandardIssues(error, parentPath) {
+  const path = parentPath ? `${parentPath}.${error.path}` : error.path;
+  return error.errors.map(err => ({
+    message: err,
+    path: createStandardPath(path)
+  }));
+}
+function issuesFromValidationError(error, parentPath) {
+  var _error$inner;
+  if (!((_error$inner = error.inner) != null && _error$inner.length) && error.errors.length) {
+    return createStandardIssues(error, parentPath);
+  }
+  const path = parentPath ? `${parentPath}.${error.path}` : error.path;
+  return error.inner.flatMap(err => issuesFromValidationError(err, path));
+}
+
 // If `CustomSchemaMeta` isn't extended with any keys, we'll fall back to a
 // loose Record definition allowing free form usage.
 class Schema {
@@ -21586,13 +21697,41 @@ class Schema {
       type: next.type,
       oneOf: next._whitelist.describe(),
       notOneOf: next._blacklist.describe(),
-      tests: next.tests.map(fn => ({
-        name: fn.OPTIONS.name,
-        params: fn.OPTIONS.params
-      })).filter((n, idx, list) => list.findIndex(c => c.name === n.name) === idx)
+      tests: next.tests.filter((n, idx, list) => list.findIndex(c => c.OPTIONS.name === n.OPTIONS.name) === idx).map(fn => {
+        const params = fn.OPTIONS.params && options ? resolveParams(Object.assign({}, fn.OPTIONS.params), options) : fn.OPTIONS.params;
+        return {
+          name: fn.OPTIONS.name,
+          params
+        };
+      })
     };
     return description;
   }
+  get ['~standard']() {
+    const schema = this;
+    const standard = {
+      version: 1,
+      vendor: 'yup',
+      async validate(value) {
+        try {
+          const result = await schema.validate(value, {
+            abortEarly: false
+          });
+          return {
+            value: result
+          };
+        } catch (err) {
+          if (err instanceof ValidationError) {
+            return {
+              issues: issuesFromValidationError(err)
+            };
+          }
+          throw err;
+        }
+      }
+    };
+    return standard;
+  }
 }
 // @ts-expect-error
 Schema.prototype.__isYupSchema__ = true;
@@ -22576,7 +22715,10 @@ var createValidationSchema = function (fields) {
             switch (field.type) {
                 case "checkbox":
                 case "checklist":
-                    fieldSchema_1 = create$2().of(create$6());
+                    fieldSchema_1 = create$2()
+                        .of(create$6())
+                        .min(1, field.validations[0].params[0] ||
+                        "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
                     break;
                 case "upload":
                     fieldSchema_1 = create$8();
@@ -22620,6 +22762,24 @@ var createValidationSchema = function (fields) {
                                 return validate(clean(value));
                             });
                         }
+                        else if (customValidator === "otra-medida") {
+                            fieldSchema_1 = fieldSchema_1.test("otra-medida", validation.params[1] ||
+                                "Debe detallar cuál es la medida de resguardo", function (value) {
+                                // Si no incluye "otra-medida", la validación pasa
+                                if (!value.includes("otra-medida"))
+                                    return true;
+                                // Si incluye "otra-medida", debe tener "otra-medida-value-text" con texto
+                                var otraMedidaValue = value.find(function (opt) {
+                                    return opt.startsWith("otra-medida-value-");
+                                });
+                                if (otraMedidaValue) {
+                                    var text = otraMedidaValue.split("otra-medida-value-")[1];
+                                    return text && text.trim() !== "";
+                                }
+                                // Si incluye "otra-medida" pero no tiene "otra-medida-value-text" con texto
+                                return false;
+                            });
+                        }
                         else {
                             fieldSchema_1 = fieldSchema_1.test("custom", validation.params[1] ||
                                 "Validaci\u00F3n fallida para ".concat(field.label || field.name || "sin nombre"), function (value) {
@@ -22678,6 +22838,13 @@ var commonValidations = {
         type: "pattern",
         params: [regex, message || "Formato inválido"],
     }); },
+    otraMedidaRequired: function (message) { return ({
+        type: "custom",
+        params: [
+            "otra-medida",
+            message || "Debe detallar cuál es la medida de resguardo",
+        ],
+    }); },
 };
 
 var FormStepper = function (_a) {
@@ -22811,6 +22978,7 @@ var GenericForm = function (_a) {
                     validationError_1 = _a.sent();
                     newErrors_1 = {};
                     if (validationError_1.inner) {
+                        console.log(validationError_1);
                         validationError_1.inner.forEach(function (error) {
                             newErrors_1[error.path] = error.message;
                         });
@@ -22855,14 +23023,13 @@ var GenericForm = function (_a) {
         // Prioridad: field.value > formData > getFieldValue
         var fieldValue = (_b = (_a = formData[field.name]) !== null && _a !== void 0 ? _a : field.value) !== null && _b !== void 0 ? _b : getFieldValue(field);
         // Preparar el campo con las funciones de búsqueda si están disponibles
-        var fieldWithHandlers = __assign(__assign({}, field), { onSearch: function (_a) {
-                var searchField = _a.field, value = _a.value, searchFormData = _a.formData;
+        var fieldWithHandlers = __assign(__assign({}, field), { 
+            // ... existing code ...
+            onSearch: function (_a) {
+                var _b;
+                _a.field; var value = _a.value; _a.formData;
                 if (field.onSearch) {
-                    field.onSearch({
-                        field: searchField || field,
-                        value: value,
-                        formData: searchFormData || __assign(__assign({}, stepperData), formData),
-                    });
+                    (_b = config === null || config === void 0 ? void 0 : config.onSearch) === null || _b === void 0 ? void 0 : _b.call(config, field, value !== null && value !== void 0 ? value : "", __assign(__assign({}, stepperData), formData));
                 }
             } });
         return (jsx("div", { className: (_c = field.className) !== null && _c !== void 0 ? _c : "col-span-12 md:col-span-6", children: jsx(DynamicInput, { field: fieldWithHandlers, value: fieldValue, onChange: handleInputChange, error: errors[field.name], formData: formData }) }, field.id));

package/dist/index.js

@@ -10364,14 +10364,14 @@ var RutInput = function (_a) {
     // Manejar búsqueda
     var handleSearch = function () {
         if (onSearch && value && isValidRut) {
-            onSearch(clean(displayValue));
+            onSearch({ value: clean(displayValue) });
         }
     };
     // Manejar tecla Enter para búsqueda
     var handleKeyDown = function (e) {
         if (e.key === "Enter" && onSearch && value && isValidRut) {
             e.preventDefault();
-            onSearch(clean(displayValue));
+            onSearch({ value: clean(displayValue) });
         }
     };
     return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [jsxRuntime.jsx("label", { htmlFor: field.id, className: "font-medium text-gray-700", children: field.label }), jsxRuntime.jsxs("div", { className: "flex", children: [jsxRuntime.jsx("input", { ref: inputRef, id: field.id, name: field.name, type: "text", value: displayValue || "", onChange: handleRutChange, onKeyDown: handleKeyDown, placeholder: placeholder, minLength: minLength, maxLength: maxLength, disabled: disabled, className: "flex-1 px-3 py-2 border rounded-l-md focus:outline-none focus:ring-2 focus:ring-orange-500 h-10 ".concat(error ? "border-red-500" : "border-gray-300", " ").concat(disabled ? "bg-gray-100 cursor-not-allowed" : "") }), onSearch && (jsxRuntime.jsx(flowbiteReact.Button, { type: "button", color: "blue", className: "flex items-center justify-center w-10 h-10 rounded-none rounded-tr-md rounded-br-md border-l-0", onClick: handleSearch, disabled: !isValidRut || disabled, children: jsxRuntime.jsx(IoMdSearch, { className: "w-5 h-5" }) }))] }), error && jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: error }), displayValue && !error && (jsxRuntime.jsx("span", { className: "text-sm ".concat(isValidRut ? "text-green-600" : "text-orange-600"), children: isValidRut ? "✓ RUT válido" : "⚠ Verificar formato del RUT" }))] }));
@@ -19656,8 +19656,8 @@ const identity = (arg) => arg;
 function useStore(api, selector = identity) {
   const slice = React.useSyncExternalStore(
     api.subscribe,
-    () => selector(api.getState()),
-    () => selector(api.getInitialState())
+    React.useCallback(() => selector(api.getState()), [api, selector]),
+    React.useCallback(() => selector(api.getInitialState()), [api, selector])
   );
   React.useDebugValue(slice);
   return slice;
@@ -19770,7 +19770,9 @@ var AddressInput = function (_a) {
                 localStorage.setItem("lastLocation", JSON.stringify(newLocation));
                 var addressComponents = extractAddressComponents(place, newLocation);
                 if (onSearch) {
-                    onSearch(__assign(__assign({}, addressComponents), { value: place.formatted_address }));
+                    onSearch({
+                        value: __assign(__assign({}, addressComponents), { address: place.formatted_address }),
+                    });
                 }
             }
         }
@@ -19808,7 +19810,9 @@ var AddressInput = function (_a) {
                     if (address) {
                         addressComponents = extractAddressComponents(address, newLocation);
                         if (onSearch) {
-                            onSearch(__assign(__assign({}, addressComponents), { value: address.formatted_address }));
+                            onSearch({
+                                value: __assign(__assign({}, addressComponents), { address: address.formatted_address }),
+                            });
                         }
                     }
                     return [3 /*break*/, 4];
@@ -19845,7 +19849,9 @@ var AddressInput = function (_a) {
                     if (response.results[0]) {
                         addressComponents = extractAddressComponents(response.results[0], newLocation);
                         if (onSearch) {
-                            onSearch(__assign(__assign({}, addressComponents), { value: response.results[0].formatted_address }));
+                            onSearch({
+                                value: __assign(__assign({}, addressComponents), { address: response.results[0].formatted_address }),
+                            });
                         }
                     }
                     return [3 /*break*/, 4];
@@ -19971,8 +19977,8 @@ 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;
-    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, 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" : "") }) }));
+    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" : "") }) }));
 };
 
 var SwornDeclaration = function (_a) {
@@ -20001,7 +20007,7 @@ var SwornDeclaration = function (_a) {
 };
 
 var StatusScreen = function (_a) {
-    var title = _a.title, message = _a.message, _b = _a.type, type = _b === void 0 ? "info" : _b, leftButton = _a.leftButton, rightButton = _a.rightButton;
+    var title = _a.title, message = _a.message, _b = _a.type, type = _b === void 0 ? "info" : _b, leftButton = _a.leftButton, rightButton = _a.rightButton, onSearch = _a.onSearch;
     var getStatusStyles = function () {
         switch (type) {
             case "success":
@@ -20026,7 +20032,11 @@ var StatusScreen = function (_a) {
                 return (jsxRuntime.jsx("svg", { className: "w-28 h-28 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) }));
         }
     };
-    return (jsxRuntime.jsx("div", { className: "col-span-12", children: jsxRuntime.jsxs("div", { className: "flex flex-col items-center p-8  ".concat(getStatusStyles()), children: [jsxRuntime.jsx("div", { className: "mb-4", children: getIcon() }), title && (jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-center mb-4", children: title })), message && jsxRuntime.jsx("p", { className: "text-center mb-6 max-w-md", children: message }), (leftButton || rightButton) && (jsxRuntime.jsxs("div", { className: "flex space-x-4", children: [leftButton && (jsxRuntime.jsx("button", { onClick: leftButton.onClick, className: "px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500", children: leftButton.label })), rightButton && (jsxRuntime.jsx("button", { onClick: rightButton.onClick, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500", children: rightButton.label }))] }))] }) }));
+    return (jsxRuntime.jsx("div", { className: "col-span-12", children: jsxRuntime.jsxs("div", { className: "flex flex-col items-center p-8  ".concat(getStatusStyles()), children: [jsxRuntime.jsx("div", { className: "mb-4", children: getIcon() }), title && (jsxRuntime.jsx("h2", { className: "text-2xl font-bold text-center mb-4", children: title })), message && jsxRuntime.jsx("p", { className: "text-center mb-6 max-w-md", children: message }), (leftButton || rightButton) && (jsxRuntime.jsxs("div", { className: "flex space-x-4", children: [leftButton && (jsxRuntime.jsx("button", { onClick: function () {
+                                onSearch === null || onSearch === void 0 ? void 0 : onSearch({ value: "LEFT" });
+                            }, className: "px-6 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-gray-500", children: leftButton.label })), rightButton && (jsxRuntime.jsx("button", { onClick: function () {
+                                onSearch === null || onSearch === void 0 ? void 0 : onSearch({ value: "RIGHT" });
+                            }, className: "px-6 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500", children: rightButton.label }))] }))] }) }));
 };
 
 var Typography = function (_a) {
@@ -20040,6 +20050,7 @@ var Checklist = function (_a) {
     var _c = React.useState(value), selectedOptions = _c[0], setSelectedOptions = _c[1];
     var _d = React.useState(props.valueOtraMedida), otraMedida = _d[0], setOtraMedida = _d[1];
     var options = field.options || [];
+    var isOtraMedidaRequired = selectedOptions.includes("otra-medida");
     React.useEffect(function () {
         setSelectedOptions(value);
     }, [value]);
@@ -20063,6 +20074,10 @@ var Checklist = function (_a) {
         }
         else {
             newSelectedOptions = selectedOptions.filter(function (opt) { return opt !== optionValue; });
+            // Si se deselecciona "otra-medida", limpiar el texto
+            if (optionValue === "otra-medida") {
+                setOtraMedida("");
+            }
         }
         setSelectedOptions(newSelectedOptions);
         onChange === null || onChange === void 0 ? void 0 : onChange(newSelectedOptions);
@@ -20071,17 +20086,17 @@ var Checklist = function (_a) {
         var _a;
         setOtraMedida(text);
         // Actualizar el valor con la otra medida
-        var updatedOptions = selectedOptions.filter(function (opt) { return opt !== "otra-medida"; });
+        var updatedOptions = selectedOptions.filter(function (opt) { return !opt.startsWith("otra-medida-value-"); });
+        // Solo agregar "otra-medida" si hay texto
         if (text.trim()) {
-            updatedOptions.push("otra-medida");
+            updatedOptions.push("otra-medida-value-".concat(text));
         }
         onChange === null || onChange === void 0 ? void 0 : onChange(updatedOptions);
         (_a = props.onOtraMedidaChange) === null || _a === void 0 ? void 0 : _a.call(props, text);
     };
-    var isOtraMedidaRequired = selectedOptions.includes("otra-medida");
     return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), onChange: function (e) {
                                 return handleOptionChange(option.value, e.target.checked);
-                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsxRuntime.jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "mt-4", children: jsxRuntime.jsx("input", { type: "text", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "-", maxLength: 100, className: "w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500" }) })), error && jsxRuntime.jsx("div", { className: "text-red-600 text-sm mt-2", children: error })] }));
+                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsxRuntime.jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "mt-4", children: jsxRuntime.jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
 };
 
 var Upload = function (_a) {
@@ -20866,19 +20881,20 @@ function createValidation(config) {
       abortEarly = schema.spec.abortEarly,
       disableStackTrace = schema.spec.disableStackTrace
     } = options;
-    function resolve(item) {
-      return Reference.isRef(item) ? item.getValue(value, parent, context) : item;
-    }
+    const resolveOptions = {
+      value,
+      parent,
+      context
+    };
     function createError(overrides = {}) {
-      const nextParams = Object.assign({
+      const nextParams = resolveParams(Object.assign({
         value,
         originalValue,
         label: schema.spec.label,
         path: overrides.path || path,
         spec: schema.spec,
         disableStackTrace: overrides.disableStackTrace || disableStackTrace
-      }, params, overrides.params);
-      for (const key of Object.keys(nextParams)) nextParams[key] = resolve(nextParams[key]);
+      }, params, overrides.params), resolveOptions);
       const error = new ValidationError(ValidationError.formatError(overrides.message || message, nextParams), value, nextParams.path, overrides.type || name, nextParams.disableStackTrace);
       error.params = nextParams;
       return error;
@@ -20890,7 +20906,9 @@ function createValidation(config) {
       type: name,
       from: options.from,
       createError,
-      resolve,
+      resolve(item) {
+        return resolveMaybeRef(item, resolveOptions);
+      },
       options,
       originalValue,
       schema
@@ -20925,6 +20943,18 @@ function createValidation(config) {
   return validate;
 }
 
+// Warning: mutates the input
+function resolveParams(params, options) {
+  if (!params) return params;
+  for (const key of Object.keys(params)) {
+    params[key] = resolveMaybeRef(params[key], options);
+  }
+  return params;
+}
+function resolveMaybeRef(item, options) {
+  return Reference.isRef(item) ? item.getValue(options.value, options.parent, options.context) : item;
+}
+
 function getIn(schema, path, value, context = value) {
   let parent, lastPart, lastPartDebug;
 
@@ -21038,6 +21068,87 @@ function clone(src, seen = new Map()) {
   return copy;
 }
 
+/**
+ * Copied from @standard-schema/spec to avoid having a dependency on it.
+ * https://github.com/standard-schema/standard-schema/blob/main/packages/spec/src/index.ts
+ */
+
+function createStandardPath(path) {
+  if (!(path != null && path.length)) {
+    return undefined;
+  }
+
+  // Array to store the final path segments
+  const segments = [];
+  // Buffer for building the current segment
+  let currentSegment = '';
+  // Track if we're inside square brackets (array/property access)
+  let inBrackets = false;
+  // Track if we're inside quotes (for property names with special chars)
+  let inQuotes = false;
+  for (let i = 0; i < path.length; i++) {
+    const char = path[i];
+    if (char === '[' && !inQuotes) {
+      // When entering brackets, push any accumulated segment after splitting on dots
+      if (currentSegment) {
+        segments.push(...currentSegment.split('.').filter(Boolean));
+        currentSegment = '';
+      }
+      inBrackets = true;
+      continue;
+    }
+    if (char === ']' && !inQuotes) {
+      if (currentSegment) {
+        // Handle numeric indices (e.g. arr[0])
+        if (/^\d+$/.test(currentSegment)) {
+          segments.push(currentSegment);
+        } else {
+          // Handle quoted property names (e.g. obj["foo.bar"])
+          segments.push(currentSegment.replace(/^"|"$/g, ''));
+        }
+        currentSegment = '';
+      }
+      inBrackets = false;
+      continue;
+    }
+    if (char === '"') {
+      // Toggle quote state for handling quoted property names
+      inQuotes = !inQuotes;
+      continue;
+    }
+    if (char === '.' && !inBrackets && !inQuotes) {
+      // On dots outside brackets/quotes, push current segment
+      if (currentSegment) {
+        segments.push(currentSegment);
+        currentSegment = '';
+      }
+      continue;
+    }
+    currentSegment += char;
+  }
+
+  // Push any remaining segment after splitting on dots
+  if (currentSegment) {
+    segments.push(...currentSegment.split('.').filter(Boolean));
+  }
+  return segments;
+}
+function createStandardIssues(error, parentPath) {
+  const path = parentPath ? `${parentPath}.${error.path}` : error.path;
+  return error.errors.map(err => ({
+    message: err,
+    path: createStandardPath(path)
+  }));
+}
+function issuesFromValidationError(error, parentPath) {
+  var _error$inner;
+  if (!((_error$inner = error.inner) != null && _error$inner.length) && error.errors.length) {
+    return createStandardIssues(error, parentPath);
+  }
+  const path = parentPath ? `${parentPath}.${error.path}` : error.path;
+  return error.inner.flatMap(err => issuesFromValidationError(err, path));
+}
+
 // If `CustomSchemaMeta` isn't extended with any keys, we'll fall back to a
 // loose Record definition allowing free form usage.
 class Schema {
@@ -21605,13 +21716,41 @@ class Schema {
       type: next.type,
       oneOf: next._whitelist.describe(),
       notOneOf: next._blacklist.describe(),
-      tests: next.tests.map(fn => ({
-        name: fn.OPTIONS.name,
-        params: fn.OPTIONS.params
-      })).filter((n, idx, list) => list.findIndex(c => c.name === n.name) === idx)
+      tests: next.tests.filter((n, idx, list) => list.findIndex(c => c.OPTIONS.name === n.OPTIONS.name) === idx).map(fn => {
+        const params = fn.OPTIONS.params && options ? resolveParams(Object.assign({}, fn.OPTIONS.params), options) : fn.OPTIONS.params;
+        return {
+          name: fn.OPTIONS.name,
+          params
+        };
+      })
     };
     return description;
   }
+  get ['~standard']() {
+    const schema = this;
+    const standard = {
+      version: 1,
+      vendor: 'yup',
+      async validate(value) {
+        try {
+          const result = await schema.validate(value, {
+            abortEarly: false
+          });
+          return {
+            value: result
+          };
+        } catch (err) {
+          if (err instanceof ValidationError) {
+            return {
+              issues: issuesFromValidationError(err)
+            };
+          }
+          throw err;
+        }
+      }
+    };
+    return standard;
+  }
 }
 // @ts-expect-error
 Schema.prototype.__isYupSchema__ = true;
@@ -22595,7 +22734,10 @@ var createValidationSchema = function (fields) {
             switch (field.type) {
                 case "checkbox":
                 case "checklist":
-                    fieldSchema_1 = create$2().of(create$6());
+                    fieldSchema_1 = create$2()
+                        .of(create$6())
+                        .min(1, field.validations[0].params[0] ||
+                        "El campo ".concat(field.label || field.name || "sin nombre", " es requerido"));
                     break;
                 case "upload":
                     fieldSchema_1 = create$8();
@@ -22639,6 +22781,24 @@ var createValidationSchema = function (fields) {
                                 return validate(clean(value));
                             });
                         }
+                        else if (customValidator === "otra-medida") {
+                            fieldSchema_1 = fieldSchema_1.test("otra-medida", validation.params[1] ||
+                                "Debe detallar cuál es la medida de resguardo", function (value) {
+                                // Si no incluye "otra-medida", la validación pasa
+                                if (!value.includes("otra-medida"))
+                                    return true;
+                                // Si incluye "otra-medida", debe tener "otra-medida-value-text" con texto
+                                var otraMedidaValue = value.find(function (opt) {
+                                    return opt.startsWith("otra-medida-value-");
+                                });
+                                if (otraMedidaValue) {
+                                    var text = otraMedidaValue.split("otra-medida-value-")[1];
+                                    return text && text.trim() !== "";
+                                }
+                                // Si incluye "otra-medida" pero no tiene "otra-medida-value-text" con texto
+                                return false;
+                            });
+                        }
                         else {
                             fieldSchema_1 = fieldSchema_1.test("custom", validation.params[1] ||
                                 "Validaci\u00F3n fallida para ".concat(field.label || field.name || "sin nombre"), function (value) {
@@ -22697,6 +22857,13 @@ var commonValidations = {
         type: "pattern",
         params: [regex, message || "Formato inválido"],
     }); },
+    otraMedidaRequired: function (message) { return ({
+        type: "custom",
+        params: [
+            "otra-medida",
+            message || "Debe detallar cuál es la medida de resguardo",
+        ],
+    }); },
 };
 
 var FormStepper = function (_a) {
@@ -22830,6 +22997,7 @@ var GenericForm = function (_a) {
                     validationError_1 = _a.sent();
                     newErrors_1 = {};
                     if (validationError_1.inner) {
+                        console.log(validationError_1);
                         validationError_1.inner.forEach(function (error) {
                             newErrors_1[error.path] = error.message;
                         });
@@ -22874,14 +23042,13 @@ var GenericForm = function (_a) {
         // Prioridad: field.value > formData > getFieldValue
         var fieldValue = (_b = (_a = formData[field.name]) !== null && _a !== void 0 ? _a : field.value) !== null && _b !== void 0 ? _b : getFieldValue(field);
         // Preparar el campo con las funciones de búsqueda si están disponibles
-        var fieldWithHandlers = __assign(__assign({}, field), { onSearch: function (_a) {
-                var searchField = _a.field, value = _a.value, searchFormData = _a.formData;
+        var fieldWithHandlers = __assign(__assign({}, field), { 
+            // ... existing code ...
+            onSearch: function (_a) {
+                var _b;
+                _a.field; var value = _a.value; _a.formData;
                 if (field.onSearch) {
-                    field.onSearch({
-                        field: searchField || field,
-                        value: value,
-                        formData: searchFormData || __assign(__assign({}, stepperData), formData),
-                    });
+                    (_b = config === null || config === void 0 ? void 0 : config.onSearch) === null || _b === void 0 ? void 0 : _b.call(config, field, value !== null && value !== void 0 ? value : "", __assign(__assign({}, stepperData), formData));
                 }
             } });
         return (jsxRuntime.jsx("div", { className: (_c = field.className) !== null && _c !== void 0 ? _c : "col-span-12 md:col-span-6", children: jsxRuntime.jsx(DynamicInput, { field: fieldWithHandlers, value: fieldValue, onChange: handleInputChange, error: errors[field.name], formData: formData }) }, field.id));

package/dist/types/index.d.ts

@@ -121,4 +121,5 @@ export interface CommonValidations {
     max: (length: number, message?: string) => ValidationRule;
     email: (message?: string) => ValidationRule;
     pattern: (regex: string, message?: string) => ValidationRule;
+    otraMedidaRequired: (message?: string) => ValidationRule;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visiion/forms-library",
-  "version": "1.4.3",
+  "version": "1.4.5",
   "description": "Librería de componentes de formularios reutilizables",
   "type": "module",
   "main": "dist/index.js",
@@ -19,7 +19,7 @@
     "test": "jest",
     "lint": "eslint src --ext .ts,.tsx",
     "format": "prettier --write src/**/*.{ts,tsx}",
-    "prepare": "pnpm run build"
+    "prepare": "npm run build"
   },
   "keywords": [
     "react",
@@ -38,6 +38,8 @@
     "@googlemaps/js-api-loader": "^1.16.6",
     "@react-google-maps/api": "^2.19.3",
     "@react-pdf/renderer": "^4.3.0",
+    "classnames": "^2.5.1",
+    "debounce": "^2.2.0",
     "flowbite-react": "0.10.1",
     "framer-motion": "^11.3.8",
     "react-icons": "^5.5.0",
@@ -54,9 +56,9 @@
     "@typescript-eslint/eslint-plugin": "^8.31.0",
     "@typescript-eslint/parser": "^8.31.0",
     "autoprefixer": "^10.4.21",
-    "eslint": "^9.25.1",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint": "^9.33.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^5.2.0",
     "postcss": "^8.4.35",
     "prettier": "^3.3.2",
     "rollup": "^4.9.4",
@@ -73,4 +75,4 @@
     "url": "https://github.com/Kuantaz/forms-library/issues"
   },
   "homepage": "https://github.com/Kuantaz/forms-library#readme"
-}
+}