@lets-events/react 11.7.1 → 11.7.3

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@11.7.1 build
+> @lets-events/react@11.7.3 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
 DTS Build start
-DTS ⚡️ Build success in 4206ms
-DTS dist\index.d.mts 383.55 KB
-DTS dist\index.d.ts  383.55 KB
+CJS dist\index.js 332.14 KB
+CJS ⚡️ Build success in 908ms
+ESM dist\index.mjs 320.00 KB
+ESM ⚡️ Build success in 909ms
+DTS ⚡️ Build success in 4528ms
+DTS dist\index.d.mts 383.65 KB
+DTS dist\index.d.ts  383.65 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lets-events/react
 
+## 11.7.3
+
+### Patch Changes
+
+- add placeholder to email form field
+
+## 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;
@@ -14668,7 +14668,8 @@ type EmailFormFieldProps = {
     name: string;
     label?: string;
     required?: boolean;
+    placeholder?: string;
 };
-declare const EmailFormField: ({ name, label, required, }: EmailFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const EmailFormField: ({ name, label, required, placeholder, }: EmailFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, isValidCNPJ, maskFormat, maskUnformat, useToast };

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;
@@ -14668,7 +14668,8 @@ type EmailFormFieldProps = {
     name: string;
     label?: string;
     required?: boolean;
+    placeholder?: string;
 };
-declare const EmailFormField: ({ name, label, required, }: EmailFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const EmailFormField: ({ name, label, required, placeholder, }: EmailFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 export { AddressFormFields, Alert, AlertDialogCompleteStyled, AlertDialogDescriptionStyled, AlertDialogRowStyled, AlertDialogSimpleStyled, AlertDialogSubtitleStyled, AlertDialogTitleStyled, AlertDialoghrStyled, type AlertProps, Avatar, type AvatarProps, AvatarStyled, Badge, type BadgeProps, BadgeStyled, BirthDateFormField, Box, Button, ButtonGroup, type ButtonGroupProps, ButtonGroupStyled, ButtonItem, type ButtonItemProps, ButtonItemStyled, type ButtonProps, CNPJFormField, CPFFormField, Calendar, type CalendarProps, Card, type CardProps, CardStyled, CheckboxGroup, CheckboxGroupFormField, type CheckboxGroupFormFieldProps, type CheckboxGroupProps, CheckboxGroupStyled, CheckboxItem, type CheckboxItemProps, Container, type ContainerProps, ContainerStyled, CountryFormField, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuProps, EmailFormField, type EmailFormFieldProps, ErrorFormMessage, type ErrorFormMessageProps, Filter, FilterItem, type FilterItemProps, type FilterProps, Flex, type FlexProps, FlexStyled, Form, FormLabel, type FormLabelProps, type FormProps, Grid, type GridProps, GridStyled, Icon, IdentityDocumentNumberFormField, InputStyled, MenuDropdown, type MenuDropdownProps, Modal, type ModalProps, MultiSelect, MultiSelectFormField, type MultiSelectFormFieldProps, type MultiSelectProps, PhoneFormField, type PhoneFormFieldProps, RadioGroup, RadioGroupFormField, type RadioGroupFormFieldProps, type RadioGroupProps, RadioGroupStyled, RadioItem, type RadioItemProps, Section, type SectionProps, SectionStyled, SelectFormField, type SelectFormFieldProps, Step, StepContent, StepList, type StepProps, StepStyled, StepTrigger, StepWrapper, Switch, type SwitchProps, SwitchStyled, Text, TextAreaFormField, type TextAreaFormFieldProps, TextField, type TextFieldProps, TextFieldSlot, type TextFieldSlotProps, TextFieldSlotStyled, TextFieldStyled, TextFormField, type TextFormFieldProps, type TextProps, TextStyle, TextareaField, type TextareaFieldProps, TextareaFieldStyle, TimePicker, TimePickerButtonStyled, TimePickerDropdownStyled, TimePickerFooterStyled, type TimePickerProps, TimePickerStyled, TimerPickerContentStyled, type Toast, type ToastComponentProps, type ToastConfig, type ToastContextType, ToastItem, type ToastOptions, ToastProvider, type ToastProviderProps, type ToastType, type ToasterShowOptions, Tooltip, TooltipContent, type TooltipProps, TooltipProvider, TooltipRoot, TooltipTrigger, isValidCNPJ, maskFormat, maskUnformat, useToast };

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
@@ -10795,7 +10800,8 @@ var import_jsx_runtime49 = require("react/jsx-runtime");
 var EmailFormField = ({
   name,
   label,
-  required
+  required,
+  placeholder
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     TextFormField,
@@ -10803,7 +10809,7 @@ var EmailFormField = ({
       name,
       label,
       required,
-      placeholder: "@mail.com",
+      placeholder,
       type: "email",
       validate: validateEmail("E-mail inv\xE1lido.")
     }

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
@@ -10701,7 +10706,8 @@ import { jsx as jsx49 } from "react/jsx-runtime";
 var EmailFormField = ({
   name,
   label,
-  required
+  required,
+  placeholder
 }) => {
   return /* @__PURE__ */ jsx49(
     TextFormField,
@@ -10709,7 +10715,7 @@ var EmailFormField = ({
       name,
       label,
       required,
-      placeholder: "@mail.com",
+      placeholder,
       type: "email",
       validate: validateEmail("E-mail inv\xE1lido.")
     }

package/package.json

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

package/src/components/FormFields/EmailFormField.tsx

@@ -5,19 +5,21 @@ export type EmailFormFieldProps = {
   name: string;
   label?: string;
   required?: boolean;
+  placeholder?: string;
 };
 
 export const EmailFormField = ({
   name,
   label,
   required,
+  placeholder,
 }: EmailFormFieldProps) => {
   return (
     <TextFormField
       name={name}
       label={label}
       required={required}
-      placeholder="@mail.com"
+      placeholder={placeholder}
       type="email"
       validate={validateEmail("E-mail inválido.")}
     />

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>
   );
 };