@ttoss/forms 0.32.0 → 0.32.2

package/dist/Brazil/index.d.ts

@@ -1,43 +1,18 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ThemeUIStyleObject, Theme, SxProp } from '@ttoss/ui';
+import { FieldValues, FieldPath } from 'react-hook-form';
 import { PatternFormatProps } from 'react-number-format';
-import { F as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-3gBOUVd9.js';
+import { F as FormFieldProps, a as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-CxkCeniP.js';
+import '@ttoss/ui';
+import 'react';
 
-type FormFieldCNPJProps = {
-    label: string;
-    name: string;
-    warning?: string | React.ReactNode;
-    inputTooltip?: {
-        render: string | React.ReactNode;
-        place: 'bottom' | 'top' | 'left' | 'right';
-        openOnClick?: boolean;
-        clickable?: boolean;
-        variant?: 'info' | 'warning' | 'success' | 'error';
-        sx?: ThemeUIStyleObject<Theme>;
-    } & SxProp;
-} & Partial<PatternFormatProps>;
+type FormFieldCNPJProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name' | 'format'>;
 declare const isCnpjValid: (cnpj: any) => boolean;
-declare const FormFieldCNPJ: ({ label, name, ...patternFormatProps }: FormFieldCNPJProps) => react_jsx_runtime.JSX.Element;
+declare const FormFieldCNPJ: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldCNPJProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
-type FormFieldPhoneProps = {
-    label: string;
-    name: string;
-    warning?: string | React.ReactNode;
-    inputTooltip?: {
-        render: string | React.ReactNode;
-        place: 'bottom' | 'top' | 'left' | 'right';
-        openOnClick?: boolean;
-        clickable?: boolean;
-        variant?: 'info' | 'warning' | 'success' | 'error';
-        sx?: ThemeUIStyleObject<Theme>;
-    } & SxProp;
-} & Partial<PatternFormatProps>;
-declare const FormFieldPhone: ({ label, name, ...patternFormatProps }: FormFieldPhoneProps) => react_jsx_runtime.JSX.Element;
+type FormFieldPhoneProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name' | 'format'>;
+declare const FormFieldPhone: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldPhoneProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
-type FormFieldCEPProps = {
-    label: string;
-    name: string;
-} & Partial<FormFieldPatternFormatProps>;
-declare const FormFieldCEP: ({ label, name, ...formFieldPatternFormatProps }: FormFieldCEPProps) => react_jsx_runtime.JSX.Element;
+type FormFieldCEPProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<FormFieldPatternFormatProps<TFieldValues, TName>, 'format'>;
+declare const FormFieldCEP: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ placeholder, ...formFieldPatternFormatProps }: FormFieldCEPProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 
 export { FormFieldCEP, FormFieldCNPJ, FormFieldPhone, isCnpjValid };

package/dist/FormFieldPatternFormat-CxkCeniP.d.ts

@@ -0,0 +1,39 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue, RegisterOptions } from 'react-hook-form';
+import { PatternFormatProps } from 'react-number-format';
+import { ThemeUIStyleObject, Theme, SxProp } from '@ttoss/ui';
+import * as React from 'react';
+
+type Rules<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<RegisterOptions<TFieldValues, TName>, 'valueAsNumber' | 'valueAsDate' | 'setValueAs' | 'disabled'>;
+type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    label?: React.ReactNode;
+    id?: string;
+    name: TName;
+    defaultValue?: FieldPathValue<TFieldValues, TName>;
+    disabled?: boolean;
+    tooltip?: {
+        render: string | React.ReactNode;
+        place: 'top';
+        openOnClick?: boolean;
+        clickable?: boolean;
+    };
+    inputTooltip?: {
+        render: string | React.ReactNode;
+        place: 'bottom' | 'top' | 'left' | 'right';
+        openOnClick?: boolean;
+        clickable?: boolean;
+        variant?: 'info' | 'warning' | 'success' | 'error';
+        sx?: ThemeUIStyleObject<Theme>;
+    };
+    warning?: string | React.ReactNode;
+    rules?: Rules<TFieldValues, TName>;
+} & SxProp;
+type FormFieldCompleteProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    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, inputTooltip, sx, css, render, warning, rules, }: FormFieldCompleteProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+
+type FormFieldPatternFormatProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = FormFieldProps<TFieldValues, TName> & Omit<PatternFormatProps, 'name'>;
+declare const FormFieldPatternFormat: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ disabled, ...props }: FormFieldPatternFormatProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
+
+export { type FormFieldProps as F, type FormFieldPatternFormatProps as a, FormField as b, FormFieldPatternFormat as c };

package/dist/esm/Brazil/index.js

@@ -1,25 +1,46 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
 import * as React from 'react';
-import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-7OXUGQSF.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, __name, isCnpjValid } from "../chunk-X42ZUF2A.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";
 import { PatternFormat } from "react-number-format";
 var FormFieldPhone = /* @__PURE__ */__name(({
-  label,
-  name,
-  ...patternFormatProps
+  disabled,
+  ...props
 }) => {
-  return /* @__PURE__ */React.createElement(FormField, {
+  const {
+    label,
     name,
+    tooltip,
+    inputTooltip,
+    warning,
+    sx,
+    css,
+    rules,
+    id,
+    defaultValue,
+    placeholder = "(11) 91234-1234",
+    ...patternFormatProps
+  } = props;
+  return /* @__PURE__ */React.createElement(FormField, {
+    id,
     label,
-    warning: patternFormatProps.warning,
-    inputTooltip: patternFormatProps.inputTooltip,
+    name,
+    tooltip,
+    inputTooltip,
+    warning,
+    sx,
+    css,
+    defaultValue,
+    rules,
+    disabled,
     render: /* @__PURE__ */__name(({
       field
     }) => {
       const format = field.value?.length > 10 ? "(##) #####-####" : "(##) ####-#####";
       return /* @__PURE__ */React.createElement(PatternFormat, {
+        ...patternFormatProps,
         name: field.name,
         value: field.value,
         onBlur: field.onBlur,
@@ -28,8 +49,8 @@ var FormFieldPhone = /* @__PURE__ */__name(({
         }, "onValueChange"),
         format,
         customInput: Input,
-        placeholder: "(11) 91234-1234",
-        ...patternFormatProps
+        placeholder,
+        disabled
       });
     }, "render")
   });
@@ -37,15 +58,12 @@ var FormFieldPhone = /* @__PURE__ */__name(({
 
 // src/Brazil/FormFieldCEP.tsx
 var FormFieldCEP = /* @__PURE__ */__name(({
-  label,
-  name,
+  placeholder = "12345-678",
   ...formFieldPatternFormatProps
 }) => {
   return /* @__PURE__ */React.createElement(FormFieldPatternFormat, {
-    name,
-    label,
     format: "#####-###",
-    placeholder: "12345-678",
+    placeholder,
     ...formFieldPatternFormatProps
   });
 }, "FormFieldCEP");

package/dist/esm/MultistepForm/index.js

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