@ttoss/forms 0.22.5 → 0.22.7

package/README.md

@@ -45,6 +45,10 @@ export const FormComponent = () => {
 
 **WARNING:** I18n is necessary as `Forms` module has some integrations with it.
 
+## React Hook Form
+
+It exposes all the API from react-hook-form, so you can use all the methods and properties from it. Check the [React Hook Form](https://react-hook-form.com/docs) documentation for more details.
+
 ## FormFieldSelect support for Default Value
 
 FormFieldSelect has support for default values, by assigning the first option defined or the value passed to it in the parameter `defaultValue`.

package/dist/MultistepForm/index.js

@@ -76,6 +76,7 @@ var import_ui16 = require("@ttoss/ui");
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Controller: () => import_react_hook_form6.Controller,
   Form: () => Form,
   FormField: () => FormField,
   FormFieldCheckbox: () => FormFieldCheckbox,
@@ -89,8 +90,14 @@ __export(src_exports, {
   FormFieldSelect: () => FormFieldSelect,
   FormFieldTextarea: () => FormFieldTextarea,
   FormGroup: () => FormGroup,
+  FormProvider: () => import_react_hook_form6.FormProvider,
+  useController: () => import_react_hook_form6.useController,
+  useFieldArray: () => import_react_hook_form6.useFieldArray,
   useForm: () => import_react_hook_form6.useForm,
+  useFormContext: () => import_react_hook_form6.useFormContext,
   useFormGroup: () => useFormGroup,
+  useFormState: () => import_react_hook_form6.useFormState,
+  useWatch: () => import_react_hook_form6.useWatch,
   yup: () => yup,
   yupResolver: () => import_yup2.yupResolver
 });
@@ -137,8 +144,6 @@ var import_yup = require("yup");
 
 // src/index.ts
 var import_yup2 = require("@hookform/resolvers/yup");
-__reExport(src_exports, require("react-hook-form"));
-var import_react_hook_form6 = require("react-hook-form");
 var yup = __toESM(require("yup"));
 
 // src/Form.tsx
@@ -713,6 +718,10 @@ var FormGroup = props => {
   });
 };
 
+// src/index.ts
+var import_react_hook_form6 = require("react-hook-form");
+__reExport(src_exports, require("react-hook-form"));
+
 // src/MultistepForm/MultistepFlowMessageImageText.tsx
 var import_ui14 = require("@ttoss/ui");
 var import_jsx_runtime16 = require("react/jsx-runtime");

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-NDUNPJBB.js";
+import { Form, useForm, yupResolver } from "../chunk-5SH4STWG.js";
 
 // src/MultistepForm/MultistepForm.tsx
 import * as React3 from "react";

package/dist/esm/{chunk-NDUNPJBB.js → chunk-5SH4STWG.js}

@@ -60,8 +60,6 @@ setLocale({
 
 // src/index.ts
 import { yupResolver } from "@hookform/resolvers/yup";
-export * from "react-hook-form";
-import { useForm } from "react-hook-form";
 import * as yup from "yup";
 
 // src/Form.tsx
@@ -635,4 +633,8 @@ var FormGroup = props => {
     })
   });
 };
-export { Form, FormField, FormFieldCheckbox, FormFieldPatternFormat, FormFieldCreditCardNumber, FormFieldNumericFormat, FormFieldCurrencyInput, FormFieldInput, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, useFormGroup, FormGroup, yupResolver, useForm, yup };
+
+// src/index.ts
+import { useForm, useFormContext as useFormContext2, useWatch, useFieldArray, useController as useController4, useFormState, Controller, FormProvider as FormProvider2 } from "react-hook-form";
+export * from "react-hook-form";
+export { Form, FormField, FormFieldCheckbox, FormFieldPatternFormat, FormFieldCreditCardNumber, FormFieldNumericFormat, FormFieldCurrencyInput, FormFieldInput, FormFieldPassword, FormFieldRadio, FormFieldSelect, FormFieldTextarea, useFormGroup, FormGroup, yupResolver, yup, useForm, useFormContext2 as useFormContext, useWatch, useFieldArray, useController4 as useController, useFormState, Controller, FormProvider2 as FormProvider };

package/dist/esm/index.js

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

package/dist/index.d.mts

@@ -1,11 +1,11 @@
 export { yupResolver } from '@hookform/resolvers/yup';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
-export * from 'react-hook-form';
-export { useForm } from 'react-hook-form';
 import * as yup from 'yup';
 export { yup };
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
+export * from 'react-hook-form';
+export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
 import { BoxProps, SxProp, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
 import { PatternFormatProps, NumericFormatProps } from 'react-number-format';
@@ -16,7 +16,7 @@ declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children,
     sx?: BoxProps['sx'];
 } & {
     children: React.ReactNode | React.ReactNode[];
-} & react_hook_form.UseFormReturn<TFieldValues, any, TFieldValues>) => react_jsx_runtime.JSX.Element;
+} & react_hook_form.UseFormReturn<TFieldValues, any, undefined>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     label?: string;

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 export { yupResolver } from '@hookform/resolvers/yup';
-import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
-export * from 'react-hook-form';
-export { useForm } from 'react-hook-form';
 import * as yup from 'yup';
 export { yup };
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react_hook_form from 'react-hook-form';
+import { FieldValues, FieldPath, UseControllerReturn, FieldPathValue } from 'react-hook-form';
+export * from 'react-hook-form';
+export { Controller, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from 'react-hook-form';
 import * as React from 'react';
 import { BoxProps, SxProp, CheckboxProps, InputProps, InputPasswordProps, RadioProps, SelectProps, TextareaProps } from '@ttoss/ui';
 import { PatternFormatProps, NumericFormatProps } from 'react-number-format';
@@ -16,7 +16,7 @@ declare const Form: <TFieldValues extends FieldValues = FieldValues>({ children,
     sx?: BoxProps['sx'];
 } & {
     children: React.ReactNode | React.ReactNode[];
-} & react_hook_form.UseFormReturn<TFieldValues, any, TFieldValues>) => react_jsx_runtime.JSX.Element;
+} & react_hook_form.UseFormReturn<TFieldValues, any, undefined>) => react_jsx_runtime.JSX.Element;
 
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     label?: string;

