@ttoss/forms 0.34.0 → 0.35.0

package/dist/esm/Brazil/index.js

@@ -1,6 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import * as React from 'react';
-import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-UYZ5HGD3.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-EA4K5JAO.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";

package/dist/esm/MultistepForm/index.js

@@ -1,7 +1,7 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import * as React from 'react';
-import { Form, useForm, yupResolver } from "../chunk-YGXPWMYB.js";
-import { __name } from "../chunk-UYZ5HGD3.js";
+import { Form, useForm, yupResolver } from "../chunk-X2A7XW2U.js";
+import { __name } from "../chunk-EA4K5JAO.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import { Flex as Flex6 } from "@ttoss/ui";

package/dist/esm/{chunk-UYZ5HGD3.js → chunk-EA4K5JAO.js}

@@ -225,6 +225,8 @@ var FormFieldPatternFormat = /* @__PURE__ */__name(({
     leadingIcon,
     trailingIcon,
     auxiliaryCheckbox,
+    onBlur,
+    onValueChange,
     ...patternFormatProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -247,9 +249,13 @@ var FormFieldPatternFormat = /* @__PURE__ */__name(({
         ...patternFormatProps,
         name: field.name,
         value: field.value,
-        onBlur: field.onBlur,
-        onValueChange: /* @__PURE__ */__name(values => {
+        onBlur: /* @__PURE__ */__name(e => {
+          field.onBlur();
+          onBlur?.(e);
+        }, "onBlur"),
+        onValueChange: /* @__PURE__ */__name((values, sourceInfo) => {
           field.onChange(values.value);
+          onValueChange?.(values, sourceInfo);
         }, "onValueChange"),
         customInput: Input,
         leadingIcon,

package/dist/esm/{chunk-YGXPWMYB.js → chunk-X2A7XW2U.js}

@@ -1,6 +1,6 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import * as React from 'react';
-import { FormErrorMessage, FormField, FormFieldPatternFormat, __name, isCnpjValid } from "./chunk-UYZ5HGD3.js";
+import { FormErrorMessage, FormField, FormFieldPatternFormat, __name, isCnpjValid } from "./chunk-EA4K5JAO.js";
 
 // src/Form.tsx
 import { Box } from "@ttoss/ui";
@@ -38,6 +38,8 @@ var FormFieldCheckbox = /* @__PURE__ */__name(({
     css,
     rules,
     id,
+    onBlur,
+    onChange,
     ...checkboxProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -62,6 +64,14 @@ var FormFieldCheckbox = /* @__PURE__ */__name(({
       return /* @__PURE__ */React.createElement(Checkbox, {
         ...checkboxProps,
         ...fieldWithoutValue,
+        onBlur: /* @__PURE__ */__name(e => {
+          field.onBlur();
+          onBlur?.(e);
+        }, "onBlur"),
+        onChange: /* @__PURE__ */__name(e => {
+          field.onChange(e);
+          onChange?.(e);
+        }, "onChange"),
         checked: value,
         disabled: disabled ?? field.disabled,
         "aria-invalid": !!fieldState.error
@@ -106,6 +116,8 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
     leadingIcon,
     trailingIcon,
     auxiliaryCheckbox,
+    onBlur,
+    onValueChange,
     ...numericFormatProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -127,9 +139,13 @@ var FormFieldNumericFormat = /* @__PURE__ */__name(({
         ...numericFormatProps,
         name: field.name,
         value: field.value,
-        onBlur: field.onBlur,
-        onValueChange: /* @__PURE__ */__name(values => {
+        onBlur: /* @__PURE__ */__name(e => {
+          field.onBlur();
+          onBlur?.(e);
+        }, "onBlur"),
+        onValueChange: /* @__PURE__ */__name((values, sourceInfo) => {
           field.onChange(values.floatValue);
+          onValueChange?.(values, sourceInfo);
         }, "onValueChange"),
         customInput: Input,
         leadingIcon,
@@ -199,6 +215,8 @@ var FormFieldInput = /* @__PURE__ */__name(({
     leadingIcon,
     trailingIcon,
     auxiliaryCheckbox,
+    onBlur,
+    onChange,
     ...inputProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -220,6 +238,14 @@ var FormFieldInput = /* @__PURE__ */__name(({
       return /* @__PURE__ */React.createElement(Input2, {
         ...inputProps,
         ...field,
+        onBlur: /* @__PURE__ */__name(e => {
+          field.onBlur();
+          onBlur?.(e);
+        }, "onBlur"),
+        onChange: /* @__PURE__ */__name(e => {
+          field.onChange(e);
+          onChange?.(e);
+        }, "onChange"),
         leadingIcon,
         trailingIcon,
         disabled: disabled ?? field.disabled,
@@ -247,6 +273,8 @@ var FormFieldPassword = /* @__PURE__ */__name(({
     id,
     leadingIcon,
     auxiliaryCheckbox,
+    onBlur,
+    onChange,
     ...inputProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -268,6 +296,14 @@ var FormFieldPassword = /* @__PURE__ */__name(({
       return /* @__PURE__ */React.createElement(InputPassword, {
         ...inputProps,
         ...field,
+        onBlur: /* @__PURE__ */__name(e => {
+          field.onBlur();
+          onBlur?.(e);
+        }, "onBlur"),
+        onChange: /* @__PURE__ */__name(e => {
+          field.onChange(e);
+          onChange?.(e);
+        }, "onChange"),
         leadingIcon,
         disabled: disabled ?? field.disabled,
         "aria-invalid": fieldState.error ? "true" : void 0
@@ -293,6 +329,8 @@ var FormFieldRadio = /* @__PURE__ */__name(({
     rules,
     id,
     defaultValue,
+    onBlur,
+    onChange,
     ...radioProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -323,8 +361,14 @@ var FormFieldRadio = /* @__PURE__ */__name(({
           }
         }, /* @__PURE__ */React.createElement(Radio, {
           ref: field.ref,
-          onChange: field.onChange,
-          onBlur: field.onBlur,
+          onChange: /* @__PURE__ */__name(e => {
+            field.onChange(e);
+            onChange?.(e);
+          }, "onChange"),
+          onBlur: /* @__PURE__ */__name(e => {
+            field.onBlur();
+            onBlur?.(e);
+          }, "onBlur"),
           value: option.value,
           checked: field.value === option.value,
           name,
@@ -355,6 +399,8 @@ var FormFieldRadioCard = /* @__PURE__ */__name(({
     options,
     direction = "column",
     width = "full",
+    onBlur,
+    onChange,
     ...radioProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -396,8 +442,14 @@ var FormFieldRadioCard = /* @__PURE__ */__name(({
         }, /* @__PURE__ */React.createElement(Radio2, {
           ...radioProps,
           ref: field.ref,
-          onChange: field.onChange,
-          onBlur: field.onBlur,
+          onChange: /* @__PURE__ */__name(e => {
+            field.onChange(e);
+            onChange?.(e);
+          }, "onChange"),
+          onBlur: /* @__PURE__ */__name(e => {
+            field.onBlur();
+            onBlur?.(e);
+          }, "onBlur"),
           value: option.value,
           checked: field.value === option.value,
           name,
@@ -543,6 +595,8 @@ var FormFieldSelect = /* @__PURE__ */__name(({
     rules,
     id,
     defaultValue,
+    onBlur,
+    onChange,
     ...selectProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -563,6 +617,14 @@ var FormFieldSelect = /* @__PURE__ */__name(({
       return /* @__PURE__ */React.createElement(Select, {
         ...selectProps,
         ...field,
+        onBlur: /* @__PURE__ */__name(e => {
+          field.onBlur();
+          onBlur?.(e);
+        }, "onBlur"),
+        onChange: /* @__PURE__ */__name(newValue => {
+          field.onChange(newValue);
+          onChange?.(newValue);
+        }, "onChange"),
         isDisabled: disabled ?? field.disabled,
         "aria-invalid": fieldState.error ? "true" : void 0
       });
@@ -586,6 +648,8 @@ var FormFieldSwitch = /* @__PURE__ */__name(({
     rules,
     id,
     defaultValue,
+    onBlur,
+    onChange,
     ...switchProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -606,6 +670,14 @@ var FormFieldSwitch = /* @__PURE__ */__name(({
       return /* @__PURE__ */React.createElement(Switch, {
         ...switchProps,
         ...field,
+        onBlur: /* @__PURE__ */__name(e => {
+          field.onBlur();
+          onBlur?.(e);
+        }, "onBlur"),
+        onChange: /* @__PURE__ */__name(e => {
+          field.onChange(e);
+          onChange?.(e);
+        }, "onChange"),
         disabled: disabled ?? field.disabled,
         "aria-invalid": !!fieldState.error
       });
@@ -630,6 +702,8 @@ var FormFieldTextarea = /* @__PURE__ */__name(({
     rules,
     id,
     auxiliaryCheckbox,
+    onBlur,
+    onChange,
     ...textareaProps
   } = props;
   return /* @__PURE__ */React.createElement(FormField, {
@@ -651,6 +725,14 @@ var FormFieldTextarea = /* @__PURE__ */__name(({
       return /* @__PURE__ */React.createElement(Textarea, {
         ...textareaProps,
         ...field,
+        onBlur: /* @__PURE__ */__name(e => {
+          field.onBlur();
+          onBlur?.(e);
+        }, "onBlur"),
+        onChange: /* @__PURE__ */__name(e => {
+          field.onChange(e);
+          onChange?.(e);
+        }, "onChange"),
         disabled: disabled ?? field.disabled,
         "aria-invalid": fieldState.error ? "true" : void 0
       });

package/dist/esm/index.js

@@ -1,4 +1,4 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Controller, Form, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-YGXPWMYB.js";
-import { FormErrorMessage, FormField, FormFieldPatternFormat } from "./chunk-UYZ5HGD3.js";
+import { Controller, Form, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-X2A7XW2U.js";
+import { FormErrorMessage, FormField, FormFieldPatternFormat } from "./chunk-EA4K5JAO.js";
 export { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldRadioCard, FormFieldRadioCardIcony, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.34.0",
+  "version": "0.35.0",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -53,8 +53,8 @@
     "@ttoss/config": "^1.35.12",
     "@ttoss/react-i18n": "^2.0.24",
     "@ttoss/react-icons": "^0.5.5",
-    "@ttoss/test-utils": "^4.0.1",
     "@ttoss/i18n-cli": "^0.7.38",
+    "@ttoss/test-utils": "^4.0.1",
     "@ttoss/ui": "^6.0.4"
   },
   "publishConfig": {