@ultraviolet/form 2.0.0-next.3 → 2.0.0-next.5

package/dist/components/SelectInputField/index.js

@@ -90,7 +90,7 @@ const SelectInputField = _ref => {
         }
       } = _ref3;
       return jsx(SelectInput, {
-        ...field,
+        name: field.name,
         animation: animation,
         animationDuration: animationDuration,
         animationOnChange: animationOnChange,
@@ -122,9 +122,7 @@ const SelectInputField = _ref => {
         placeholder: placeholder,
         readOnly: readOnly,
         noTopLabel: noTopLabel,
-        required: required
-        // value={value}
-        ,
+        required: required,
         value: format(field.value),
         noOptionsMessage: noOptionsMessage,
         children: children

package/dist/hooks/useField.js

@@ -1,7 +1,20 @@
 import { useFormContext, useController } from 'react-hook-form';
 
 /**
- * @deprecated
+ * @deprecated Use [useForm](https://www.react-hook-form.com/api/useform/), [useFormContext](https://www.react-hook-form.com/api/useformcontext/) or [useWatch](https://www.react-hook-form.com/api/usewatch/) to get values. Use [useFormState](https://www.react-hook-form.com/api/useformstate/) to get fields states.
+ * @example
+ * ```tsx
+ * const Input = () {
+ *   const username = useWatch({
+ *    name: 'username'
+ *   })
+ *
+ *   const { errors } = useFormState()
+ *
+ *   console.log(errors.username)
+ * }
+ * ```
+
  */
 const useFieldDeprecated = (name, options) => {
   const {

package/dist/hooks/useFieldArray.js

@@ -1,7 +1,7 @@
 import { useFieldArray, useWatch } from 'react-hook-form';
 
 /**
- * @deprecated
+ * @deprecated Use [useFieldArray](https://www.react-hook-form.com/api/usefieldarray/)
  */
 const useFieldArrayDeprecated = (name, options) => {
   const {

package/dist/hooks/useForm.js

@@ -3,7 +3,16 @@ import { useFormContext } from 'react-hook-form';
 import { FormSubmitContext } from '../components/Form/index.js';
 
 /**
- * @deprecated
+ * @deprecated Use [useFormContext](https://www.react-hook-form.com/api/useformcontext/)
+ *
+ * @example
+ * ```tsx
+ * const Input = () {
+ *   const { setValue } = useFormContext()
+ *
+ *   setValue('username', 'John Wick')
+ * }
+ * ```
  */
 const useFormDeprecated = () => {
   const {

package/dist/hooks/useFormState.js

@@ -1,7 +1,18 @@
 import { useFormContext, useWatch } from 'react-hook-form';
 
 /**
- * @deprecated
+ * @deprecated Use [useForm](https://www.react-hook-form.com/api/useform/), [useFormContext](https://www.react-hook-form.com/api/useformcontext/) or [useWatch](https://www.react-hook-form.com/api/usewatch/) to get values. Use [useFormState](https://www.react-hook-form.com/api/useformstate/) to get form states.
+ * @example
+ * ```tsx
+ * const Input = () {
+ *   const username = useWatch({
+ *    name: 'username'
+ *   })
+ *
+ *   const { isValid } = useFormState()
+ * }
+ * ```
+
  */
 const useFormStateDeprecated = _params => {
   const {

package/dist/index.d.ts

@@ -673,7 +673,18 @@ type UseFormStateParams = {
     subscription?: Record<string, boolean>;
 };
 /**
- * @deprecated
+ * @deprecated Use [useForm](https://www.react-hook-form.com/api/useform/), [useFormContext](https://www.react-hook-form.com/api/useformcontext/) or [useWatch](https://www.react-hook-form.com/api/usewatch/) to get values. Use [useFormState](https://www.react-hook-form.com/api/useformstate/) to get form states.
+ * @example
+ * ```tsx
+ * const Input = () {
+ *   const username = useWatch({
+ *    name: 'username'
+ *   })
+ *
+ *   const { isValid } = useFormState()
+ * }
+ * ```
+
  */
 declare const useFormStateDeprecated: <TFieldValues extends FieldValues>(_params?: UseFormStateParams) => {
     dirtySinceLastSubmit: boolean;
@@ -700,7 +711,20 @@ type Options$1<TFieldValues extends FieldValues> = {
     validate?: Validate<FieldPathValue<TFieldValues, Path<TFieldValues>>, TFieldValues>;
 };
 /**
- * @deprecated
+ * @deprecated Use [useForm](https://www.react-hook-form.com/api/useform/), [useFormContext](https://www.react-hook-form.com/api/useformcontext/) or [useWatch](https://www.react-hook-form.com/api/usewatch/) to get values. Use [useFormState](https://www.react-hook-form.com/api/useformstate/) to get fields states.
+ * @example
+ * ```tsx
+ * const Input = () {
+ *   const username = useWatch({
+ *    name: 'username'
+ *   })
+ *
+ *   const { errors } = useFormState()
+ *
+ *   console.log(errors.username)
+ * }
+ * ```
+
  */
 declare const useFieldDeprecated: <T, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(name: TFieldName, options?: Options$1<TFieldValues> | undefined) => {
     input: {
@@ -716,7 +740,16 @@ declare const useFieldDeprecated: <T, TFieldValues extends FieldValues = FieldVa
 };
 
 /**
- * @deprecated
+ * @deprecated Use [useFormContext](https://www.react-hook-form.com/api/useformcontext/)
+ *
+ * @example
+ * ```tsx
+ * const Input = () {
+ *   const { setValue } = useFormContext()
+ *
+ *   setValue('username', 'John Wick')
+ * }
+ * ```
  */
 declare const useFormDeprecated: <TFieldValues extends FieldValues>() => {
     change: react_hook_form.UseFormSetValue<TFieldValues>;
@@ -733,7 +766,7 @@ type Options<TFieldValues extends FieldValues> = {
     subscription?: Record<string, boolean>;
 };
 /**
- * @deprecated
+ * @deprecated Use [useFieldArray](https://www.react-hook-form.com/api/usefieldarray/)
  */
 declare const useFieldArrayDeprecated: <T, TFieldValues extends FieldValues = FieldValues>(name: ArrayPath<TFieldValues>, options?: Options<TFieldValues> | undefined) => {
     fields: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/form",
-  "version": "2.0.0-next.3",
+  "version": "2.0.0-next.5",
   "description": "Ultraviolet Form",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -53,7 +53,7 @@
     "@emotion/styled": "11.11.0",
     "react-select": "5.8.0",
     "react-hook-form": "^7.47.0",
-    "@ultraviolet/ui": "1.26.1"
+    "@ultraviolet/ui": "1.27.1"
   },
   "scripts": {
     "build": "rollup -c ../../rollup.config.mjs"