@codeleap/form 5.4.4 → 5.4.5

package/package.json

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

package/package.json.bak

@@ -1,6 +1,6 @@
 {
   "name": "@codeleap/form",
-  "version": "5.4.4",
+  "version": "5.4.5",
   "main": "src/index.ts",
   "license": "UNLICENSED",
   "repository": {
@@ -25,7 +25,6 @@
     "@codeleap/logger": "workspace:*",
     "zod": "*",
     "react": "18.2.0",
-    "typescript": "5.5.2",
-    "yup": "1.6.1"
+    "typescript": "5.5.2"
   }
 }

package/src/hooks/index.ts

@@ -1 +1,2 @@
-export { useField } from './useField'
+export { useField } from './useField'
+export { useValidate } from './useValidate'

package/src/hooks/useValidate.ts

@@ -0,0 +1,50 @@
+import { useCallback, useRef, useState } from 'react'
+import { Validator } from '../types'
+import { ValidationError } from '../lib/Field'
+
+export const useValidate = <T, V extends Validator<T, any, any>>(value: T, providedValidate: V) => {
+  const [hasBlurred, setHasBlurred] = useState(false)
+
+  const isUnset = typeof value === 'undefined'
+
+  const startedUnset = useRef(isUnset).current
+
+  const validate = useCallback((value: T) => {
+    try {
+      const result = providedValidate?.(value, {})
+
+      return result
+    } catch (e) {
+      if (e instanceof ValidationError) {
+        return {
+          isValid: false,
+          error: e.data
+        }
+      }
+
+      throw e
+    }
+  }, [])
+
+  const onInputBlurred = useCallback(() => {
+    setHasBlurred(true)
+  }, [])
+
+  const validation = validate(value)
+
+  const isValid = validation?.isValid ?? true
+
+  const isInvalid = !isValid
+
+  const message = validation?.readableError ?? validation?.error?.[0]?.message
+
+  const errorDisplayRequiresBlur = startedUnset
+
+  const showError = isInvalid && (errorDisplayRequiresBlur ? hasBlurred : true)
+
+  return {
+    onInputBlurred,
+    showError,
+    message,
+  }
+}

package/src/lib/Field.ts

@@ -9,7 +9,7 @@ import { useFieldBinding } from './useFieldBinding';
 import { createRef, useRef, useState } from 'react';
 import { logger } from '@codeleap/logger';
 
-class ValidationError extends Error {
+export class ValidationError extends Error {
   data: any
 
   constructor(data: any) {