@ttoss/forms 0.29.4 → 0.29.6

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-KEIHNDHT.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-CK3E7LSM.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-KEIHNDHT.js";
+import { Form, useForm, yupResolver } from "../chunk-CK3E7LSM.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import { Flex as Flex6 } from "@ttoss/ui";

package/dist/esm/{chunk-KEIHNDHT.js → chunk-CK3E7LSM.js}

@@ -79,7 +79,6 @@ var FormField = ({
   defaultValue,
   disabled,
   tooltip,
-  onTooltipClick,
   sx,
   css,
   render,
@@ -109,7 +108,6 @@ var FormField = ({
         return /* @__PURE__ */jsxs(Label, {
           "aria-disabled": disabled,
           tooltip,
-          onTooltipClick,
           children: [/* @__PURE__ */jsx3(Flex, {
             children: warning ? React.createElement(child.type, {
               id,
@@ -134,7 +132,6 @@ var FormField = ({
           "aria-disabled": disabled,
           htmlFor: id,
           tooltip,
-          onTooltipClick,
           children: label
         }), warning ? React.createElement(child.type, {
           id,
@@ -148,7 +145,7 @@ var FormField = ({
         })]
       });
     });
-  }, [render, controllerReturn, label, disabled, id, tooltip, onTooltipClick, warning]);
+  }, [render, controllerReturn, label, disabled, id, tooltip, warning]);
   return /* @__PURE__ */jsxs(Flex, {
     sx: {
       flexDirection: "column",
@@ -160,6 +157,7 @@ var FormField = ({
     children: [memoizedRender, /* @__PURE__ */jsx3(FormErrorMessage, {
       name
     }), warning && !hasError && /* @__PURE__ */jsx3(Flex, {
+      className: "warning",
       sx: {
         color: "feedback.text.caution.default",
         fontSize: "sm",
@@ -180,14 +178,12 @@ var FormFieldCheckbox = ({
   name,
   sx,
   tooltip,
-  onTooltipClick,
   ...checkboxProps
 }) => {
   return /* @__PURE__ */jsx4(FormField, {
     label,
     name,
     tooltip,
-    onTooltipClick,
     render: ({
       field,
       fieldState
@@ -261,7 +257,6 @@ var FormFieldNumericFormat = ({
   name,
   warning,
   tooltip,
-  onTooltipClick,
   ...numericFormatProps
 }) => {
   return /* @__PURE__ */jsx7(FormField, {
@@ -269,7 +264,6 @@ var FormFieldNumericFormat = ({
     name,
     warning,
     tooltip,
-    onTooltipClick,
     render: ({
       field
     }) => {
@@ -319,7 +313,6 @@ var FormFieldInput = ({
   label,
   name,
   tooltip,
-  onTooltipClick,
   sx,
   defaultValue = "",
   ...inputProps
@@ -329,7 +322,6 @@ var FormFieldInput = ({
     label,
     disabled: inputProps.disabled,
     tooltip,
-    onTooltipClick,
     warning: inputProps.warning,
     sx,
     defaultValue,
@@ -353,7 +345,6 @@ var FormFieldPassword = ({
   label,
   name,
   tooltip,
-  onTooltipClick,
   sx,
   defaultValue = "",
   ...inputProps
@@ -363,7 +354,6 @@ var FormFieldPassword = ({
     label,
     disabled: inputProps.disabled,
     tooltip,
-    onTooltipClick,
     warning: inputProps.warning,
     sx,
     defaultValue,
@@ -389,7 +379,6 @@ var FormFieldRadio = ({
   sx,
   options,
   tooltip,
-  onTooltipClick,
   ...radioProps
 }) => {
   return /* @__PURE__ */jsx11(FormField, {
@@ -397,7 +386,6 @@ var FormFieldRadio = ({
     name,
     sx,
     tooltip,
-    onTooltipClick,
     render: ({
       field
     }) => {
@@ -440,7 +428,6 @@ var FormFieldSelect = ({
   css,
   disabled,
   tooltip,
-  onTooltipClick,
   ...selectProps
 }) => {
   return /* @__PURE__ */jsx12(FormField, {
@@ -450,7 +437,6 @@ var FormFieldSelect = ({
     defaultValue,
     disabled,
     tooltip,
-    onTooltipClick,
     warning: selectProps.warning,
     sx,
     css,
@@ -476,14 +462,12 @@ var FormFieldSwitch = ({
   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-KEIHNDHT.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-CK3E7LSM.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

@@ -29,16 +29,20 @@ type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extend
     name: TName;
     defaultValue?: FieldPathValue<TFieldValues, TName>;
     disabled?: boolean;
-    tooltip?: string | React$1.ReactNode;
-    onTooltipClick?: () => void;
+    tooltip?: {
+        render: string | React$1.ReactNode;
+        place: 'top';
+        openOnClick?: boolean;
+        clickable?: boolean;
+    };
     warning?: string | React$1.ReactNode;
 } & SxProp;
 type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     render: (props: UseControllerReturn<TFieldValues, TName>) => React$1.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, warning, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, id: idProp, name, defaultValue, disabled, tooltip, sx, css, render, warning, }: FormFieldCompleteProps<TFieldValues, TName>) => 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;
+declare const FormFieldCheckbox: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, tooltip, ...checkboxProps }: FormFieldProps<TFieldValues, TName> & CheckboxProps) => react_jsx_runtime.JSX.Element;
 
 type FormFieldCreditCardNumberProps = {
     label: string;
@@ -50,10 +54,14 @@ type FormFieldNumericFormatProps = {
     label?: string;
     name: string;
     warning?: string | React$1.ReactNode;
-    tooltip?: string | React$1.ReactNode;
-    onTooltipClick?: () => void;
+    tooltip?: {
+        render: string | React$1.ReactNode;
+        place: 'top';
+        openOnClick?: boolean;
+        clickable?: boolean;
+    };
 } & NumericFormatProps;
-declare const FormFieldNumericFormat: ({ label, name, warning, tooltip, onTooltipClick, ...numericFormatProps }: FormFieldNumericFormatProps) => react_jsx_runtime.JSX.Element;
+declare const FormFieldNumericFormat: ({ label, name, warning, tooltip, ...numericFormatProps }: FormFieldNumericFormatProps) => react_jsx_runtime.JSX.Element;
 
 type FormFieldCurrencyInputProps = {
     label?: string;
@@ -66,26 +74,26 @@ type FormFieldInputProps<TName> = {
     label?: string;
     name: TName;
 } & InputProps & FormFieldProps;
-declare const FormFieldInput: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, tooltip, onTooltipClick, sx, defaultValue, ...inputProps }: FormFieldInputProps<TName>) => react_jsx_runtime.JSX.Element;
+declare const FormFieldInput: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, tooltip, sx, defaultValue, ...inputProps }: FormFieldInputProps<TName>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldPasswordProps<TName> = {
     label?: string;
     name: TName;
 } & InputPasswordProps & FormFieldProps;
-declare const FormFieldPassword: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, tooltip, onTooltipClick, sx, defaultValue, ...inputProps }: FormFieldPasswordProps<TName>) => react_jsx_runtime.JSX.Element;
+declare const FormFieldPassword: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, tooltip, sx, defaultValue, ...inputProps }: FormFieldPasswordProps<TName>) => react_jsx_runtime.JSX.Element;
 
 type FormRadioOption = {
     value: string | number;
     label: string;
 };
-declare const FormFieldRadio: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, options, tooltip, onTooltipClick, ...radioProps }: {
+declare const FormFieldRadio: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, options, tooltip, ...radioProps }: {
     options: FormRadioOption[];
 } & 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 FormFieldSelect: <TFieldValues extends FieldValues = FieldValues>({ label, name, id, defaultValue, sx, css, disabled, tooltip, ...selectProps }: FormFieldSelectProps<TFieldValues>) => 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 FormFieldSwitch: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, name, sx, tooltip, ...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, warning, sx, ...textareaProps }: {
     label?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.29.4",
+  "version": "0.29.6",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -39,8 +39,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^5.5.1",
-    "@ttoss/react-i18n": "^2.0.10"
+    "@ttoss/react-i18n": "^2.0.10",
+    "@ttoss/ui": "^5.5.3"
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
@@ -52,10 +52,10 @@
     "yup": "^1.6.1",
     "@ttoss/config": "^1.35.2",
     "@ttoss/i18n-cli": "^0.7.27",
-    "@ttoss/react-i18n": "^2.0.10",
     "@ttoss/react-icons": "^0.4.9",
-    "@ttoss/test-utils": "^2.1.22",
-    "@ttoss/ui": "^5.5.1"
+    "@ttoss/react-i18n": "^2.0.10",
+    "@ttoss/ui": "^5.5.3",
+    "@ttoss/test-utils": "^2.1.22"
   },
   "publishConfig": {
     "access": "public",