react-compose-form 0.0.6-beta.0 → 0.0.6-beta.2

package/lib/blocks/ControllerWithContext.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ControllerProps } from "react-hook-form";
+export declare const ControllerWithContext: React.FC<ControllerProps>;

package/lib/blocks/ControllerWithContext.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Controller, useFormContext } from "react-hook-form";
+export const ControllerWithContext = (props) => {
+    const { control } = useFormContext();
+    return (_jsx(Controller, Object.assign({}, props, { control: control })));
+};

package/lib/blocks/FormControl.d.ts

@@ -1,10 +1,11 @@
 import { ComponentType } from "react";
 import { Control, ControllerRenderProps, Message, ValidationRule, ControllerFieldState } from "react-hook-form";
-export type FormFieldProps<P = unknown> = P & Partial<ControllerRenderProps & ControllerFieldState>;
+import { FormFieldProps } from "../types";
 export type FormControlProps<P = unknown> = Omit<P, "as" | "name" | "disabled" | "required" | keyof ControllerFieldState | keyof ControllerRenderProps> & {
     as?: ComponentType<FormFieldProps<P>>;
     name: string;
     disabled?: boolean;
+    withState?: boolean;
     required?: Message | ValidationRule<boolean>;
     control?: Control;
 };

package/lib/blocks/FormControl.js

@@ -10,20 +10,19 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormContext, Controller } from "react-hook-form";
+import { Controller } from "react-hook-form";
 import { FormControlContext } from "../contexts";
 import { useFormGroupName } from "../hooks";
-const ControllerWithContext = (props) => {
-    const { control } = useFormContext();
-    return (_jsx(Controller, Object.assign({}, props, { control: control })));
-};
+import { ControllerWithContext } from "./ControllerWithContext";
 export const FormControl = (props) => {
-    const { as: Component = "input", name, disabled = false, required, control } = props, rest = __rest(props, ["as", "name", "disabled", "required", "control"]);
+    const { as: Component = "input", name, disabled = false, withState, required, control } = props, rest = __rest(props, ["as", "name", "disabled", "withState", "required", "control"]);
     const fullName = useFormGroupName(name);
-    const C = control ? Controller : ControllerWithContext;
-    return (_jsx(C, { control: control, disabled: disabled, name: fullName, rules: {
+    const ControllerComponent = control
+        ? Controller
+        : ControllerWithContext;
+    return (_jsx(ControllerComponent, { control: control, disabled: disabled, name: fullName, rules: {
             required
         }, render: ({ field, fieldState }) => {
-            return (_jsx(FormControlContext, { value: fieldState, children: _jsx(Component, Object.assign({}, rest, field)) }));
+            return (_jsx(FormControlContext, { value: fieldState, children: _jsx(Component, Object.assign({}, rest, withState ? fieldState : {}, field)) }));
         } }));
 };

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./blocks";
 export * from "./contexts";
 export * from "./hooks";
+export * from "./types";

package/lib/index.js

@@ -1,3 +1,4 @@
 export * from "./blocks";
 export * from "./contexts";
 export * from "./hooks";
+export * from "./types";

package/lib/types/FormFieldProps.d.ts

@@ -0,0 +1,2 @@
+import { ControllerRenderProps, ControllerFieldState } from "react-hook-form";
+export type FormFieldProps<P = unknown> = P & Partial<ControllerRenderProps & ControllerFieldState>;

package/lib/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FormFieldProps";
+export * from "./PolymorphicComponentProps";

package/lib/types/index.js

@@ -0,0 +1,2 @@
+export * from "./FormFieldProps";
+export * from "./PolymorphicComponentProps";

package/package.json

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

package/lib/contexts/FormRegistryContext.d.ts

@@ -1 +0,0 @@
-export declare const useFormRegistry: () => void;

package/lib/contexts/FormRegistryContext.js

@@ -1,6 +0,0 @@
-import { useCallback } from "react";
-const formMap = new Map();
-export const useFormRegistry = () => {
-    const subscribe = useCallback(() => {
-    }, []);
-};

package/lib/types/FormControl.d.ts

@@ -1,4 +0,0 @@
-import { FormState } from "react-hook-form";
-export type FormControl = {
-    formState: FormState<any>;
-};