Refactor form inputs handling in PrismaTable

The form inputs logic in PrismaTable has been simplified to be more efficient. The useFormContext control has been replaced with register and getFieldState functionalities. These changes clean up code redundancy and deliver better error message handling.

packages/admin/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @paljs/admin
 
+## 7.0.4
+
+### Patch Changes
+
+- Refactor form inputs handling in PrismaTable
+
 ## 7.0.3
 
 ### Patch Changes

packages/admin/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paljs/admin",
-  "version": "7.0.3",
+  "version": "7.0.4",
   "main": "index.js",
   "module": "./esm/index.js",
   "types": "index.d.ts",

packages/admin/src/PrismaTable/Form/Inputs.tsx

@@ -57,25 +57,22 @@ const defaultInputs: Omit<FormInputs, 'Upload' | 'Editor'> = {
           break;
       }
     }
-    const { control } = useFormContext();
-    const {
-      field: inputField,
-      fieldState: { error },
-    } = useController({
-      name: field.name,
-      control,
-      defaultValue: value,
-      rules: { required: field.required, ...getFieldValidation(field, inputValidation) },
-    });
+    const { register, getFieldState } = useFormContext();
+    const { error } = getFieldState(field.name);
     return (
       <div className="flex flex-wrap w-full sm:w-1/2 pr-2 pt-2">
         <div className="w-full text-gray-600">
           {field.title}
-          {error && <span className="text-red-700 text-xs">{error.message ? error.message : lang.isRequired}</span>}
+          {error && (
+            <span className="text-red-700 text-xs">
+              {typeof error.message === 'string' ? error.message : lang.isRequired}
+            </span>
+          )}
         </div>
         <input
           className={classNames('w-full', inputClasses, error ? 'border-red-400' : '')}
-          {...inputField}
+          defaultValue={value}
+          {...register(field.name, { required: field.required, ...getFieldValidation(field, inputValidation) })}
           {...options}
         />
       </div>