@ttoss/forms 0.22.7 → 0.23.1

package/dist/index.js

@@ -61,12 +61,13 @@ __export(src_exports, {
   useFormGroup: () => useFormGroup,
   useFormState: () => import_react_hook_form6.useFormState,
   useWatch: () => import_react_hook_form6.useWatch,
-  yup: () => yup,
+  yup: () => yup2,
   yupResolver: () => import_yup2.yupResolver
 });
 module.exports = __toCommonJS(src_exports);
+var import_yup2 = require("@hookform/resolvers/yup");
 
-// src/i18n.ts
+// src/yup/i18n.ts
 var import_react_i18n = require("@ttoss/react-i18n");
 var import_yup = require("yup");
 (0, import_yup.setLocale)({
@@ -106,23 +107,75 @@ var import_yup = require("yup");
   }
 });
 
-// src/index.ts
-var import_yup2 = require("@hookform/resolvers/yup");
+// src/yup/schema.ts
 var yup = __toESM(require("yup"));
 
-// src/Form.tsx
+// src/Brazil/FormFieldCNPJ.tsx
 var import_ui = require("@ttoss/ui");
-var import_react_hook_form = require("react-hook-form");
+var import_react_number_format = require("react-number-format");
 var import_jsx_runtime = require("react/jsx-runtime");
