solid-hook-form 2.5.0 → 2.5.2

package/dist/main.js

@@ -1,4 +1,4 @@
-import { createContext, createSignal, createMemo, useContext } from 'solid-js';
+import { createContext, createSignal, createMemo, useContext, onCleanup } from 'solid-js';
 import { createStore, produce, reconcile } from 'solid-js/store';
 import { memo, createComponent } from 'solid-js/web';
 
@@ -140,11 +140,15 @@ var createFields = () => {
   const focusField = (name) => {
     getField(name)?.focus();
   };
+  const removeField = (name) => {
+    delete fields[name];
+  };
   return {
     fields,
     getField,
     setField,
-    focusField
+    focusField,
+    removeField
   };
 };
 
@@ -166,7 +170,10 @@ var createRules = () => {
   const getRule = (name) => {
     return rules[name];
   };
-  return { rules, addRule, getRule };
+  const removeRule = (name) => {
+    delete rules[name];
+  };
+  return { rules, addRule, getRule, removeRule };
 };
 var createSubmit = () => {
   const [isSubmitted, setIsSubmitted] = createSignal(false);
@@ -205,7 +212,7 @@ var createTouchedFields = () => {
 
 // src/logic/format_value.ts
 var formatValue = (value, rules) => {
-  if (rules.valueAsNumber) {
+  if (rules?.valueAsNumber) {
     return Number(value);
   }
   return value;
@@ -316,8 +323,8 @@ var getResolverFields = (fields) => {
 // src/create_form.ts
 var createForm = (arg) => {
   const { defaultValues, mode = "onChange", shouldFocusError = true, resolver } = arg;
-  const { fields, getField, setField, focusField } = createFields();
-  const { rules, addRule, getRule } = createRules();
+  const { fields, getField, setField, focusField, removeField } = createFields();
+  const { rules, addRule, getRule, removeRule } = createRules();
   const [values, setValues] = createSignal(structuredClone(defaultValues));
   const { errors, appendError, clearError, resetErrors, clearErrors, getError } = createErrors();
   const { touchedFields, addTouched, resetTouched } = createTouchedFields();
@@ -389,7 +396,7 @@ var createForm = (arg) => {
   };
   const onFieldChange = (event, name) => {
     const fieldValue = getFieldValue(event);
-    const value = formatValue(fieldValue, rules[name]);
+    const value = formatValue(fieldValue, getRule(name));
     setValues((prev) => {
       const newState = { ...prev };
       set(newState, name, value);
@@ -399,6 +406,11 @@ var createForm = (arg) => {
   };
   const register = (name, options = {}) => {
     addRule(name, options);
+    onCleanup(() => {
+      removeRule(name);
+      removeField(name);
+      clearError(name);
+    });
     return {
       name,
       onInput(event) {
@@ -421,11 +433,13 @@ var createForm = (arg) => {
         addTouched(name);
       },
       ref(element) {
-        const field = getField(name);
-        if (field) {
+        if (!element) {
           return;
         }
-        setField(name, element);
+        const field = getField(name);
+        if (field !== element) {
+          setField(name, element);
+        }
         setFieldValue(element, get(values(), name));
       }
     };

package/dist/main.jsx

@@ -1,5 +1,5 @@
 // src/create_form.ts
-import { createMemo as createMemo2, createSignal as createSignal4 } from "solid-js";
+import { createMemo as createMemo2, createSignal as createSignal4, onCleanup } from "solid-js";
 
 // src/logic/create_dirty_fields.ts
 import { createMemo, createSignal } from "solid-js";
@@ -143,11 +143,15 @@ var createFields = () => {
   const focusField = (name) => {
     getField(name)?.focus();
   };
+  const removeField = (name) => {
+    delete fields[name];
+  };
   return {
     fields,
     getField,
     setField,
-    focusField
+    focusField,
+    removeField
   };
 };
 
@@ -169,7 +173,10 @@ var createRules = () => {
   const getRule = (name) => {
     return rules[name];
   };
-  return { rules, addRule, getRule };
+  const removeRule = (name) => {
+    delete rules[name];
+  };
+  return { rules, addRule, getRule, removeRule };
 };
 
 // src/logic/create_submit.ts
@@ -214,7 +221,7 @@ var createTouchedFields = () => {
 
 // src/logic/format_value.ts
 var formatValue = (value, rules) => {
-  if (rules.valueAsNumber) {
+  if (rules?.valueAsNumber) {
     return Number(value);
   }
   return value;
@@ -325,8 +332,8 @@ var getResolverFields = (fields) => {
 // src/create_form.ts
 var createForm = (arg) => {
   const { defaultValues, mode = "onChange", shouldFocusError = true, resolver } = arg;
-  const { fields, getField, setField, focusField } = createFields();
-  const { rules, addRule, getRule } = createRules();
+  const { fields, getField, setField, focusField, removeField } = createFields();
+  const { rules, addRule, getRule, removeRule } = createRules();
   const [values, setValues] = createSignal4(structuredClone(defaultValues));
   const { errors, appendError, clearError, resetErrors, clearErrors, getError } = createErrors();
   const { touchedFields, addTouched, resetTouched } = createTouchedFields();
@@ -398,7 +405,7 @@ var createForm = (arg) => {
   };
   const onFieldChange = (event, name) => {
     const fieldValue = getFieldValue(event);
-    const value = formatValue(fieldValue, rules[name]);
+    const value = formatValue(fieldValue, getRule(name));
     setValues((prev) => {
       const newState = { ...prev };
       set(newState, name, value);
@@ -408,6 +415,11 @@ var createForm = (arg) => {
   };
   const register = (name, options = {}) => {
     addRule(name, options);
+    onCleanup(() => {
+      removeRule(name);
+      removeField(name);
+      clearError(name);
+    });
     return {
       name,
       onInput(event) {
@@ -430,11 +442,13 @@ var createForm = (arg) => {
         addTouched(name);
       },
       ref(element) {
-        const field = getField(name);
-        if (field) {
+        if (!element) {
           return;
         }
-        setField(name, element);
+        const field = getField(name);
+        if (field !== element) {
+          setField(name, element);
+        }
         setFieldValue(element, get(values(), name));
       }
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "2.5.0",
+  "version": "2.5.2",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",