@texaryn/solid 0.2.0 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @texaryn/solid
 
+## 0.3.0
+
+### Minor Changes
+
+- 3e79b3e: FormRoot now renders the UI tree without creating a native form. Consumers own
+  the form element and connect its submit event to the runtime.
+- 3e79b3e: Give every renderer one localized validation message contract and normalize
+  adapter parameters so built-in widgets do not display evaluator diagnostics.
+
+### Patch Changes
+
+- Updated dependencies [35cb55f]
+- Updated dependencies [3e79b3e]
+  - @texaryn/core@0.16.0
+
 ## 0.2.0
 
 ### Minor Changes

package/README.md

@@ -14,13 +14,26 @@ const schema = await createJsonSchemaAdapter({
   },
 })
 const form = createForm(schema, { initialData: { name: '' } })
+function submit(event: SubmitEvent) {
+  event.preventDefault()
+  form.dispatch({ type: 'Submit' })
+}
 
 render(
-  () => <FormRoot form={form} registry={createDefaultRegistry()} showErrorSummary />,
+  () => (
+    <form noValidate onSubmit={submit}>
+      <FormRoot form={form} registry={createDefaultRegistry()} showErrorSummary />
+      <button type="submit">Submit</button>
+    </form>
+  ),
   document.getElementById('app')!,
 )
 ```
 
+`FormRoot` renders the tree only. The application owns the native `<form>` and
+connects its submit event to the runtime, so the tree can also be composed
+inside a larger form.
+
 `FormRoot` owns the runtime by default and destroys it when the Solid owner is
 disposed. Set `destroyOnUnmount={false}` when another owner manages the runtime.
 The default registry renders fields, object groups, arrays, validation messages,

package/dist/components/FormRoot.d.ts

@@ -11,4 +11,5 @@ export interface FormRootProps {
     summaryFocus?: boolean;
     children?: JSX.Element;
 }
+/** Renders the UI document tree. The consumer owns any native form element and submit handler. */
 export declare function FormRoot(props: FormRootProps): JSX.Element;