@ultraviolet/form 2.13.2 → 2.13.4

package/dist/hooks/useForm.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { FieldValues } from 'react-hook-form';
+/**
+ * @deprecated Use [useFormContext](https://www.react-hook-form.com/api/useformcontext/)
+ *
+ * @example
+ * ```tsx
+ * const Input = () {
+ *   const { setValue } = useFormContext()
+ *
+ *   setValue('username', 'John Wick')
+ * }
+ * ```
+ */
+export declare const useFormDeprecated: <TFieldValues extends FieldValues>() => {
+    change: import("react-hook-form").UseFormSetValue<TFieldValues>;
+    resetFieldState: import("react-hook-form").UseFormResetField<TFieldValues>;
+    getFieldState: import("react-hook-form").UseFormGetFieldState<TFieldValues>;
+    batch: (callback: () => void) => void;
+    restart: import("react-hook-form").UseFormReset<TFieldValues>;
+    reset: import("react-hook-form").UseFormReset<TFieldValues>;
+    submit: (e?: import("react").BaseSyntheticEvent<object, any, any> | undefined) => Promise<void>;
+};

package/dist/hooks/useForm.js

@@ -1,19 +1,6 @@
-import { useContext } from 'react';
-import { useFormContext } from 'react-hook-form';
-import { FormSubmitContext } from '../components/Form/index.js';
-
-/**
- * @deprecated Use [useFormContext](https://www.react-hook-form.com/api/useformcontext/)
- *
- * @example
- * ```tsx
- * const Input = () {
- *   const { setValue } = useFormContext()
- *
- *   setValue('username', 'John Wick')
- * }
- * ```
- */
+import { useContext } from "react";
+import { useFormContext } from "react-hook-form";
+import { FormSubmitContext } from "../components/Form/index.js";
 const useFormDeprecated = () => {
   const {
     setValue,
@@ -26,11 +13,12 @@ const useFormDeprecated = () => {
     change: setValue,
     resetFieldState: resetField,
     getFieldState,
-    batch: callback => callback(),
+    batch: (callback) => callback(),
     restart: reset,
     reset,
     submit: formSubmitContext.handleSubmit
   };
 };
-
-export { useFormDeprecated };
+export {
+  useFormDeprecated
+};

package/dist/hooks/useFormState.d.ts

@@ -0,0 +1,39 @@
+import type { FieldValues } from 'react-hook-form';
+type UseFormStateParams = {
+    subscription?: Record<string, boolean>;
+};
+/**
+ * @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()
+ * }
+ * ```
+
+ */
+export declare const useFormStateDeprecated: <TFieldValues extends FieldValues>(_params?: UseFormStateParams) => {
+    dirtySinceLastSubmit: boolean;
+    submitErrors: (Record<string, Partial<{
+        type: string | number;
+        message: string;
+    }>> & Partial<{
+        type: string | number;
+        message: string;
+    }>) | undefined;
+    values: TFieldValues;
+    hasValidationErrors: boolean;
+    pristine: boolean;
+    errors: import("react-hook-form").FieldErrors<TFieldValues>;
+    initialValues: Readonly<import("react-hook-form").DeepPartial<TFieldValues>> | undefined;
+    touched: Partial<Readonly<import("react-hook-form").DeepMap<import("react-hook-form").DeepPartial<TFieldValues>, boolean>>>;
+    submitting: boolean;
+    invalid: boolean;
+    valid: boolean;
+};
+export {};

package/dist/hooks/useFormState.js

@@ -1,21 +1,5 @@
-import { useFormContext, useWatch } from 'react-hook-form';
-
-/**
- * @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 => {
+import { useFormContext, useWatch } from "react-hook-form";
+const useFormStateDeprecated = (_params) => {
   const {
     formState
   } = useFormContext();
@@ -33,5 +17,6 @@ const useFormStateDeprecated = _params => {
     valid: formState.isValid
   };
 };
-
-export { useFormStateDeprecated };
+export {
+  useFormStateDeprecated
+};

package/dist/hooks/useOnFieldChange.d.ts

@@ -0,0 +1,3 @@
+import type { DeepPartial, FieldPath, FieldPathValue, FieldValues } from 'react-hook-form';
+export type CallbackFn<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = (value: FieldPathValue<TFieldValues, TFieldName>, values: DeepPartial<TFieldValues>) => void | Promise<void>;
+export declare const useOnFieldChange: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>>(fieldName: TFieldName, callback: CallbackFn<TFieldValues, TFieldName>, enabled?: boolean) => void;

package/dist/hooks/useOnFieldChange.js

@@ -1,6 +1,5 @@
-import { useRef, useEffect } from 'react';
-import { useFormContext } from 'react-hook-form';
-
+import { useRef, useEffect } from "react";
+import { useFormContext } from "react-hook-form";
 const useOnFieldChange = (fieldName, callback, enabled = true) => {
   const {
     watch,
@@ -8,7 +7,7 @@ const useOnFieldChange = (fieldName, callback, enabled = true) => {
   } = useFormContext();
   const previousValues = useRef(getValues(fieldName));
   useEffect(() => {
-    const subscription = watch(value => {
+    const subscription = watch((value) => {
       if (previousValues.current !== value[fieldName] && enabled) {
         previousValues.current = value[fieldName];
         callback(value[fieldName], value)?.catch(() => null);
@@ -17,5 +16,6 @@ const useOnFieldChange = (fieldName, callback, enabled = true) => {
     return () => subscription.unsubscribe();
   }, [callback, enabled, watch, getValues, fieldName]);
 };
-
-export { useOnFieldChange };
+export {
+  useOnFieldChange
+};