@codeleap/form 5.0.1 → 5.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/form",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -9,9 +9,9 @@
     "directory": "packages/form"
   },
   "devDependencies": {
-    "@codeleap/config": "5.0.1",
-    "@codeleap/types": "5.0.1",
-    "@codeleap/store": "5.0.1",
+    "@codeleap/config": "5.0.2",
+    "@codeleap/types": "5.0.2",
+    "@codeleap/store": "5.0.2",
     "zod": "3.23.8",
     "ts-node-dev": "1.1.8"
   },
@@ -20,8 +20,8 @@
     "playground": "bun src/test.ts"
   },
   "peerDependencies": {
-    "@codeleap/types": "5.0.1",
-    "@codeleap/store": "5.0.1",
+    "@codeleap/types": "5.0.2",
+    "@codeleap/store": "5.0.2",
     "zod": "*",
     "react": "18.2.0",
     "typescript": "5.5.2",

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/form",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {

package/src/lib/Field.ts

@@ -113,6 +113,10 @@ export class Field<
     return value
   }
 
+  resetValue() {
+    this.setValue(this.initialValue)
+  }
+
   use(impl?: Partial<IFieldRef<T>>, deps?: any[]){
     const value = this.useValue()    
 

package/src/lib/Form.ts

@@ -1,7 +1,6 @@
 import { createStateSlice, GlobalState, globalState } from "@codeleap/store"
- 
 import { TypeGuards } from "@codeleap/types"
-import { useCallback, useEffect, useMemo, useRef, useState } from "react"
+import { DependencyList, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react"
 import { FieldPaths, FieldPropertyTuples, FieldTuples, FormDef, FormValues, PropertyForKeys, ValidationResult } from "../types"
 
 
@@ -81,6 +80,19 @@ class Form<T extends FormDef> {
     return results
   }
 
+  setValues(values: Partial<FormValues<T>>) {
+    this.iterFields(([name, field]) => {
+      const value = values?.[name]
+      if (value) field.setValue(value)
+    })
+  }
+
+  resetValues() {
+    this.iterFields(([name, field]) => {
+      field.resetValue()
+    })
+  }
+
   attachState(){
     this.iterFields(([name, field]) => {
       field.options.name = name
@@ -127,13 +139,15 @@ class Form<T extends FormDef> {
     } 
     return this.fields[field].props()
   }
- 
 
-  use<Selected>(selector: FormSelector<T, Selected>): Selected {
+  useSetValues(formValues?: Partial<FormValues<T>>, deps: DependencyList = []) {
+    useLayoutEffect(() => {
+      if (formValues) this.setValues(formValues)
+    }, deps)
+  }
 
-   
+  use<Selected>(selector: FormSelector<T, Selected>): Selected {
     const [selected, setSelected] = useState(() => selector(this))
-
     
     const reselect = useCallback(() => {
       setSelected(selector(this))
@@ -147,14 +161,8 @@ class Form<T extends FormDef> {
       })      
     }, [reselect])
 
-    
-
     return selected
   }
-
-
- 
-
 }