+var isCnpjValid = cnpj => {
+  if (cnpj?.length != 14) {
+    return false;
+  }
+  if (cnpj == "00000000000000" || cnpj == "11111111111111" || cnpj == "22222222222222" || cnpj == "33333333333333" || cnpj == "44444444444444" || cnpj == "55555555555555" || cnpj == "66666666666666" || cnpj == "77777777777777" || cnpj == "88888888888888" || cnpj == "99999999999999") {
+    return false;
+  }
+  let size = cnpj.length - 2;
+  let numbers = cnpj.substring(0, size);
+  const digits = cnpj.substring(size);
+  let soma = 0;
+  let pos = size - 7;
+  for (let i = size; i >= 1; i--) {
+    soma += numbers.charAt(size - i) * pos--;
+    if (pos < 2) {
+      pos = 9;
+    }
+  }
+  let result = soma % 11 < 2 ? 0 : 11 - soma % 11;
+  if (result != digits.charAt(0)) {
+    return false;
+  }
+  size = size + 1;
+  numbers = cnpj.substring(0, size);
+  soma = 0;
+  pos = size - 7;
+  for (let i = size; i >= 1; i--) {
+    soma += numbers.charAt(size - i) * pos--;
+    if (pos < 2) {
+      pos = 9;
+    }
+  }
+  result = soma % 11 < 2 ? 0 : 11 - soma % 11;
+  if (result != digits.charAt(1)) {
+    return false;
+  }
+  return true;
+};
+
+// src/yup/schema.ts
+yup.addMethod(yup.string, "cnpj", function () {
+  return this.test("valid-cnpj", "Invalid CNPJ", value => {
+    return isCnpjValid(value);
+  });
+});
+
+// src/yup/yup.ts
+var yup2 = __toESM(require("yup"));
+
+// src/Form.tsx
+var import_ui2 = require("@ttoss/ui");
+var import_react_hook_form = require("react-hook-form");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var Form = ({
   children,
   onSubmit,
   sx,
   ...formMethods
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, {
+  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_react_hook_form.FormProvider, {
     ...formMethods,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ui.Box, {
+    children: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Box, {
       as: "form",
       variant: "forms.form",
       onSubmit: formMethods.handleSubmit(data => {
@@ -140,9 +193,9 @@ var React = __toESM(require("react"));
 // src/ErrorMessage.tsx
 var import_react_hook_form2 = require("react-hook-form");
 var import_react_i18n2 = require("@ttoss/react-i18n");
-var import_ui2 = require("@ttoss/ui");
+var import_ui3 = require("@ttoss/ui");
 var import_error_message = require("@hookform/error-message");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var isMessageDescriptor = possibleMessageDescriptor => {
   return possibleMessageDescriptor !== void 0 && possibleMessageDescriptor.defaultMessage !== void 0;
 };
@@ -155,13 +208,13 @@ var ErrorMessage = ({
       errors
     }
   } = (0, import_react_hook_form2.useFormContext)();
-  return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_error_message.ErrorMessage, {
+  return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_error_message.ErrorMessage, {
     name,
     errors,
     render: ({
       message
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.HelpText, {
+      return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.HelpText, {
         negative: true,
         disabled,
         children: (() => {
@@ -169,7 +222,7 @@ var ErrorMessage = ({
             return message;
           }
           if (isMessageDescriptor(message)) {
-            return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_react_i18n2.FormattedMessage, {
+            return /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_react_i18n2.FormattedMessage, {
               ...message
             });
           }
@@ -182,8 +235,8 @@ var ErrorMessage = ({
 
 // src/FormField.tsx
 var import_react_hook_form3 = require("react-hook-form");
-var import_ui3 = require("@ttoss/ui");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_ui4 = require("@ttoss/ui");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var FormField = ({
   label,
   id: idProp,
@@ -203,8 +256,8 @@ var FormField = ({
   const id = idProp || `form-field-${name}`;
   const memoizedRender = React.useMemo(() => {
     return React.Children.map(render(controllerReturn), child => {
-      return /* @__PURE__ */(0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, {
-        children: [label && /* @__PURE__ */(0, import_jsx_runtime3.jsx)(import_ui3.Label, {
+      return /* @__PURE__ */(0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, {
+        children: [label && /* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui4.Label, {
           "aria-disabled": disabled,
           htmlFor: id,
           tooltip,
@@ -217,7 +270,7 @@ var FormField = ({
       });
     });
   }, [controllerReturn, disabled, onTooltipClick, tooltip, id, label, render]);
-  return /* @__PURE__ */(0, import_jsx_runtime3.jsxs)(import_ui3.Flex, {
+  return /* @__PURE__ */(0, import_jsx_runtime4.jsxs)(import_ui4.Flex, {
     sx: {
       flexDirection: "column",
       width: "100%",
@@ -225,16 +278,16 @@ var FormField = ({
       ...sx
     },
     css,
-    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime3.jsx)(ErrorMessage, {
+    children: [memoizedRender, /* @__PURE__ */(0, import_jsx_runtime4.jsx)(ErrorMessage, {
       name
     })]
   });
 };
 
 // src/FormFieldCheckbox.tsx
-var import_ui4 = require("@ttoss/ui");
+var import_ui5 = require("@ttoss/ui");
 var import_react_hook_form4 = require("react-hook-form");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var FormFieldCheckbox = ({
   label,
   name,
@@ -257,20 +310,20 @@ var FormFieldCheckbox = ({
   });
   const id = `form-field-checkbox-${name}`;
   const error = !!errors[name]?.message;
-  return /* @__PURE__ */(0, import_jsx_runtime4.jsxs)(import_ui4.Flex, {
+  return /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_ui5.Flex, {
     sx: {
       flexDirection: "column",
       width: "100%",
       ...sx
     },
-    children: [/* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui4.Flex, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.Flex, {
       sx: {
         alignItems: "center"
       },
-      children: /* @__PURE__ */(0, import_jsx_runtime4.jsxs)(import_ui4.Label, {
+      children: /* @__PURE__ */(0, import_jsx_runtime5.jsxs)(import_ui5.Label, {
         "aria-disabled": checkboxProps.disabled,
         htmlFor: id,
-        children: [/* @__PURE__ */(0, import_jsx_runtime4.jsx)(import_ui4.Checkbox, {
+        children: [/* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_ui5.Checkbox, {
           id,
           ref,
           checked: value,
@@ -281,36 +334,36 @@ var FormFieldCheckbox = ({
           ...checkboxProps
         }), label]
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime4.jsx)(ErrorMessage, {
+    }), /* @__PURE__ */(0, import_jsx_runtime5.jsx)(ErrorMessage, {
       name
     })]
   });
 };
 
 // src/FormFieldPatternFormat.tsx
-var import_ui5 = require("@ttoss/ui");
-var import_react_number_format = require("react-number-format");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_ui6 = require("@ttoss/ui");
+var import_react_number_format2 = require("react-number-format");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var FormFieldPatternFormat = ({
   label,
   name,
   ...patternFormatProps
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(FormField, {
+  return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(FormField, {
     name,
     label,
     render: ({
       field,
       fieldState
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime5.jsx)(import_react_number_format.PatternFormat, {
+      return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(import_react_number_format2.PatternFormat, {
         name: field.name,
         value: field.value,
         onBlur: field.onBlur,
         onValueChange: values => {
           field.onChange(values.value);
         },
-        customInput: import_ui5.Input,
+        customInput: import_ui6.Input,
         "aria-invalid": Boolean(fieldState.error).valueOf(),
         ...patternFormatProps
       });
@@ -319,13 +372,13 @@ var FormFieldPatternFormat = ({
 };
 
 // src/FormFieldCreditCardNumber.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var FormFieldCreditCardNumber = ({
   label,
   name,
   ...formFieldPatternFormatProps
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime6.jsx)(FormFieldPatternFormat, {
+  return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(FormFieldPatternFormat, {
     name,
     label,
     format: "#### #### #### ####",
@@ -335,28 +388,28 @@ var FormFieldCreditCardNumber = ({
 };
 
 // src/FormFieldNumericFormat.tsx
-var import_ui6 = require("@ttoss/ui");
-var import_react_number_format2 = require("react-number-format");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_ui7 = require("@ttoss/ui");
+var import_react_number_format3 = require("react-number-format");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var FormFieldNumericFormat = ({
   label,
   name,
   ...numericFormatProps
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(FormField, {
+  return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(FormField, {
     label,
     name,
     render: ({
       field
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime7.jsx)(import_react_number_format2.NumericFormat, {
+      return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(import_react_number_format3.NumericFormat, {
         name: field.name,
         value: field.value,
         onBlur: field.onBlur,
         onValueChange: values => {
           field.onChange(values.floatValue);
         },
-        customInput: import_ui6.Input,
+        customInput: import_ui7.Input,
         ...numericFormatProps
       });
     }
@@ -364,7 +417,7 @@ var FormFieldNumericFormat = ({
 };
 
 // src/FormFieldCurrencyInput.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var FormFieldCurrencyInput = ({
   label,
   name,
@@ -373,7 +426,7 @@ var FormFieldCurrencyInput = ({
   thousandSeparator,
   ...formFieldNumericFormatProps
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime8.jsx)(FormFieldNumericFormat, {
+  return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(FormFieldNumericFormat, {
     name,
     label,
     fixedDecimalScale: true,
@@ -388,8 +441,8 @@ var FormFieldCurrencyInput = ({
 };
 
 // src/FormFieldInput.tsx
-var import_ui7 = require("@ttoss/ui");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_ui8 = require("@ttoss/ui");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var FormFieldInput = ({
   label,
   name,
@@ -399,7 +452,7 @@ var FormFieldInput = ({
   defaultValue = "",
   ...inputProps
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(FormField, {
+  return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(FormField, {
     name,
     label,
     disabled: inputProps.disabled,
@@ -411,7 +464,7 @@ var FormFieldInput = ({
       field,
       fieldState
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime9.jsx)(import_ui7.Input, {
+      return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(import_ui8.Input, {
         ...inputProps,
         ...field,
         "aria-invalid": fieldState.error ? "true" : void 0
@@ -421,8 +474,8 @@ var FormFieldInput = ({
 };
 
 // src/FormFieldPassword.tsx
-var import_ui8 = require("@ttoss/ui");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_ui9 = require("@ttoss/ui");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var FormFieldPassword = ({
   label,
   name,
@@ -432,7 +485,7 @@ var FormFieldPassword = ({
   defaultValue = "",
   ...inputProps
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(FormField, {
+  return /* @__PURE__ */(0, import_jsx_runtime11.jsx)(FormField, {
     name,
     label,
     disabled: inputProps.disabled,
@@ -444,7 +497,7 @@ var FormFieldPassword = ({
       field,
       fieldState
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime10.jsx)(import_ui8.InputPassword, {
+      return /* @__PURE__ */(0, import_jsx_runtime11.jsx)(import_ui9.InputPassword, {
         ...inputProps,
         ...field,
         "aria-invalid": fieldState.error ? "true" : void 0
@@ -454,9 +507,9 @@ var FormFieldPassword = ({
 };
 
 // src/FormFieldRadio.tsx
-var import_ui9 = require("@ttoss/ui");
+var import_ui10 = require("@ttoss/ui");
 var import_react_hook_form5 = require("react-hook-form");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var FormFieldRadio = ({
   label,
   name,
@@ -475,23 +528,23 @@ var FormFieldRadio = ({
     name,
     defaultValue: ""
   });
-  return /* @__PURE__ */(0, import_jsx_runtime11.jsxs)(import_ui9.Flex, {
+  return /* @__PURE__ */(0, import_jsx_runtime12.jsxs)(import_ui10.Flex, {
     sx: {
       flexDirection: "column",
       width: "100%",
       ...sx
     },
-    children: [label && /* @__PURE__ */(0, import_jsx_runtime11.jsx)(import_ui9.Label, {
+    children: [label && /* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_ui10.Label, {
       sx: {
         marginBottom: "md"
       },
       children: label
-    }), /* @__PURE__ */(0, import_jsx_runtime11.jsx)(import_ui9.Box, {
+    }), /* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_ui10.Box, {
       children: options.map(option => {
         const id = `form-field-radio-${name}-${option.value}`;
-        return /* @__PURE__ */(0, import_jsx_runtime11.jsxs)(import_ui9.Label, {
+        return /* @__PURE__ */(0, import_jsx_runtime12.jsxs)(import_ui10.Label, {
           htmlFor: id,
-          children: [/* @__PURE__ */(0, import_jsx_runtime11.jsx)(import_ui9.Radio, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_ui10.Radio, {
             ref,
             onChange,
             onBlur,
@@ -503,15 +556,15 @@ var FormFieldRadio = ({
           }), option.label]
         }, id);
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime11.jsx)(ErrorMessage, {
+    }), /* @__PURE__ */(0, import_jsx_runtime12.jsx)(ErrorMessage, {
       name
     })]
   });
 };
 
 // src/FormFieldSelect.tsx
-var import_ui10 = require("@ttoss/ui");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_ui11 = require("@ttoss/ui");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var FormFieldSelect = ({
   label,
   name,
@@ -524,7 +577,7 @@ var FormFieldSelect = ({
   onTooltipClick,
   ...selectProps
 }) => {
-  return /* @__PURE__ */(0, import_jsx_runtime12.jsx)(FormField, {
+  return /* @__PURE__ */(0, import_jsx_runtime13.jsx)(FormField, {
     name,
     label,
     id,
@@ -538,7 +591,7 @@ var FormFieldSelect = ({
       field,
       fieldState
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime12.jsx)(import_ui10.Select, {
+      return /* @__PURE__ */(0, import_jsx_runtime13.jsx)(import_ui11.Select, {
         ...selectProps,
         ...field,
         isDisabled: disabled,
@@ -549,8 +602,8 @@ var FormFieldSelect = ({
 };
 
 // src/FormFieldTextarea.tsx
-var import_ui11 = require("@ttoss/ui");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_ui12 = require("@ttoss/ui");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var FormFieldTextarea = ({
   label,
   name,
@@ -558,7 +611,7 @@ var FormFieldTextarea = ({
   ...textareaProps
 }) => {
   const id = `form-field-textarea-${name}`;
-  return /* @__PURE__ */(0, import_jsx_runtime13.jsx)(FormField, {
+  return /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormField, {
     label,
     name,
     id,
@@ -567,7 +620,7 @@ var FormFieldTextarea = ({
       field,
       fieldState
     }) => {
-      return /* @__PURE__ */(0, import_jsx_runtime13.jsx)(import_ui11.Textarea, {
+      return /* @__PURE__ */(0, import_jsx_runtime14.jsx)(import_ui12.Textarea, {
         ...field,
         ...textareaProps,
         "aria-invalid": fieldState.error ? "true" : void 0
@@ -578,8 +631,8 @@ var FormFieldTextarea = ({
 
 // src/FormGroup.tsx
 var React2 = __toESM(require("react"));
-var import_ui12 = require("@ttoss/ui");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_ui13 = require("@ttoss/ui");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var FormGroupLevelsManagerContext = React2.createContext({
   levelsLength: 1,
   registerChild: () => {
@@ -595,7 +648,7 @@ var FormGroupLevelsManager = ({
       setLevelsLength(level + 1);
     }
   }, [levelsLength]);
-  return /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormGroupLevelsManagerContext.Provider, {
+  return /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupLevelsManagerContext.Provider, {
     value: {
       levelsLength,
       registerChild
@@ -638,7 +691,7 @@ var FormGroupWrapper = ({
     gap: "md",
     width: "100%"
   };
-  return /* @__PURE__ */(0, import_jsx_runtime14.jsxs)(import_ui12.Box, {
+  return /* @__PURE__ */(0, import_jsx_runtime15.jsxs)(import_ui13.Box, {
     "aria-level": level,
     ...boxProps,
     sx: {
@@ -646,18 +699,18 @@ var FormGroupWrapper = ({
       marginBottom: "lg",
       ...boxProps.sx
     },
-    children: [title && /* @__PURE__ */(0, import_jsx_runtime14.jsx)(import_ui12.Box, {
+    children: [title && /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_ui13.Box, {
       sx: {
         marginBottom: "md"
       },
-      children: /* @__PURE__ */(0, import_jsx_runtime14.jsx)(import_ui12.Text, {
+      children: /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_ui13.Text, {
         sx: {
           fontSize: "2xl",
           fontWeight: "bold"
         },
         children: title
       })
-    }), /* @__PURE__ */(0, import_jsx_runtime14.jsx)(import_ui12.Flex, {
+    }), /* @__PURE__ */(0, import_jsx_runtime15.jsx)(import_ui13.Flex, {
       sx: childrenContainerSx,
       children
     })]
@@ -668,15 +721,15 @@ var FormGroup = props => {
     level
   } = useFormGroup();
   const currentLevel = level === void 0 ? 0 : level + 1;
-  return /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormGroupContext.Provider, {
+  return /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupContext.Provider, {
     value: {
       parentLevel: currentLevel
     },
-    children: currentLevel === 0 ? /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormGroupLevelsManager, {
-      children: /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormGroupWrapper, {
+    children: currentLevel === 0 ? /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupLevelsManager, {
+      children: /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupWrapper, {
         ...props
       })
-    }) : /* @__PURE__ */(0, import_jsx_runtime14.jsx)(FormGroupWrapper, {
+    }) : /* @__PURE__ */(0, import_jsx_runtime15.jsx)(FormGroupWrapper, {
       ...props
     })
   });

package/dist/typings.d-KteERiXO.d.mts

@@ -0,0 +1,12 @@
+import { Maybe, AnyObject, Flags, Schema } from 'yup';
+
+declare module 'yup' {
+  interface StringSchema<
+    TType extends Maybe<string> = string | undefined,
+    TContext extends AnyObject = AnyObject,
+    TDefault = undefined,
+    TFlags extends Flags = '',
+  > extends Schema<TType, TContext, TDefault, TFlags> {
+    cnpj(): this;
+  }
+}

package/dist/typings.d-KteERiXO.d.ts

@@ -0,0 +1,12 @@
+import { Maybe, AnyObject, Flags, Schema } from 'yup';
+
+declare module 'yup' {
+  interface StringSchema<
+    TType extends Maybe<string> = string | undefined,
+    TContext extends AnyObject = AnyObject,
+    TDefault = undefined,
+    TFlags extends Flags = '',
+  > extends Schema<TType, TContext, TDefault, TFlags> {
+    cnpj(): this;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.22.7",
+  "version": "0.23.1",
   "author": "ttoss",
   "contributors": [
     "Pedro Arantes <pedro@arantespp.com> (https://arantespp.com/contact)"
@@ -20,6 +20,11 @@
       "import": "./dist/esm/MultistepForm/index.js",
       "require": "./dist/MultistepForm/index.js",
       "types": "./dist/MultistepForm/index.d.ts"
+    },
+    "./brazil": {
+      "import": "./dist/esm/Brazil/index.js",
+      "require": "./dist/Brazil/index.js",
+      "types": "./dist/Brazil/index.d.ts"
     }
   },
   "files": [
@@ -30,14 +35,14 @@
   "dependencies": {
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.3.4",
-    "react-hook-form": "^7.51.0",
-    "react-number-format": "^5.3.3",
-    "yup": "^1.3.3"
+    "react-hook-form": "^7.51.2",
+    "react-number-format": "^5.3.4",
+    "yup": "^1.4.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^4.1.4",
-    "@ttoss/react-i18n": "^1.26.1"
+    "@ttoss/react-i18n": "^1.26.1",
+    "@ttoss/ui": "^4.1.4"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
@@ -47,13 +52,13 @@
     "react-error-boundary": "^4.0.13",
     "theme-ui": "^0.16.2",
     "tsup": "^8.0.2",
-    "yup": "^1.3.3",
+    "yup": "^1.4.0",
     "@ttoss/config": "^1.31.5",
     "@ttoss/react-i18n": "^1.26.1",
     "@ttoss/i18n-cli": "^0.7.6",
     "@ttoss/react-icons": "^0.3.1",
-    "@ttoss/ui": "^4.1.4",
-    "@ttoss/test-utils": "^2.1.1"
+    "@ttoss/test-utils": "^2.1.1",
+    "@ttoss/ui": "^4.1.4"
   },
   "publishConfig": {
     "access": "public",

package/src/Brazil/FormFieldCEP.tsx

@@ -0,0 +1,25 @@
+import {
+  FormFieldPatternFormat,
+  FormFieldPatternFormatProps,
+} from '../FormFieldPatternFormat';
+
+export type FormFieldCEPProps = {
+  label: string;
+  name: string;
+} & Partial<FormFieldPatternFormatProps>;
+
+export const FormFieldCEP = ({
+  label,
+  name,
+  ...formFieldPatternFormatProps
+}: FormFieldCEPProps) => {
+  return (
+    <FormFieldPatternFormat
+      name={name}
+      label={label}
+      format="#####-###"
+      placeholder="12345-678"
+      {...formFieldPatternFormatProps}
+    />
+  );
+};