@ttoss/forms 0.24.9 → 0.25.0

package/README.md

@@ -2,6 +2,10 @@
 
 **@ttoss/forms** is a library of React form components for building form components. It is built on top of [React Hook Form](https://react-hook-form.com/) and [Yup](https://github.com/jquense/yup).
 
+## ESM Only
+
+This package is [ESM only](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c).
+
 ## Installation
 
 ```shell

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-ECFRAK7U.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-6U527R3X.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, __publicField, useForm, yupResolver } from "../chunk-ECFRAK7U.js";
+import { Form, __publicField, useForm, yupResolver } from "../chunk-6U527R3X.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import * as React3 from "react";
@@ -2269,7 +2269,7 @@ var {
 } = IconifyIconComponent;
 
 // ../../node_modules/.pnpm/@iconify-icon+react@2.1.0_react@18.3.1/node_modules/@iconify-icon/react/dist/iconify.mjs
-var Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
+var Icon = React.forwardRef((props, ref) => {
   const newProps = {
     ...props,
     ref
@@ -2283,12 +2283,12 @@ var Icon = /*#__PURE__*/React.forwardRef((props, ref) => {
   if (props.className) {
     newProps["class"] = props.className;
   }
-  return /*#__PURE__*/React.createElement("iconify-icon", newProps);
+  return React.createElement("iconify-icon", newProps);
 });
 
 // ../react-icons/src/Icon.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
-var Icon2 = /*#__PURE__*/React2.forwardRef((props, ref) => {
+var Icon2 = React2.forwardRef((props, ref) => {
   return /* @__PURE__ */jsx6(Icon, {
     ref,
     "data-testid": "iconify-icon",

package/dist/esm/{chunk-ECFRAK7U.js → chunk-6U527R3X.js}

@@ -147,6 +147,15 @@ yup.addMethod(yup.string, "cnpj", function () {
     return isCnpjValid(value);
   });
 });
+yup.addMethod(yup.string, "password", function ({
+  required
+} = {}) {
+  const schema = this.trim();
+  if (required) {
+    schema.required("Password is required");
+  }
+  return schema.min(8, "Password must be at least 8 characters long");
+});
 
 // src/yup/yup.ts
 import * as yup2 from "yup";
@@ -249,7 +258,7 @@ var FormField = ({
           tooltip,
           onTooltipClick,
           children: label
-        }), /*#__PURE__*/React.createElement(child.type, {
+        }), React.createElement(child.type, {
           id,
           ...child.props
         })]
@@ -621,7 +630,7 @@ var FormFieldTextarea = ({
 import * as React2 from "react";
 import { Box as Box3, Flex as Flex4, Text } from "@ttoss/ui";
 import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
-var FormGroupLevelsManagerContext = /*#__PURE__*/React2.createContext({
+var FormGroupLevelsManagerContext = React2.createContext({
   levelsLength: 1,
   registerChild: () => {
     return null;
@@ -644,7 +653,7 @@ var FormGroupLevelsManager = ({
     children
   });
 };
-var FormGroupContext = /*#__PURE__*/React2.createContext({});
+var FormGroupContext = React2.createContext({});
 var useFormGroup = () => {
   const {
     parentLevel

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, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-ECFRAK7U.js";
+import { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-6U527R3X.js";
 export { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.24.9",
+  "version": "0.25.0",
   "author": "ttoss",
   "contributors": [
     "Pedro Arantes <pedro@arantespp.com> (https://arantespp.com/contact)"
@@ -10,20 +10,18 @@
     "url": "https://github.com/ttoss/ttoss.git",
     "directory": "packages/forms"
   },
+  "type": "module",
   "exports": {
     ".": {
       "import": "./dist/esm/index.js",
-      "require": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
     "./multistep-form": {
       "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"
     }
   },
@@ -41,8 +39,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^1.26.14",
-    "@ttoss/ui": "^4.1.16"
+    "@ttoss/react-i18n": "^2.0.0",
+    "@ttoss/ui": "^5.0.0"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
@@ -52,12 +50,12 @@
     "react-error-boundary": "^4.0.13",
     "tsup": "^8.2.4",
     "yup": "^1.4.0",
-    "@ttoss/config": "^1.32.8",
-    "@ttoss/i18n-cli": "^0.7.17",
-    "@ttoss/test-utils": "^2.1.12",
-    "@ttoss/react-i18n": "^1.26.14",
-    "@ttoss/react-icons": "^0.3.12",
-    "@ttoss/ui": "^4.1.16"
+    "@ttoss/config": "^1.32.9",
+    "@ttoss/react-i18n": "^2.0.0",
+    "@ttoss/test-utils": "^2.1.13",
+    "@ttoss/i18n-cli": "^0.7.18",
+    "@ttoss/ui": "^5.0.0",
+    "@ttoss/react-icons": "^0.4.0"
   },
   "publishConfig": {
     "access": "public",
@@ -66,6 +64,6 @@
   "gitHead": "e2b509ee8717f07f7365191b651dcbb5f080e05a",
   "scripts": {
     "build": "tsup",
-    "test": "jest"
+    "test": "jest --projects tests/unit"
   }
 }

package/src/yup/schema.ts

@@ -10,3 +10,17 @@ yup.addMethod(yup.string, 'cnpj', function () {
     return isCnpjValid(value);
   });
 });
+
+yup.addMethod(
+  yup.string,
+  'password',
+  function ({ required }: { required?: boolean } = {}) {
+    const schema = this.trim();
+
+    if (required) {
+      schema.required('Password is required');
+    }
+
+    return schema.min(8, 'Password must be at least 8 characters long');
+  }
+);

package/dist/Brazil/index.d.mts

@@ -1,24 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PatternFormatProps } from 'react-number-format';
-import { F as FormFieldPatternFormatProps } from '../FormFieldPatternFormat-CkcL14ho.mjs';
-
-type FormFieldCNPJProps = {
-    label: string;
-    name: string;
-} & Partial<PatternFormatProps>;
-declare const isCnpjValid: (cnpj: any) => boolean;
-declare const FormFieldCNPJ: ({ label, name, ...patternFormatProps }: FormFieldCNPJProps) => react_jsx_runtime.JSX.Element;
-
-type FormFieldPhoneProps = {
-    label: string;
-    name: string;
-} & Partial<PatternFormatProps>;
-declare const FormFieldPhone: ({ label, name, ...patternFormatProps }: FormFieldPhoneProps) => 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;
-
-export { FormFieldCEP, FormFieldCNPJ, FormFieldPhone, isCnpjValid };