solid-hook-form 2.0.0 → 2.1.0

package/dist/main.d.ts

@@ -1,7 +1,7 @@
-import * as solid_js from 'solid-js';
-import { Accessor, JSXElement, ParentProps } from 'solid-js';
 import { FieldPath, FieldPathValue, Path, LiteralUnion, Resolver } from 'react-hook-form';
 export { Path } from 'react-hook-form';
+import * as solid_js from 'solid-js';
+import { Accessor, JSXElement, ParentProps } from 'solid-js';
 
 type ValidateResult = Message | boolean | undefined;
 type Validate<V, F> = (value: V, formValues: F) => ValidateResult | Promise<ValidateResult>;
@@ -46,10 +46,9 @@ type Control<F extends FormValues> = {
     register: Register<F>;
 };
 type UseControllerArg<F extends FormValues> = {
-    control: Control<F>;
+    control?: Control<F>;
     name: Path<F>;
     rules?: Rules<F>;
-    render(arg: UseControllerReturn<F>): JSXElement;
 };
 type UseControllerReturn<F extends FormValues> = {
     field: RegisterReturn<F> & {
@@ -60,22 +59,31 @@ type UseControllerReturn<F extends FormValues> = {
     };
 };
 type ControllerProps<F extends FormValues> = {
-    control: Control<F>;
+    control?: Control<F>;
     name: Path<F>;
     rules?: Rules<F>;
     render(arg: UseControllerReturn<F>): JSXElement;
 };
 
-type TouchedFields<F extends FormValues = FormValues> = Partial<Record<Path<F>, boolean>>;
-
 type DirtyFields<F extends FormValues = FormValues> = Partial<Record<Path<F>, boolean>>;
 
+type TouchedFields<F extends FormValues = FormValues> = Partial<Record<Path<F>, boolean>>;
+
 type FormValues = Record<string, any>;
 type GetValues<F extends FormValues> = {
     (): F;
     <N extends FieldPath<F>>(name: N): FieldPathValue<F, N>;
 };
-type SetValue<F extends FormValues> = (name: Path<F>, value: FieldPathValue<F, Path<F>>) => void;
+type SetValueOptions = {
+    shouldValidate?: boolean;
+    shouldDirty?: boolean;
+    shouldTouch?: boolean;
+};
+type SetValue<F extends FormValues> = (name: Path<F>, value: FieldPathValue<F, Path<F>>, options?: SetValueOptions) => void;
+type TriggerOptions = {
+    shouldFocus?: boolean;
+};
+type Trigger<F extends FormValues> = (name?: Path<F> | Path<F>[], options?: TriggerOptions) => void;
 type SubmitHandler<F extends FormValues> = (values: F) => void;
 type SubmitErrorHandler<F extends FormValues> = (errors: FieldErrors<F>) => void;
 type HandleSubmit<F extends FormValues> = (onSubmit: SubmitHandler<F>, onError?: SubmitErrorHandler<F>) => (event: SubmitEvent) => void;
@@ -105,6 +113,7 @@ type CreateFormReturn<F extends FormValues = FormValues> = {
     setValue: SetValue<F>;
     handleSubmit: HandleSubmit<F>;
     reset: Reset<F>;
+    trigger: Trigger<F>;
 };
 type CreateForm = <F extends FormValues>(arg: CreateFormArg<F>) => CreateFormReturn<F>;
 

package/dist/main.js

@@ -4,6 +4,171 @@ import { memo, createComponent } from 'solid-js/web';
 
 // src/create_form.ts
 
+// src/utils/get.ts
+var isDateObject = (value) => value instanceof Date;
+var isNullOrUndefined = (value) => value == null;
+var isObjectType = (value) => typeof value === "object";
+var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
+var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
+var isUndefined = (value) => value === void 0;
+var get = (object, path, defaultValue) => {
+  if (!path || !isObject(object)) {
+    return defaultValue;
+  }
+  const result = compact(path.split(/[,[\].]+?/)).reduce(
+    (result2, key) => isNullOrUndefined(result2) ? result2 : result2[key],
+    object
+  );
+  return isUndefined(result) || result === object ? isUndefined(object[path]) ? defaultValue : object[path] : result;
+};
+
+// src/utils/set.ts
+var isKey = (value) => /^\w*$/.test(value);
+var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
+var set = (object, path, value) => {
+  let index = -1;
+  const tempPath = isKey(path) ? [path] : stringToPath(path);
+  const length = tempPath.length;
+  const lastIndex = length - 1;
+  while (++index < length) {
+    const key = tempPath[index];
+    let newValue = value;
+    if (index !== lastIndex) {
+      const objValue = object[key];
+      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !Number.isNaN(+tempPath[index + 1]) ? [] : {};
+    }
+    if (key === "__proto__" || key === "constructor" || key === "prototype") {
+      return;
+    }
+    object[key] = newValue;
+    object = object[key];
+  }
+};
+
+// src/logic/create_dirty_fields.ts
+var isSomeFieldDirty = (value) => {
+  return Object.values(value).some((value2) => {
+    if (typeof value2 === "object") {
+      return isSomeFieldDirty(value2);
+    }
+    return value2;
+  });
+};
+var createDirtyFields = (defaultValues) => {
+  const [dirtyFields, setDirtyFields] = createSignal({});
+  const isDirty = createMemo(() => {
+    return isSomeFieldDirty(dirtyFields());
+  });
+  const checkDirty = (name, value) => {
+    const defaultValue = get(defaultValues, name);
+    const isDirty2 = value !== defaultValue;
+    setDirtyFields((prev) => {
+      const newState = { ...prev };
+      set(newState, name, isDirty2);
+      return newState;
+    });
+  };
+  const resetDirty = (keepDirty) => {
+    if (keepDirty) {
+      return;
+    }
+    setDirtyFields({});
+  };
+  return { dirtyFields, isDirty, checkDirty, resetDirty };
+};
+var createErrors = () => {
+  const [errors, setErrors] = createStore({});
+  const getError = (name) => {
+    return errors[name];
+  };
+  const appendError = (name, error) => {
+    setErrors(
+      produce((prevState) => {
+        prevState[name] = error;
+      })
+    );
+  };
+  const removeError = (name) => {
+    setErrors(
+      produce((prevState) => {
+        delete prevState[name];
+      })
+    );
+  };
+  const resetErrors = () => {
+    setErrors(reconcile({}));
+  };
+  return {
+    errors,
+    appendError,
+    removeError,
+    resetErrors,
+    getError
+  };
+};
+
+// src/logic/create_fields.ts
+var createFields = () => {
+  const fields = {};
+  const getField = (name) => {
+    return fields[name];
+  };
+  const setField = (name, element) => {
+    fields[name] = element;
+  };
+  return {
+    fields,
+    getField,
+    setField
+  };
+};
+
+// src/logic/create_rules.ts
+var createRules = () => {
+  const rules = {};
+  const addRule = (name, options) => {
+    rules[name] = {
+      required: options.required,
+      min: options.min,
+      max: options.max,
+      minLength: options.minLength,
+      maxLength: options.maxLength,
+      pattern: options.pattern,
+      valueAsNumber: options.valueAsNumber,
+      validate: options.validate
+    };
+  };
+  const getRule = (name) => {
+    return rules[name];
+  };
+  return { rules, addRule, getRule };
+};
+var createTouchedFields = () => {
+  const [touchedFields, setTouchedFields] = createSignal({});
+  const addTouched = (name) => {
+    setTouchedFields((prev) => {
+      const newState = { ...prev };
+      set(newState, name, true);
+      return newState;
+    });
+  };
+  const resetTouched = (keepTouched) => {
+    if (keepTouched) {
+      return;
+    }
+    setTouchedFields({});
+  };
+  return { touchedFields, addTouched, resetTouched };
+};
+
+// src/logic/format_value.ts
+var formatValue = (value, rules) => {
+  if (rules.valueAsNumber) {
+    return Number(value);
+  }
+  return value;
+};
+
 // src/logic/get_value.ts
 var getFieldValue = (event) => {
   const isEvent = event instanceof Event;
@@ -45,24 +210,6 @@ var setFieldValue = (field, value) => {
   field.value = value;
 };
 
-// src/utils/get.ts
-var isDateObject = (value) => value instanceof Date;
-var isNullOrUndefined = (value) => value == null;
-var isObjectType = (value) => typeof value === "object";
-var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
-var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-var isUndefined = (val) => val === void 0;
-var get = (object, path, defaultValue) => {
-  if (!path || !isObject(object)) {
-    return defaultValue;
-  }
-  const result = compact(path.split(/[,[\].]+?/)).reduce(
-    (result2, key) => isNullOrUndefined(result2) ? result2 : result2[key],
-    object
-  );
-  return isUndefined(result) || result === object ? isUndefined(object[path]) ? defaultValue : object[path] : result;
-};
-
 // src/logic/validate.ts
 var getRuleValue = (rule) => {
   if (rule instanceof RegExp) {
@@ -112,104 +259,6 @@ var validate = (values, name, rules = {}) => {
     }
   }
 };
-var createErrors = () => {
-  const [errors, setErrors] = createStore({});
-  const getError = (name) => {
-    return errors[name];
-  };
-  const appendError = (name, error) => {
-    setErrors(
-      produce((prevState) => {
-        prevState[name] = error;
-      })
-    );
-  };
-  const removeError = (name) => {
-    setErrors(
-      produce((prevState) => {
-        delete prevState[name];
-      })
-    );
-  };
-  const resetErrors = () => {
-    setErrors(reconcile({}));
-  };
-  return {
-    errors,
-    appendError,
-    removeError,
-    resetErrors,
-    getError
-  };
-};
-
-// src/utils/set.ts
-var isKey = (value) => /^\w*$/.test(value);
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
-var set = (object, path, value) => {
-  let index = -1;
-  const tempPath = isKey(path) ? [path] : stringToPath(path);
-  const length = tempPath.length;
-  const lastIndex = length - 1;
-  while (++index < length) {
-    const key = tempPath[index];
-    let newValue = value;
-    if (index !== lastIndex) {
-      const objValue = object[key];
-      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
-    }
-    if (key === "__proto__" || key === "constructor" || key === "prototype") {
-      return;
-    }
-    object[key] = newValue;
-    object = object[key];
-  }
-};
-
-// src/logic/create_rules.ts
-var createRules = () => {
-  const rules = {};
-  const addRule = (name, options) => {
-    rules[name] = {
-      required: options.required,
-      min: options.min,
-      max: options.max,
-      minLength: options.minLength,
-      maxLength: options.maxLength,
-      pattern: options.pattern,
-      valueAsNumber: options.valueAsNumber,
-      validate: options.validate
-    };
-  };
-  const getRule = (name) => {
-    return rules[name];
-  };
-  return { rules, addRule, getRule };
-};
-
-// src/logic/create_fields.ts
-var createFields = () => {
-  const fields = {};
-  const getField = (name) => {
-    return fields[name];
-  };
-  const setField = (name, element) => {
-    fields[name] = element;
-  };
-  return {
-    fields,
-    getField,
-    setField
-  };
-};
-
-// src/logic/format_value.ts
-var formatValue = (value, rules) => {
-  if (rules.valueAsNumber) {
-    return Number(value);
-  }
-  return value;
-};
 
 // src/utils/resolver.ts
 var getResolverFields = (fields) => {
@@ -221,53 +270,6 @@ var getResolverFields = (fields) => {
     return acc;
   }, {});
 };
-var createTouchedFields = () => {
-  const [touchedFields, setTouchedFields] = createSignal({});
-  const addTouched = (name) => {
-    setTouchedFields((prev) => {
-      const newState = { ...prev };
-      set(newState, name, true);
-      return newState;
-    });
-  };
-  const resetTouched = (keepTouched) => {
-    if (keepTouched) {
-      return;
-    }
-    setTouchedFields({});
-  };
-  return { touchedFields, addTouched, resetTouched };
-};
-var isSomeFieldDirty = (value) => {
-  return Object.values(value).some((value2) => {
-    if (typeof value2 === "object") {
-      return isSomeFieldDirty(value2);
-    }
-    return value2;
-  });
-};
-var createDirtyFields = (defaultValues) => {
-  const [dirtyFields, setDirtyFields] = createSignal({});
-  const isDirty = createMemo(() => {
-    return isSomeFieldDirty(dirtyFields());
-  });
-  const checkDirty = (name, value) => {
-    const defaultValue = get(defaultValues, name);
-    const isDirty2 = value !== defaultValue;
-    setDirtyFields((prev) => {
-      const newState = { ...prev };
-      set(newState, name, isDirty2);
-      return newState;
-    });
-  };
-  const resetDirty = (keepDirty) => {
-    if (keepDirty) {
-      return;
-    }
-    setDirtyFields({});
-  };
-  return { dirtyFields, isDirty, checkDirty, resetDirty };
-};
 
 // src/create_form.ts
 var createForm = (arg) => {
@@ -392,7 +394,7 @@ var createForm = (arg) => {
     }
     return values();
   };
-  const setValue = (name, value) => {
+  const setValue = (name, value, options = {}) => {
     setValues((prev) => {
       const newValues = { ...prev };
       set(newValues, name, value);
@@ -400,6 +402,15 @@ var createForm = (arg) => {
     });
     const field = getField(name);
     setFieldValue(field, value);
+    if (options.shouldValidate) {
+      validateField(name);
+    }
+    if (options.shouldDirty) {
+      checkDirty(name, value);
+    }
+    if (options.shouldTouch) {
+      addTouched(name);
+    }
   };
   const handleSubmit = (onSubmit, onError) => {
     return async (event) => {
@@ -423,6 +434,17 @@ var createForm = (arg) => {
       setFieldValue(field, get(newValues, name));
     });
   };
+  const trigger = async (name) => {
+    if (!name) {
+      await validateAllFields();
+      return;
+    }
+    if (typeof name === "string") {
+      validateField(name);
+      return;
+    }
+    name.forEach(validateField);
+  };
   return {
     control,
     formState: {
@@ -438,7 +460,8 @@ var createForm = (arg) => {
     getValues,
     setValue,
     handleSubmit,
-    reset
+    reset,
+    trigger
   };
 };
 var FormContext = createContext();

package/dist/main.jsx

@@ -1,46 +1,8 @@
 // src/create_form.ts
 import { createMemo as createMemo2, createSignal as createSignal3 } from "solid-js";
 
-// src/logic/get_value.ts
-var getFieldValue = (event) => {
-  const isEvent = event instanceof Event;
-  if (!isEvent) {
-    return event;
-  }
-  const field = event.target;
-  if (field instanceof HTMLSelectElement) {
-    return field.value;
-  }
-  if (field instanceof HTMLInputElement && field.type === "checkbox") {
-    return field.checked;
-  }
-  if (field instanceof HTMLInputElement && field.type === "file") {
-    return [...field.files || []];
-  }
-  return field.value;
-};
-
-// src/logic/set_value.ts
-var setFieldValue = (field, value) => {
-  if (!field) {
-    return;
-  }
-  if (value === void 0) {
-    return;
-  }
-  if (field instanceof HTMLSelectElement) {
-    field.value = value;
-    return;
-  }
-  if (field instanceof HTMLInputElement && field.type === "checkbox") {
-    field.checked = value;
-    return;
-  }
-  if (field instanceof HTMLInputElement && field.type === "file") {
-    return;
-  }
-  field.value = value;
-};
+// src/logic/create_dirty_fields.ts
+import { createMemo, createSignal } from "solid-js";
 
 // src/utils/get.ts
 var isDateObject = (value) => value instanceof Date;
@@ -48,7 +10,7 @@ var isNullOrUndefined = (value) => value == null;
 var isObjectType = (value) => typeof value === "object";
 var isObject = (value) => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !isDateObject(value);
 var compact = (value) => Array.isArray(value) ? value.filter(Boolean) : [];
-var isUndefined = (val) => val === void 0;
+var isUndefined = (value) => value === void 0;
 var get = (object, path, defaultValue) => {
   if (!path || !isObject(object)) {
     return defaultValue;
@@ -60,58 +22,63 @@ var get = (object, path, defaultValue) => {
   return isUndefined(result) || result === object ? isUndefined(object[path]) ? defaultValue : object[path] : result;
 };
 
-// src/logic/validate.ts
-var getRuleValue = (rule) => {
-  if (rule instanceof RegExp) {
-    return rule;
-  }
-  if (typeof rule === "string" || typeof rule === "number") {
-    return rule;
-  }
-  return rule.value;
-};
-var getRuleMessage = (rule) => {
-  if (typeof rule === "string") {
-    return rule;
-  }
-  if (typeof rule.message === "string") {
-    return rule.message;
+// src/utils/set.ts
+var isKey = (value) => /^\w*$/.test(value);
+var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
+var set = (object, path, value) => {
+  let index = -1;
+  const tempPath = isKey(path) ? [path] : stringToPath(path);
+  const length = tempPath.length;
+  const lastIndex = length - 1;
+  while (++index < length) {
+    const key = tempPath[index];
+    let newValue = value;
+    if (index !== lastIndex) {
+      const objValue = object[key];
+      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !Number.isNaN(+tempPath[index + 1]) ? [] : {};
+    }
+    if (key === "__proto__" || key === "constructor" || key === "prototype") {
+      return;
+    }
+    object[key] = newValue;
+    object = object[key];
   }
-  return "";
 };
-var validate = (values, name, rules = {}) => {
-  const value = get(values, name);
-  if (rules.required && !value) {
-    return { type: "required", message: getRuleMessage(rules.required) };
-  }
-  if (rules.min && Number(value) < Number(getRuleValue(rules.min))) {
-    return { type: "min", message: getRuleMessage(rules.min) };
-  }
-  if (rules.max && Number(value) > Number(getRuleValue(rules.max))) {
-    return { type: "max", message: getRuleMessage(rules.max) };
-  }
-  if (rules.minLength && value.length < getRuleValue(rules.minLength)) {
-    return { type: "minLength", message: getRuleMessage(rules.minLength) };
-  }
-  if (rules.maxLength && value.length > getRuleValue(rules.maxLength)) {
-    return { type: "maxLength", message: getRuleMessage(rules.maxLength) };
-  }
-  if (rules.pattern && !getRuleValue(rules.pattern).test(value)) {
-    return { type: "pattern", message: getRuleMessage(rules.pattern) };
-  }
-  if (rules.validate) {
-    const message = rules.validate(value, values);
-    if (message === false) {
-      return { type: "validate" };
+
+// src/logic/create_dirty_fields.ts
+var isSomeFieldDirty = (value) => {
+  return Object.values(value).some((value2) => {
+    if (typeof value2 === "object") {
+      return isSomeFieldDirty(value2);
     }
-    if (typeof message === "string") {
-      return { type: "validate", message };
+    return value2;
+  });
+};
+var createDirtyFields = (defaultValues) => {
+  const [dirtyFields, setDirtyFields] = createSignal({});
+  const isDirty = createMemo(() => {
+    return isSomeFieldDirty(dirtyFields());
+  });
+  const checkDirty = (name, value) => {
+    const defaultValue = get(defaultValues, name);
+    const isDirty2 = value !== defaultValue;
+    setDirtyFields((prev) => {
+      const newState = { ...prev };
+      set(newState, name, isDirty2);
+      return newState;
+    });
+  };
+  const resetDirty = (keepDirty) => {
+    if (keepDirty) {
+      return;
     }
-  }
+    setDirtyFields({});
+  };
+  return { dirtyFields, isDirty, checkDirty, resetDirty };
 };
 
 // src/logic/create_errors.ts
-import { createStore, reconcile, produce } from "solid-js/store";
+import { createStore, produce, reconcile } from "solid-js/store";
 var createErrors = () => {
   const [errors, setErrors] = createStore({});
   const getError = (name) => {
@@ -143,27 +110,20 @@ var createErrors = () => {
   };
 };
 
-// src/utils/set.ts
-var isKey = (value) => /^\w*$/.test(value);
-var stringToPath = (input) => compact(input.replace(/["|']|\]/g, "").split(/\.|\[/));
-var set = (object, path, value) => {
-  let index = -1;
-  const tempPath = isKey(path) ? [path] : stringToPath(path);
-  const length = tempPath.length;
-  const lastIndex = length - 1;
-  while (++index < length) {
-    const key = tempPath[index];
-    let newValue = value;
-    if (index !== lastIndex) {
-      const objValue = object[key];
-      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
-    }
-    if (key === "__proto__" || key === "constructor" || key === "prototype") {
-      return;
-    }
-    object[key] = newValue;
-    object = object[key];
-  }
+// src/logic/create_fields.ts
+var createFields = () => {
+  const fields = {};
+  const getField = (name) => {
+    return fields[name];
+  };
+  const setField = (name, element) => {
+    fields[name] = element;
+  };
+  return {
+    fields,
+    getField,
+    setField
+  };
 };
 
 // src/logic/create_rules.ts
@@ -187,20 +147,24 @@ var createRules = () => {
   return { rules, addRule, getRule };
 };
 
-// src/logic/create_fields.ts
-var createFields = () => {
-  const fields = {};
-  const getField = (name) => {
-    return fields[name];
-  };
-  const setField = (name, element) => {
-    fields[name] = element;
+// src/logic/create_touched_fields.ts
+import { createSignal as createSignal2 } from "solid-js";
+var createTouchedFields = () => {
+  const [touchedFields, setTouchedFields] = createSignal2({});
+  const addTouched = (name) => {
+    setTouchedFields((prev) => {
+      const newState = { ...prev };
+      set(newState, name, true);
+      return newState;
+    });
   };
-  return {
-    fields,
-    getField,
-    setField
+  const resetTouched = (keepTouched) => {
+    if (keepTouched) {
+      return;
+    }
+    setTouchedFields({});
   };
+  return { touchedFields, addTouched, resetTouched };
 };
 
 // src/logic/format_value.ts
@@ -211,6 +175,97 @@ var formatValue = (value, rules) => {
   return value;
 };
 
+// src/logic/get_value.ts
+var getFieldValue = (event) => {
+  const isEvent = event instanceof Event;
+  if (!isEvent) {
+    return event;
+  }
+  const field = event.target;
+  if (field instanceof HTMLSelectElement) {
+    return field.value;
+  }
+  if (field instanceof HTMLInputElement && field.type === "checkbox") {
+    return field.checked;
+  }
+  if (field instanceof HTMLInputElement && field.type === "file") {
+    return [...field.files || []];
+  }
+  return field.value;
+};
+
+// src/logic/set_value.ts
+var setFieldValue = (field, value) => {
+  if (!field) {
+    return;
+  }
+  if (value === void 0) {
+    return;
+  }
+  if (field instanceof HTMLSelectElement) {
+    field.value = value;
+    return;
+  }
+  if (field instanceof HTMLInputElement && field.type === "checkbox") {
+    field.checked = value;
+    return;
+  }
+  if (field instanceof HTMLInputElement && field.type === "file") {
+    return;
+  }
+  field.value = value;
+};
+
+// src/logic/validate.ts
+var getRuleValue = (rule) => {
+  if (rule instanceof RegExp) {
+    return rule;
+  }
+  if (typeof rule === "string" || typeof rule === "number") {
+    return rule;
+  }
+  return rule.value;
+};
+var getRuleMessage = (rule) => {
+  if (typeof rule === "string") {
+    return rule;
+  }
+  if (typeof rule.message === "string") {
+    return rule.message;
+  }
+  return "";
+};
+var validate = (values, name, rules = {}) => {
+  const value = get(values, name);
+  if (rules.required && !value) {
+    return { type: "required", message: getRuleMessage(rules.required) };
+  }
+  if (rules.min && Number(value) < Number(getRuleValue(rules.min))) {
+    return { type: "min", message: getRuleMessage(rules.min) };
+  }
+  if (rules.max && Number(value) > Number(getRuleValue(rules.max))) {
+    return { type: "max", message: getRuleMessage(rules.max) };
+  }
+  if (rules.minLength && value.length < getRuleValue(rules.minLength)) {
+    return { type: "minLength", message: getRuleMessage(rules.minLength) };
+  }
+  if (rules.maxLength && value.length > getRuleValue(rules.maxLength)) {
+    return { type: "maxLength", message: getRuleMessage(rules.maxLength) };
+  }
+  if (rules.pattern && !getRuleValue(rules.pattern).test(value)) {
+    return { type: "pattern", message: getRuleMessage(rules.pattern) };
+  }
+  if (rules.validate) {
+    const message = rules.validate(value, values);
+    if (message === false) {
+      return { type: "validate" };
+    }
+    if (typeof message === "string") {
+      return { type: "validate", message };
+    }
+  }
+};
+
 // src/utils/resolver.ts
 var getResolverFields = (fields) => {
   return Object.entries(fields).reduce((acc, [name, ref]) => {
@@ -222,59 +277,6 @@ var getResolverFields = (fields) => {
   }, {});
 };
 
-// src/logic/create_touched_fields.ts
-import { createSignal } from "solid-js";
-var createTouchedFields = () => {
-  const [touchedFields, setTouchedFields] = createSignal({});
-  const addTouched = (name) => {
-    setTouchedFields((prev) => {
-      const newState = { ...prev };
-      set(newState, name, true);
-      return newState;
-    });
-  };
-  const resetTouched = (keepTouched) => {
-    if (keepTouched) {
-      return;
-    }
-    setTouchedFields({});
-  };
-  return { touchedFields, addTouched, resetTouched };
-};
-
-// src/logic/create_dirty_fields.ts
-import { createMemo, createSignal as createSignal2 } from "solid-js";
-var isSomeFieldDirty = (value) => {
-  return Object.values(value).some((value2) => {
-    if (typeof value2 === "object") {
-      return isSomeFieldDirty(value2);
-    }
-    return value2;
-  });
-};
-var createDirtyFields = (defaultValues) => {
-  const [dirtyFields, setDirtyFields] = createSignal2({});
-  const isDirty = createMemo(() => {
-    return isSomeFieldDirty(dirtyFields());
-  });
-  const checkDirty = (name, value) => {
-    const defaultValue = get(defaultValues, name);
-    const isDirty2 = value !== defaultValue;
-    setDirtyFields((prev) => {
-      const newState = { ...prev };
-      set(newState, name, isDirty2);
-      return newState;
-    });
-  };
-  const resetDirty = (keepDirty) => {
-    if (keepDirty) {
-      return;
-    }
-    setDirtyFields({});
-  };
-  return { dirtyFields, isDirty, checkDirty, resetDirty };
-};
-
 // src/create_form.ts
 var createForm = (arg) => {
   const { defaultValues, mode = "onChange", resolver } = arg;
@@ -398,7 +400,7 @@ var createForm = (arg) => {
     }
     return values();
   };
-  const setValue = (name, value) => {
+  const setValue = (name, value, options = {}) => {
     setValues((prev) => {
       const newValues = { ...prev };
       set(newValues, name, value);
@@ -406,6 +408,15 @@ var createForm = (arg) => {
     });
     const field = getField(name);
     setFieldValue(field, value);
+    if (options.shouldValidate) {
+      validateField(name);
+    }
+    if (options.shouldDirty) {
+      checkDirty(name, value);
+    }
+    if (options.shouldTouch) {
+      addTouched(name);
+    }
   };
   const handleSubmit = (onSubmit, onError) => {
     return async (event) => {
@@ -429,6 +440,17 @@ var createForm = (arg) => {
       setFieldValue(field, get(newValues, name));
     });
   };
+  const trigger = async (name) => {
+    if (!name) {
+      await validateAllFields();
+      return;
+    }
+    if (typeof name === "string") {
+      validateField(name);
+      return;
+    }
+    name.forEach(validateField);
+  };
   return {
     control,
     formState: {
@@ -444,7 +466,8 @@ var createForm = (arg) => {
     getValues,
     setValue,
     handleSubmit,
-    reset
+    reset,
+    trigger
   };
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",
@@ -20,13 +20,15 @@
     "solid-js": "^1.9.5"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.3.8",
     "esbuild-plugin-solid": "^0.6.0",
     "react-hook-form": "^7.55.0",
     "tsup": "^8.5.0",
     "typescript": "~5.7.2"
   },
   "scripts": {
-    "build": "tsc && tsup"
+    "build": "tsc && tsup",
+    "lint": "npx @biomejs/biome lint"
   },
   "author": "thorn_pear",
   "license": "ISC",