package/dist/index.js

@@ -39,6 +39,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Controller: () => import_react_hook_form6.Controller,
   Form: () => Form,
   FormField: () => FormField,
   FormFieldCheckbox: () => FormFieldCheckbox,
@@ -52,8 +53,14 @@ __export(src_exports, {
   FormFieldSelect: () => FormFieldSelect,
   FormFieldTextarea: () => FormFieldTextarea,
   FormGroup: () => FormGroup,
+  FormProvider: () => import_react_hook_form6.FormProvider,
+  useController: () => import_react_hook_form6.useController,
+  useFieldArray: () => import_react_hook_form6.useFieldArray,
   useForm: () => import_react_hook_form6.useForm,
+  useFormContext: () => import_react_hook_form6.useFormContext,
   useFormGroup: () => useFormGroup,
+  useFormState: () => import_react_hook_form6.useFormState,
+  useWatch: () => import_react_hook_form6.useWatch,
   yup: () => yup,
   yupResolver: () => import_yup2.yupResolver
 });
@@ -101,8 +108,6 @@ var import_yup = require("yup");
 
 // src/index.ts
 var import_yup2 = require("@hookform/resolvers/yup");
-__reExport(src_exports, require("react-hook-form"), module.exports);
-var import_react_hook_form6 = require("react-hook-form");
 var yup = __toESM(require("yup"));
 
 // src/Form.tsx
@@ -676,8 +681,13 @@ var FormGroup = props => {
     })
   });
 };
+
+// src/index.ts
+var import_react_hook_form6 = require("react-hook-form");
+__reExport(src_exports, require("react-hook-form"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Controller,
   Form,
   FormField,
   FormFieldCheckbox,
@@ -691,8 +701,14 @@ var FormGroup = props => {
   FormFieldSelect,
   FormFieldTextarea,
   FormGroup,
+  FormProvider,
+  useController,
+  useFieldArray,
   useForm,
+  useFormContext,
   useFormGroup,
+  useFormState,
+  useWatch,
   yup,
   yupResolver,
   ...require("react-hook-form")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.22.5",
+  "version": "0.22.7",
   "author": "ttoss",
   "contributors": [
     "Pedro Arantes <pedro@arantespp.com> (https://arantespp.com/contact)"
@@ -30,31 +30,30 @@
   "dependencies": {
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.3.4",
-    "react-hook-form": "^7.50.1",
-    "react-number-format": "^5.3.1",
+    "react-hook-form": "^7.51.0",
+    "react-number-format": "^5.3.3",
     "yup": "^1.3.3"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/react-i18n": "^1.26.1",
-    "@ttoss/ui": "^4.1.3"
+    "@ttoss/ui": "^4.1.4",
+    "@ttoss/react-i18n": "^1.26.1"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
     "@types/react": "^18.2.58",
     "jest": "^29.7.0",
     "react": "^18.2.0",
-    "react-error-boundary": "^4.0.12",
-    "react-hook-form": "^7.50.1",
+    "react-error-boundary": "^4.0.13",
     "theme-ui": "^0.16.2",
     "tsup": "^8.0.2",
     "yup": "^1.3.3",
     "@ttoss/config": "^1.31.5",
-    "@ttoss/i18n-cli": "^0.7.6",
     "@ttoss/react-i18n": "^1.26.1",
-    "@ttoss/test-utils": "^2.1.1",
+    "@ttoss/i18n-cli": "^0.7.6",
     "@ttoss/react-icons": "^0.3.1",
-    "@ttoss/ui": "^4.1.3"
+    "@ttoss/ui": "^4.1.4",
+    "@ttoss/test-utils": "^2.1.1"
   },
   "publishConfig": {
     "access": "public",

package/src/index.ts

@@ -1,8 +1,6 @@
 import './i18n';
 
 export { yupResolver } from '@hookform/resolvers/yup';
-export * from 'react-hook-form';
-export { useForm } from 'react-hook-form';
 export * as yup from 'yup';
 
 export { Form } from './Form';
@@ -18,3 +16,21 @@ export { FormFieldRadio } from './FormFieldRadio';
 export { FormFieldSelect } from './FormFieldSelect';
 export { FormFieldTextarea } from './FormFieldTextarea';
 export { FormGroup, useFormGroup } from './FormGroup';
+
+/**
+ * Export everything from react-hook-form without using export *
+ * https://github.com/evanw/esbuild/issues/1737
+ */
+export {
+  useForm,
+  useFormContext,
+  useWatch,
+  useFieldArray,
+  useController,
+  useFormState,
+  Controller,
+  FormProvider,
+} from 'react-hook-form';
+
+// Export types
+export * from 'react-hook-form';