@ttoss/forms 0.28.8 → 0.29.0

package/dist/esm/Brazil/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-MXENUSCP.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-MXGOGSWG.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";

package/dist/esm/MultistepForm/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Form, useForm, yupResolver } from "../chunk-MXENUSCP.js";
+import { Form, useForm, yupResolver } from "../chunk-MXGOGSWG.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import { Flex as Flex6 } from "@ttoss/ui";

package/dist/esm/{chunk-MXENUSCP.js → chunk-MXGOGSWG.js}

@@ -151,11 +151,15 @@ var FormFieldCheckbox = ({
   label,
   name,
   sx,
+  tooltip,
+  onTooltipClick,
   ...checkboxProps
 }) => {
   return /* @__PURE__ */jsx4(FormField, {
     label,
     name,
+    tooltip,
+    onTooltipClick,
     render: ({
       field,
       fieldState
@@ -224,11 +228,15 @@ import { jsx as jsx7 } from "react/jsx-runtime";
 var FormFieldNumericFormat = ({
   label,
   name,
+  tooltip,
+  onTooltipClick,
   ...numericFormatProps
 }) => {
   return /* @__PURE__ */jsx7(FormField, {
     label,
     name,
+    tooltip,
+    onTooltipClick,
     render: ({
       field
     }) => {
@@ -344,12 +352,16 @@ var FormFieldRadio = ({
   name,
   sx,
   options,
+  tooltip,
+  onTooltipClick,
   ...radioProps
 }) => {
   return /* @__PURE__ */jsx11(FormField, {
     label,
     name,
     sx,
+    tooltip,
+    onTooltipClick,
     render: ({
       field
     }) => {
@@ -359,7 +371,7 @@ var FormFieldRadio = ({
           gap: "1"
         },
         children: options.map(option => {
-          const id = `form-field-radio-${name}-${option.value}`;
+          const key = `form-field-radio-${name}-${option.value}`;
           return /* @__PURE__ */jsxs2(Label2, {
             sx: {
               fontSize: "md"
@@ -373,7 +385,7 @@ var FormFieldRadio = ({
               name,
               ...radioProps
             }), option.label]
-          }, id);
+          }, key);
         })
       });
     }
@@ -426,11 +438,15 @@ var FormFieldSwitch = ({
   label,
   name,
   sx,
+  tooltip,
+  onTooltipClick,
   ...switchProps
 }) => {
   return /* @__PURE__ */jsx13(FormField, {
     label,
     name,
+    tooltip,
+    onTooltipClick,
     render: ({
       field,
       fieldState

package/dist/esm/index.js

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

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { BoxProps, SxProp, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, SwitchProps, TextareaProps } from '@ttoss/ui';
-import * as React$1 from 'react';
-import { FieldValues, FormProviderProps, FieldName, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
+import * as React from 'react';
+import { FieldValues, FormProviderProps, FieldName, FieldPath, FieldPathValue, UseControllerReturn } from 'react-hook-form';
 export * from 'react-hook-form';
 export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import { F as FormFieldPatternFormatProps } from './FormFieldPatternFormat-CkcL14ho.js';
@@ -13,7 +13,7 @@ export { yup };
 export { yupResolver } from '@hookform/resolvers/yup';
 
 declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children, onSubmit, sx, ...formMethods }: {
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
     onSubmit?: (data: TFieldValues) => Promise<void> | void;
     sx?: BoxProps["sx"];
 } & FormProviderProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
@@ -24,23 +24,20 @@ declare const FormErrorMessage: <TFieldValues extends FieldValues = FieldValues>
 }) => react_jsx_runtime.JSX.Element;
 
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    label?: React$1.ReactNode;
+    label?: React.ReactNode;
     id?: string;
     name: TName;
     defaultValue?: FieldPathValue<TFieldValues, TName>;
     disabled?: boolean;
-    tooltip?: boolean;
+    tooltip?: string | React.ReactNode;
     onTooltipClick?: () => void;
 } & SxProp;
 type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
-    render: (props: UseControllerReturn<TFieldValues, TName>) => React$1.ReactElement;
+    render: (props: UseControllerReturn<TFieldValues, TName>) => React.ReactElement;
 } & FormFieldProps<TFieldValues, TName>;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled, tooltip, onTooltipClick, sx, css, render, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
-declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues>({ label, name, sx, ...checkboxProps }: {
-    label?: React$1.ReactNode;
-    name: FieldPath<TFieldValues>;
-} & CheckboxProps) => react_jsx_runtime.JSX.Element;
+declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, tooltip, onTooltipClick, ...checkboxProps }: FormFieldProps<TFieldValues, TName> & CheckboxProps) => react_jsx_runtime.JSX.Element;
 
 type FormFieldCreditCardNumberProps = {
     label: string;
@@ -51,8 +48,10 @@ declare const FormFieldCreditCardNumber: ({ label, name, ...formFieldPatternForm
 type FormFieldNumericFormatProps = {
     label?: string;
     name: string;
+    tooltip?: string | React.ReactNode;
+    onTooltipClick?: () => void;
 } & NumericFormatProps;
-declare const FormFieldNumericFormat: ({ label, name, ...numericFormatProps }: FormFieldNumericFormatProps) => react_jsx_runtime.JSX.Element;
+declare const FormFieldNumericFormat: ({ label, name, tooltip, onTooltipClick, ...numericFormatProps }: FormFieldNumericFormatProps) => react_jsx_runtime.JSX.Element;
 
 type FormFieldCurrencyInputProps = {
     label?: string;
@@ -79,19 +78,14 @@ type FormRadioOption = {
     value: string | number;
     label: string;
 };
-declare const FormFieldRadio: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, options, ...radioProps }: {
-    label?: React.ReactNode;
-    name: TName;
+declare const FormFieldRadio: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, options, tooltip, onTooltipClick, ...radioProps }: {
     options: FormRadioOption[];
-} & RadioProps) => react_jsx_runtime.JSX.Element;
+} & FormFieldProps<TFieldValues, TName> & RadioProps) => react_jsx_runtime.JSX.Element;
 
 type FormFieldSelectProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<SelectProps, 'defaultValue'> & FormFieldProps<TFieldValues, TName>;
 declare const FormFieldSelect: <TFieldValues extends FieldValues = FieldValues>({ label, name, id, defaultValue, sx, css, disabled, tooltip, onTooltipClick, ...selectProps }: FormFieldSelectProps<TFieldValues>) => react_jsx_runtime.JSX.Element;
 
-declare const FormFieldSwitch: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, ...switchProps }: {
-    label?: React$1.ReactNode;
-    name: TName;
-} & SwitchProps) => react_jsx_runtime.JSX.Element;
+declare const FormFieldSwitch: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, tooltip, onTooltipClick, ...switchProps }: FormFieldProps<TFieldValues, TName> & SwitchProps) => react_jsx_runtime.JSX.Element;
 
 declare const FormFieldTextarea: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, ...textareaProps }: {
     label?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.28.8",
+  "version": "0.29.0",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -39,8 +39,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^5.2.0",
-    "@ttoss/react-i18n": "^2.0.9"
+    "@ttoss/react-i18n": "^2.0.9",
+    "@ttoss/ui": "^5.3.0"
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
@@ -50,12 +50,12 @@
     "react-error-boundary": "^5.0.0",
     "tsup": "^8.3.5",
     "yup": "^1.6.1",
-    "@ttoss/react-i18n": "^2.0.9",
+    "@ttoss/i18n-cli": "^0.7.26",
     "@ttoss/config": "^1.35.2",
     "@ttoss/react-icons": "^0.4.9",
-    "@ttoss/i18n-cli": "^0.7.26",
-    "@ttoss/ui": "^5.2.0",
-    "@ttoss/test-utils": "^2.1.22"
+    "@ttoss/test-utils": "^2.1.22",
+    "@ttoss/ui": "^5.3.0",
+    "@ttoss/react-i18n": "^2.0.9"
   },
   "publishConfig": {
     "access": "public",