feat: Update rendering of form fields in UI5WidgetFactory

This commit updates the `UI5WidgetFactory` in the `modules/ui5` directory to improve the rendering of form fields. The `renderVar` method now uses the `asForm` extension method from the `Form` object to render the form fields. This change ensures consistency in rendering across different types of form fields in UI5 widgets.

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

examples/client/src/main/scala/samples/EitherSample.scala

@@ -22,7 +22,7 @@ val either = Sample(
           s"$item"
         )
       },
-      Form.renderVar(eitherVar)
+      eitherVar.asForm
     )
   }
 )

examples/client/src/main/scala/samples/EnumSample.scala

@@ -33,7 +33,7 @@ val enums = Sample(
           s"$item"
         )
       },
-      Form.renderVar(eitherVar)
+      eitherVar.asForm
     )
   }
 )

examples/client/src/main/scala/samples/ListElement.scala

@@ -25,7 +25,7 @@ val list = Sample(
         s"$item"
       )
     },
-    Form.renderVar(listPersonVar),
+    listPersonVar.asForm,
     child <-- listIntVar.signal.map { item =>
       div(
         s"$item"

examples/client/src/main/scala/samples/Persons.scala

@@ -54,6 +54,6 @@ val person = Sample(
         s"$item"
       )
     },
-    Form.renderVar(personVar)
+    personVar.asForm
   )
 )

examples/client/src/main/scala/samples/SimpleSample.scala

@@ -17,7 +17,7 @@ val simple = Sample(
           s"$item"
         )
       },
-      Form.renderVar(eitherVar)
+      eitherVar.asForm
     )
   }
 )

examples/client/src/main/scala/samples/Tree.scala

@@ -110,7 +110,7 @@ val tree = Sample(
       child <-- treeVar2.signal
         .distinctByFn(Tree.isSameStructure)
         .map { item =>
-          Form.renderVar(treeVar2)
+          treeVar2.asForm
         }
     )
   }

examples/client/src/main/scala/samples/Validation.scala

@@ -38,6 +38,6 @@ val validation = Sample(
         s"$item"
       )
     },
-    Form.renderVar(ironSampleVar)
+    ironSampleVar.asForm
   )
 )

modules/core/src/main/scala/dev/cheleb/scalamigen/Form.scala

@@ -6,6 +6,11 @@ import magnolia1.*
 import scala.util.Try
 import com.raquo.airstream.state.Var
 import org.scalajs.dom.HTMLDivElement
+import org.scalajs.dom.HTMLElement
+import com.raquo.laminar.nodes.ReactiveHtmlElement
+
+extension [A](v: Var[A])
+  def asForm(using WidgetFactory, Form[A]) = Form.renderVar(v)
 
 trait Form[A] { self =>
 
@@ -62,9 +67,9 @@ object Form extends AutoDerivation[Form] {
       WidgetFactory
   )(using
       fa: Form[A]
-  ) = {
+  ): ReactiveHtmlElement[HTMLElement] =
     fa.render(v, syncParent)
-  }
+
   def join[A](
       caseClass: CaseClass[Typeclass, A]
   ): Form[A] = new Form[A] {
@@ -150,3 +155,43 @@ object Form extends AutoDerivation[Form] {
   }
 
 }
+
+/** Use this form to render a string that can be converted to A, can be used for
+  * Opaque types.
+  */
+def stringForm[A](to: String => A) = new Form[A]:
+  override def render(
+      variable: Var[A],
+      syncParent: () => Unit,
+      values: List[A] = List.empty
+  )(using factory: WidgetFactory): HtmlElement =
+    factory.renderText.amend(
+      value <-- variable.signal.map(_.toString),
+      onInput.mapToValue.map(to) --> { v =>
+        variable.set(v)
+        syncParent()
+      }
+    )
+
+/** Form for a numeric type.
+  */
+def numericForm[A](f: String => Option[A], zero: A): Form[A] = new Form[A] {
+  self =>
+  override def fromString(s: String): Option[A] =
+    f(s).orElse(Some(zero))
+  override def render(
+      variable: Var[A],
+      syncParent: () => Unit,
+      values: List[A] = List.empty
+  )(using factory: WidgetFactory): HtmlElement =
+    factory.renderNumeric
+      .amend(
+        value <-- variable.signal.map { str =>
+          str.toString()
+        },
+        onInput.mapToValue --> { v =>
+          fromString(v).foreach(variable.set)
+          syncParent()
+        }
+      )
+}

modules/core/src/main/scala/dev/cheleb/scalamigen/Forms.scala → modules/core/src/main/scala/dev/cheleb/scalamigen/package.scala

@@ -98,46 +98,6 @@ given Form[String] with
         }
       )
 
-/** Use this form to render a string that can be converted to A, can be used for
-  * Opaque types.
-  */
-def stringForm[A](to: String => A) = new Form[A]:
-  override def render(
-      variable: Var[A],
-      syncParent: () => Unit,
-      values: List[A] = List.empty
-  )(using factory: WidgetFactory): HtmlElement =
-    factory.renderText.amend(
-      value <-- variable.signal.map(_.toString),
-      onInput.mapToValue.map(to) --> { v =>
-        variable.set(v)
-        syncParent()
-      }
-    )
-
-/** Form for a numeric type.
-  */
-def numericForm[A](f: String => Option[A], zero: A): Form[A] = new Form[A] {
-  self =>
-  override def fromString(s: String): Option[A] =
-    f(s).orElse(Some(zero))
-  override def render(
-      variable: Var[A],
-      syncParent: () => Unit,
-      values: List[A] = List.empty
-  )(using factory: WidgetFactory): HtmlElement =
-    factory.renderNumeric
-      .amend(
-        value <-- variable.signal.map { str =>
-          str.toString()
-        },
-        onInput.mapToValue --> { v =>
-          fromString(v).foreach(variable.set)
-          syncParent()
-        }
-      )
-}
-
 given Form[Nothing] = new Form[Nothing] {
   override def render(
       variable: Var[Nothing],