solid-hook-form 1.7.2 → 1.8.0

package/dist/main.d.ts

@@ -1,6 +1,6 @@
 import { Path, LiteralUnion, FieldPath, FieldPathValue, Resolver } from 'react-hook-form';
 import * as solid_js from 'solid-js';
-import { Accessor, ParentProps, JSX } from 'solid-js';
+import { Accessor, JSXElement, ParentProps } from 'solid-js';
 
 type Message = string;
 type FieldError = {
@@ -34,6 +34,24 @@ type Control<F extends FormValues> = {
     errors: Accessor<FieldErrors<F>>;
     register: Register<F>;
 };
+type UseControllerReturn = {
+    field: {
+        name: string;
+        value: Accessor<any>;
+        onInput(event: Event): void;
+        onChange(event: Event): void;
+        ref(element: HTMLElement): void;
+    };
+    fieldState: {
+        error: Accessor<FieldError | undefined>;
+    };
+};
+type ControllerProps<F extends FormValues> = {
+    control: Control<F>;
+    name: Path<F>;
+    rules?: Rules<F>;
+    render(arg: UseControllerReturn): JSXElement;
+};
 
 type FormValues = Record<string, any>;
 type Ref = HTMLElement | null;
@@ -78,25 +96,7 @@ declare const FormProvider: <T extends FormValues>(props: FormProviderProps<T>)
 
 declare const useFormContext: <T extends FormValues>() => UseFormReturn<T>;
 
-type ControllerRenderArg = {
-    field: {
-        name: string;
-        value: Accessor<any>;
-        onInput(event: Event): void;
-        onChange(event: Event): void;
-        ref(element: HTMLElement): void;
-    };
-    fieldState: {
-        error: Accessor<FieldError | undefined>;
-    };
-};
-type ControllerProps<F extends FormValues> = {
-    control: Control<F>;
-    name: Path<F>;
-    rules?: Rules<F>;
-    render(arg: ControllerRenderArg): JSX.Element;
-};
-declare const Controller: <F extends FormValues>(props: ControllerProps<F>) => JSX.Element;
+declare const Controller: <F extends FormValues>(props: ControllerProps<F>) => solid_js.JSX.Element;
 
 declare const get: (object: any, path: string, defaultValue?: unknown) => any;
 

package/dist/main.js

@@ -391,15 +391,15 @@ var useFormContext = () => {
   }
   return form;
 };
-var Controller = (props) => {
-  const fieldProps = props.control.register(props.name, props.rules);
+var useController = (arg) => {
+  const fieldProps = arg.control.register(arg.name, arg.rules);
   const value = createMemo(() => {
-    return get(props.control.values(), props.name);
+    return get(arg.control.values(), arg.name);
   });
   const error = createMemo(() => {
-    return props.control.errors()[props.name];
+    return arg.control.errors()[arg.name];
   });
-  return memo(() => props.render({
+  return {
     field: {
       value,
       ...fieldProps
@@ -407,7 +407,13 @@ var Controller = (props) => {
     fieldState: {
       error
     }
-  }));
+  };
+};
+
+// src/controller.tsx
+var Controller = (props) => {
+  const controller = useController(props);
+  return memo(() => props.render(controller));
 };
 
 export { Controller, FormProvider, get, set, useForm, useFormContext };

package/dist/main.jsx

@@ -392,18 +392,17 @@ var useFormContext = () => {
   return form;
 };
 
-// src/controller.tsx
+// src/use_controller.ts
 import { createMemo as createMemo2 } from "solid-js";
-var Controller = (props) => {
-  const fieldProps = props.control.register(props.name, props.rules);
+var useController = (arg) => {
+  const fieldProps = arg.control.register(arg.name, arg.rules);
   const value = createMemo2(() => {
-    return get(props.control.values(), props.name);
+    return get(arg.control.values(), arg.name);
   });
   const error = createMemo2(() => {
-    return props.control.errors()[props.name];
+    return arg.control.errors()[arg.name];
   });
-  return <>
-      {props.render({
+  return {
     field: {
       value,
       ...fieldProps
@@ -411,8 +410,13 @@ var Controller = (props) => {
     fieldState: {
       error
     }
-  })}
-    </>;
+  };
+};
+
+// src/controller.tsx
+var Controller = (props) => {
+  const controller = useController(props);
+  return <>{props.render(controller)}</>;
 };
 export {
   Controller,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-hook-form",
-  "version": "1.7.2",
+  "version": "1.8.0",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",