@lets-events/react 11.7.2 → 11.7.4

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @lets-events/react@11.7.2 build
+> @lets-events/react@11.7.4 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.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 4217ms
-DTS dist\index.d.mts 383.61 KB
-DTS dist\index.d.ts  383.61 KB
+ESM dist\index.mjs 320.05 KB
+ESM ⚡️ Build success in 310ms
+CJS dist\index.js 332.18 KB
+CJS ⚡️ Build success in 310ms
+DTS ⚡️ Build success in 4234ms
+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.4
+
+### Patch Changes
+
+- fix: add validate null fallback to textformfield
+
+## 11.7.3
+
+### Patch Changes
+
+- add placeholder to email form field
+
 ## 11.7.2
 
 ### Patch Changes

package/dist/index.d.mts

@@ -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

@@ -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

@@ -9846,7 +9846,8 @@ var TextFormField = (_a) => {
   const handleValidate = (0, import_react17.useCallback)(
     (value) => {
       var _a2;
-      if (!required && value.trim() === "") return true;
+      if (value === void 0 || value === null || !required && value.trim() === "")
+        return true;
       return (_a2 = validate == null ? void 0 : validate(value)) != null ? _a2 : true;
     },
     [validate, required]
@@ -10800,7 +10801,8 @@ var import_jsx_runtime49 = require("react/jsx-runtime");
 var EmailFormField = ({
   name,
   label,
-  required
+  required,
+  placeholder
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     TextFormField,
@@ -10808,7 +10810,7 @@ var EmailFormField = ({
       name,
       label,
       required,
-      placeholder: "@mail.com",
+      placeholder,
       type: "email",
       validate: validateEmail("E-mail inv\xE1lido.")
     }

package/dist/index.mjs

@@ -9749,7 +9749,8 @@ var TextFormField = (_a) => {
   const handleValidate = useCallback3(
     (value) => {
       var _a2;
-      if (!required && value.trim() === "") return true;
+      if (value === void 0 || value === null || !required && value.trim() === "")
+        return true;
       return (_a2 = validate == null ? void 0 : validate(value)) != null ? _a2 : true;
     },
     [validate, required]
@@ -10706,7 +10707,8 @@ import { jsx as jsx49 } from "react/jsx-runtime";
 var EmailFormField = ({
   name,
   label,
-  required
+  required,
+  placeholder
 }) => {
   return /* @__PURE__ */ jsx49(
     TextFormField,
@@ -10714,7 +10716,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.2",
+  "version": "11.7.4",
   "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/TextFormField.tsx

@@ -39,8 +39,13 @@ export const TextFormField = ({
   ...inputProps
 }: TextFormFieldProps) => {
   const handleValidate = useCallback(
-    (value: string) => {
-      if (!required && value.trim() === "") return true;
+    (value?: string) => {
+      if (
+        value === undefined ||
+        value === null ||
+        (!required && value.trim() === "")
+      )
+        return true;
       return validate?.(value) ?? true;
     },
     [validate, required]