add required asterisk

packages/remult-uikit/src/Controller.tsx

@@ -4,7 +4,7 @@ import type {
 	ControllerRenderProps,
 	FieldValues,
 } from 'react-hook-form'
-import { getValidator } from './util'
+import { getValidator, isRequired } from './util'
 import { Repository } from 'remult'
 
 type ControllerPropsWithRepo<T> = Omit<ControllerProps, 'name'> & {
@@ -29,9 +29,13 @@ const Controller = <T,>(props: ControllerPropsWithRepo<T>) => {
 				validate: getValidator(props.repo, props.name as keyof T),
 			}}
 			render={({ field, fieldState, formState }) => {
+				// @ts-expect-error
+				const isRequiredField = isRequired(props.repo.fields[props.name])
 				const newField: ControllerRenderPropsWithRemult = {
 					...field,
-					label: props.repo.fields[props.name as keyof T].caption,
+					label: `${props.repo.fields[props.name as keyof T].caption}${
+						isRequiredField ? ' *' : ''
+					}`,
 					// required: isRequired(props.repo.fields[props.name]),
 				}
 				return props.render({ field: newField, fieldState, formState })

packages/remult-uikit/src/index.ts

@@ -84,7 +84,7 @@ export const useRemultForm = <T>(repo: Repository<T>) => {
 const repoResolver = <T>(repo: Repository<T>) => {
 	return async (values: T) => {
 		const errors = await repo.validate(values)
-		if (errors && errors.modelState)
+		if (errors && errors.modelState) {
 			return {
 				values,
 				errors: Object.fromEntries(
@@ -94,6 +94,7 @@ const repoResolver = <T>(repo: Repository<T>) => {
 					])
 				),
 			}
+		}
 		return { values, errors: {} }
 	}
 }