react-compose-form 0.0.6-beta.3 → 0.0.6-beta.5

package/lib/blocks/Form.d.ts

@@ -1,8 +1,8 @@
 import { ElementType } from "react";
 import { UseFormProps, FieldValues, SubmitHandler, SubmitErrorHandler } from "react-hook-form";
-import { PolymorphicComponentProps } from "../types/PolymorphicComponentProps";
-export type FormProps<T extends FieldValues = FieldValues, C extends ElementType = "form"> = PolymorphicComponentProps<C, UseFormProps<T, C> & {
+import { PolymorphicComponentProps } from "../types";
+export type FormProps<T extends FieldValues = FieldValues, C = any, E extends ElementType = "form"> = PolymorphicComponentProps<E, UseFormProps<T, C> & {
     onSubmit?: SubmitHandler<T>;
     onInvalid?: SubmitErrorHandler<T>;
 }>;
-export declare const Form: <T extends FieldValues = FieldValues, C extends ElementType = "form">(props: FormProps<T, C>) => import("react/jsx-runtime").JSX.Element;
+export declare const Form: <T extends FieldValues = FieldValues, C = any, E extends ElementType = "form">(props: FormProps<T, C, E>) => import("react/jsx-runtime").JSX.Element;

package/lib/blocks/FormControl.d.ts

@@ -1,5 +1,5 @@
 import { ComponentType } from "react";
-import { Control, ControllerRenderProps, Message, ValidationRule, ControllerFieldState } from "react-hook-form";
+import { Control, ControllerRenderProps, Message, ValidationRule, ControllerFieldState, Validate } from "react-hook-form";
 import { FormFieldProps } from "../types";
 export type FormControlProps<P = unknown> = Omit<P, "as" | "name" | "disabled" | "required" | keyof ControllerFieldState | keyof ControllerRenderProps> & {
     as?: ComponentType<FormFieldProps<P>>;
@@ -7,6 +7,7 @@ export type FormControlProps<P = unknown> = Omit<P, "as" | "name" | "disabled" |
     disabled?: boolean;
     withState?: boolean;
     required?: Message | ValidationRule<boolean>;
+    validate?: Validate<any, any> | Record<string, Validate<any, any>>;
     control?: Control;
 };
 export declare const FormControl: <P = unknown>(props: FormControlProps<P>) => import("react/jsx-runtime").JSX.Element;

package/lib/blocks/FormControl.js

@@ -15,13 +15,14 @@ import { FormControlContext } from "../contexts";
 import { useFormGroupName } from "../hooks";
 import { ControllerWithContext } from "./ControllerWithContext";
 export const FormControl = (props) => {
-    const { as: Component = "input", name, disabled = false, withState, required, control } = props, rest = __rest(props, ["as", "name", "disabled", "withState", "required", "control"]);
+    const { as: Component = "input", name, disabled = false, withState, required, validate, control } = props, rest = __rest(props, ["as", "name", "disabled", "withState", "required", "validate", "control"]);
     const fullName = useFormGroupName(name);
     const ControllerComponent = control
         ? Controller
         : ControllerWithContext;
     return (_jsx(ControllerComponent, { control: control, disabled: disabled, name: fullName, rules: {
-            required
+            required,
+            validate
         }, render: ({ field, fieldState }) => {
             return (_jsx(FormControlContext, { value: fieldState, children: _jsx(Component, Object.assign({}, rest, withState ? fieldState : {}, field)) }));
         } }));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-compose-form",
-    "version": "0.0.6-beta.3",
+    "version": "0.0.6-beta.5",
     "description": "Composable form components built on top of React Hook Form",
     "author": "Kris Papercut <krispcut@gmail.com>",
     "license": "MIT",