@lets-events/react 11.7.1 → 11.7.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@11.7.1 build
+> @lets-events/react@11.7.2 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist\index.js 332.02 KB
-CJS ⚡️ Build success in 316ms
-ESM dist\index.mjs 319.88 KB
-ESM ⚡️ Build success in 318ms
+CJS dist\index.js 332.14 KB
+CJS ⚡️ Build success in 234ms
+ESM dist\index.mjs 320.00 KB
+ESM ⚡️ Build success in 235ms
 DTS Build start
-DTS ⚡️ Build success in 4206ms
-DTS dist\index.d.mts 383.55 KB
-DTS dist\index.d.ts  383.55 KB
+DTS ⚡️ Build success in 4217ms
+DTS dist\index.d.mts 383.61 KB
+DTS dist\index.d.ts  383.61 KB

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lets-events/react
 
+## 11.7.2
+
+### Patch Changes
+
+- form child function
+
 ## 11.7.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -13,7 +13,7 @@ import { VariantProps } from '@stitches/react';
 import { MaskOptions, format, unformat } from '@react-input/mask';
 import { Dialog } from 'radix-ui';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { FieldError, Merge, FieldErrorsImpl, FieldValues, UseFormProps, SubmitHandler, useForm } from 'react-hook-form';
+import { FieldError, Merge, FieldErrorsImpl, FieldValues, UseFormProps, SubmitHandler, UseFormReturn, useForm } from 'react-hook-form';
 
 interface IconProps extends Omit<FontAwesomeIconProps, "icon" | "size"> {
     name: IconName;
@@ -14535,7 +14535,7 @@ declare const TextFormField: ({ name, label, required, mask, validate, validatio
 
 type FormProps<T extends FieldValues = FieldValues> = UseFormProps<T> & {
     onSubmit: SubmitHandler<T>;
-    children: JSX.Element;
+    children: JSX.Element | ((p: UseFormReturn<T, any, T>) => JSX.Element);
     methods?: ReturnType<typeof useForm<T>>;
 };
 declare const Form: <T extends FieldValues = FieldValues>({ onSubmit, children, ...props }: FormProps<T>) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -13,7 +13,7 @@ import { VariantProps } from '@stitches/react';
 import { MaskOptions, format, unformat } from '@react-input/mask';
 import { Dialog } from 'radix-ui';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { FieldError, Merge, FieldErrorsImpl, FieldValues, UseFormProps, SubmitHandler, useForm } from 'react-hook-form';
+import { FieldError, Merge, FieldErrorsImpl, FieldValues, UseFormProps, SubmitHandler, UseFormReturn, useForm } from 'react-hook-form';
 
 interface IconProps extends Omit<FontAwesomeIconProps, "icon" | "size"> {
     name: IconName;
@@ -14535,7 +14535,7 @@ declare const TextFormField: ({ name, label, required, mask, validate, validatio
 
 type FormProps<T extends FieldValues = FieldValues> = UseFormProps<T> & {
     onSubmit: SubmitHandler<T>;
-    children: JSX.Element;
+    children: JSX.Element | ((p: UseFormReturn<T, any, T>) => JSX.Element);
     methods?: ReturnType<typeof useForm<T>>;
 };
 declare const Form: <T extends FieldValues = FieldValues>({ onSubmit, children, ...props }: FormProps<T>) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -9915,7 +9915,12 @@ var Form = (_a) => {
   const formMethods = (0, import_react_hook_form3.useForm)(__spreadValues({
     mode: "onTouched"
   }, props));
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_hook_form3.FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("form", { onSubmit: formMethods.handleSubmit(onSubmit), children }) }));
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_hook_form3.FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("form", { onSubmit: formMethods.handleSubmit(onSubmit), children: (() => {
+    if (typeof children === "function") {
+      return children(formMethods);
+    }
+    return children;
+  })() }) }));
 };
 
 // src/components/FormFields/MultiSelectFormField.tsx

package/dist/index.mjs

@@ -9821,7 +9821,12 @@ var Form = (_a) => {
   const formMethods = useForm(__spreadValues({
     mode: "onTouched"
   }, props));
-  return /* @__PURE__ */ jsx34(FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ jsx34("form", { onSubmit: formMethods.handleSubmit(onSubmit), children }) }));
+  return /* @__PURE__ */ jsx34(FormProvider, __spreadProps(__spreadValues({}, formMethods), { children: /* @__PURE__ */ jsx34("form", { onSubmit: formMethods.handleSubmit(onSubmit), children: (() => {
+    if (typeof children === "function") {
+      return children(formMethods);
+    }
+    return children;
+  })() }) }));
 };
 
 // src/components/FormFields/MultiSelectFormField.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "11.7.1",
+  "version": "11.7.2",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/FormFields/Form.tsx

@@ -1,15 +1,16 @@
-import { JSX } from "react";
+import { JSX, useMemo } from "react";
 import {
   FormProvider,
   useForm,
   SubmitHandler,
   FieldValues,
   UseFormProps,
+  UseFormReturn,
 } from "react-hook-form";
 
 export type FormProps<T extends FieldValues = FieldValues> = UseFormProps<T> & {
   onSubmit: SubmitHandler<T>;
-  children: JSX.Element;
+  children: JSX.Element | ((p: UseFormReturn<T, any, T>) => JSX.Element);
   methods?: ReturnType<typeof useForm<T>>;
 };
 
@@ -22,10 +23,17 @@ export const Form = <T extends FieldValues = FieldValues>({
     mode: "onTouched",
     ...props,
   });
-
+  
   return (
     <FormProvider {...formMethods}>
-      <form onSubmit={formMethods.handleSubmit(onSubmit)}>{children}</form>
+      <form onSubmit={formMethods.handleSubmit(onSubmit)}>
+        {(() => {
+          if (typeof children === "function") {
+            return children(formMethods);
+          }
+          return children;
+        })()}
+      </form>
     </FormProvider>
   );
 };