@ultraviolet/form 2.13.1 → 2.13.3

package/dist/components/index.d.ts

@@ -0,0 +1,22 @@
+export { CheckboxField } from './CheckboxField';
+export { CheckboxGroupField } from './CheckboxGroupField';
+export { DateField } from './DateField';
+export type { FormProps } from './Form';
+export { Form } from './Form';
+export { RadioField } from './RadioField';
+export { SelectInputField } from './SelectInputField';
+export { SelectableCardField } from './SelectableCardField';
+export { NumberInputField } from './NumberInputField';
+export { NumberInputFieldV2 } from './NumberInputFieldV2';
+export { SubmitErrorAlert } from './SubmitErrorAlert';
+export { TagInputField } from './TagInputField';
+export { TextAreaField } from './TextAreaField';
+export { TextInputField } from './TextInputField';
+export { TextInputField as TextInputFieldV2 } from './TextInputFieldV2';
+export { TimeField } from './TimeField';
+export { ToggleField } from './ToggleField';
+export { Submit } from './Submit';
+export { RadioGroupField } from './RadioGroupField';
+export { KeyValueField } from './KeyValueField';
+export { SelectableCardGroupField } from './SelectableCardGroupField';
+export { SelectInputFieldV2 } from './SelectInputFieldV2';

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const FORM_ERROR = "FINAL_FORM/form-error";

package/dist/constants.js

@@ -1,3 +1,4 @@
-const FORM_ERROR = 'FINAL_FORM/form-error';
-
-export { FORM_ERROR };
+const FORM_ERROR = "FINAL_FORM/form-error";
+export {
+  FORM_ERROR
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export { useOnFieldChange } from './useOnFieldChange';
+export { useFormStateDeprecated } from './useFormState';
+export { useFieldDeprecated } from './useField';
+export { useFormDeprecated } from './useForm';
+export { useFieldArrayDeprecated } from './useFieldArray';

package/dist/hooks/useField.d.ts

@@ -0,0 +1,34 @@
+import type { FieldPath, FieldPathValue, FieldValues, Path, Validate } from 'react-hook-form';
+type Options<TFieldValues extends FieldValues> = {
+    subscription?: Record<string, boolean>;
+    validate?: Validate<FieldPathValue<TFieldValues, Path<TFieldValues>>, TFieldValues>;
+};
+/**
+ * @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)
+ * }
+ * ```
+ */
+export declare const useFieldDeprecated: <T, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(name: TFieldName, options?: Options<TFieldValues>) => {
+    input: {
+        value: T;
+        onChange: (...event: any[]) => void;
+    };
+    meta: {
+        error: string | undefined;
+        touched: boolean;
+        invalid: boolean;
+        dirty: boolean;
+    };
+};
+export {};

package/dist/hooks/useField.js

@@ -1,33 +1,9 @@
-import { useFormContext, useController } 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 fields states.
- *
- * @example
- * ```tsx
- *  const Input = () {
- *   const username = useWatch({
- *    name: 'username'
- *   })
- *
- *   const { errors } = useFormState()
- *
- *   console.log(errors.username)
- * }
- * ```
- */
+import { useFormContext, useController } from "react-hook-form";
 const useFieldDeprecated = (name, options) => {
-  const {
-    getValues
-  } = useFormContext();
-  const {
-    field,
-    fieldState
-  } = useController({
+  const { getValues } = useFormContext();
+  const { field, fieldState } = useController({
     name,
-    rules: {
-      validate: options?.validate
-    }
+    rules: { validate: options?.validate }
   });
   return {
     input: {
@@ -42,5 +18,6 @@ const useFieldDeprecated = (name, options) => {
     }
   };
 };
-
-export { useFieldDeprecated };
+export {
+  useFieldDeprecated
+};

package/dist/hooks/useFieldArray.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import type { ArrayPath, FieldArray, FieldValues, Validate } from 'react-hook-form';
+type Options<TFieldValues extends FieldValues> = {
+    validate?: Validate<FieldArray<TFieldValues>[], TFieldValues>;
+    subscription?: Record<string, boolean>;
+};
+/**
+ * @deprecated Use [useFieldArray](https://www.react-hook-form.com/api/usefieldarray/)
+ */
+export declare const useFieldArrayDeprecated: <T, TFieldValues extends FieldValues = FieldValues>(name: ArrayPath<TFieldValues>, options?: Options<TFieldValues>) => {
+    fields: {
+        push: import("react-hook-form").UseFieldArrayAppend<TFieldValues, ArrayPath<TFieldValues>>;
+        value: T[];
+        remove: import("react-hook-form").UseFieldArrayRemove;
+        update: import("react-hook-form").UseFieldArrayUpdate<TFieldValues, ArrayPath<TFieldValues>>;
+        map: (callback: (name: string, index: number) => ReactNode) => ReactNode[];
+        move: import("react-hook-form").UseFieldArrayMove;
+        length: number;
+    };
+};
+export {};

package/dist/hooks/useFieldArray.js

@@ -1,35 +1,22 @@
-import { useFieldArray, useWatch } from 'react-hook-form';
-
-/**
- * @deprecated Use [useFieldArray](https://www.react-hook-form.com/api/usefieldarray/)
- */
+import { useFieldArray, useWatch } from "react-hook-form";
 const useFieldArrayDeprecated = (name, options) => {
-  const {
-    fields,
-    append,
-    remove,
-    update,
-    move
-  } = useFieldArray({
+  const { fields, append, remove, update, move } = useFieldArray({
     name,
-    rules: {
-      validate: options?.validate
-    }
-  });
-  const value = useWatch({
-    name
+    rules: { validate: options?.validate }
   });
+  const value = useWatch({ name });
   return {
     fields: {
       push: append,
-      value: value,
+      value,
       remove,
       update,
-      map: callback => fields.map((_, index) => callback(`${name}.${index}`, index)),
+      map: (callback) => fields.map((_, index) => callback(`${name}.${index}`, index)),
       move,
       length: fields.length
     }
   };
 };
-
-export { useFieldArrayDeprecated };
+export {
+  useFieldArrayDeprecated
+};

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,36 +1,19 @@
-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,
-    resetField,
-    getFieldState,
-    reset
-  } = useFormContext();
+  const { setValue, resetField, getFieldState, reset } = useFormContext();
   const formSubmitContext = useContext(FormSubmitContext);
   return {
     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,24 +1,6 @@
-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 => {
-  const {
-    formState
-  } = useFormContext();
+import { useFormContext, useWatch } from "react-hook-form";
+const useFormStateDeprecated = (_params) => {
+  const { formState } = useFormContext();
   return {
     dirtySinceLastSubmit: formState.isDirty,
     submitErrors: formState.errors.root,
@@ -33,5 +15,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,14 +1,12 @@
-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,
-    getValues
-  } = useFormContext();
-  const previousValues = useRef(getValues(fieldName));
+  const { watch, getValues } = 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 +15,6 @@ const useOnFieldChange = (fieldName, callback, enabled = true) => {
     return () => subscription.unsubscribe();
   }, [callback, enabled, watch, getValues, fieldName]);
 };
-
-export { useOnFieldChange };
+export {
+  useOnFieldChange
+};