@paragrav/rhf-utils 0.0.57 → 0.0.59

package/dist/esm/config/index.mjs

@@ -1,14 +1,21 @@
-let o;
-const n = (t) => {
-  o = t;
-}, e = (t) => ({
-  ...o,
-  options: {
-    ...o == null ? void 0 : o.options,
-    ...t
-  }
-});
+let s;
+const t = (e) => {
+  s = e;
+}, l = (e) => {
+  var a;
+  return {
+    ...s,
+    options: {
+      ...s == null ? void 0 : s.options,
+      ...e,
+      classNames: [
+        ...((a = s == null ? void 0 : s.options) == null ? void 0 : a.classNames) ?? [],
+        ...(e == null ? void 0 : e.classNames) ?? []
+      ]
+    }
+  };
+};
 export {
-  e as _getConfig,
-  n as setConfig
+  l as _getConfig,
+  t as setConfig
 };

package/dist/types/src/config/index.d.ts

@@ -1,6 +1,7 @@
 import { FormSubmitError } from '../submit/error/FormSubmitError';
 import { UseFormFieldsProps, UseFormOptions } from '../form/useForm';
-import { FieldValues, UseFormProps, UseFormStateReturn } from 'react-hook-form';
+import { _FormSlots } from '../form/_Form';
+import { UseFormProps } from 'react-hook-form';
 
 type Config = {
     rhf?: Pick<UseFormProps, 'mode' | 'reValidateMode' | 'resetOptions' | 'context' | 'shouldFocusError' | 'shouldUnregister' | 'shouldUseNativeValidation' | 'progressive' | 'criteriaMode' | 'delayError'>;
@@ -11,21 +12,21 @@ type Config = {
      */
     options?: UseFormOptions;
     /**
-     * Component injected at the top of the form.
+     * Components injected by slot.
      *
-     * e.g., block navigation on dirty form.
+     * e.g., top: block navigation on dirty form.
+     * e.g., bottom: root errors list.
      */
-    Children?: React.FC<UseFormFieldsProps>;
+    Children?: Partial<Record<_FormSlots, React.FC<UseFormFieldsProps>>>;
     /**
      * Handle non-{@link FormSubmitError} errors. Optionally, return {@link FormSubmitError} to merge into context errors.
      */
     onSubmitError?: (error: unknown) => FormSubmitError | undefined;
-    Prompter?: React.FC<UseFormStateReturn<FieldValues>>;
 };
 export declare const setConfig: (config: Config) => void;
 export declare const _getConfig: (options?: UseFormOptions) => {
     options: {
-        hideRootErrorsList?: boolean | undefined;
+        classNames: string[];
         submitOnChange?: boolean | undefined;
         resetValuesOnSubmitError?: boolean | undefined;
         stopSubmitPropagation?: boolean | undefined;
@@ -37,9 +38,9 @@ export declare const _getConfig: (options?: UseFormOptions) => {
         reValidateMode: "onBlur" | "onChange" | "onSubmit";
         defaultValues: {
             [x: string]: any;
-        } | ((payload?: unknown) => Promise<FieldValues>);
-        values: FieldValues;
-        errors: import('react-hook-form').FieldErrors<FieldValues>;
+        } | ((payload?: unknown) => Promise<import('react-hook-form').FieldValues>);
+        values: import('react-hook-form').FieldValues;
+        errors: import('react-hook-form').FieldErrors<import('react-hook-form').FieldValues>;
         resetOptions: Partial<{
             keepDirtyValues: boolean;
             keepErrors: boolean;
@@ -53,7 +54,7 @@ export declare const _getConfig: (options?: UseFormOptions) => {
             keepIsValid: boolean;
             keepSubmitCount: boolean;
         }> | undefined;
-        resolver: import('react-hook-form').Resolver<FieldValues, any>;
+        resolver: import('react-hook-form').Resolver<import('react-hook-form').FieldValues, any>;
         context: any;
         shouldFocusError: boolean;
         shouldUnregister: boolean;
@@ -62,8 +63,7 @@ export declare const _getConfig: (options?: UseFormOptions) => {
         criteriaMode: import('react-hook-form').CriteriaMode;
         delayError: number;
     }>, "mode" | "reValidateMode" | "resetOptions" | "context" | "shouldFocusError" | "shouldUnregister" | "shouldUseNativeValidation" | "progressive" | "criteriaMode" | "delayError"> | undefined;
-    Children?: import('react').FC<UseFormFieldsProps> | undefined;
+    Children?: Partial<Record<_FormSlots, import('react').FC<UseFormFieldsProps>>> | undefined;
     onSubmitError?: ((error: unknown) => FormSubmitError | undefined) | undefined;
-    Prompter?: import('react').FC<UseFormStateReturn<FieldValues>> | undefined;
 };
 export {};

package/dist/types/src/form/_Form.d.ts

@@ -3,6 +3,7 @@ import { z } from 'zod';
 import { FieldValues } from 'react-hook-form';
 import { default as React } from 'react';
 
+export type _FormSlots = 'top' | 'bottom';
 export type _FormProps<TSchema extends z.ZodObject<FieldValues>, TFieldValues extends z.input<TSchema>, TTransformedValues extends z.output<TSchema>> = React.PropsWithChildren<Pick<UseFormProps<TSchema, TFieldValues, TTransformedValues>, 'form'> & {
     formId: string;
     formRef: React.RefObject<HTMLFormElement>;

package/dist/types/src/form/useForm.d.ts

@@ -7,12 +7,15 @@ import { default as React } from 'react';
 import { DevtoolUIProps } from '@hookform/devtools/dist/devToolUI';
 
 export type UseFormOptions = {
-    hideRootErrorsList?: boolean;
+    /** Control visibility of certain items via your own classes and styles. */
+    classNames?: string[];
     /** Request submit via listener on form change. */
     submitOnChange?: boolean;
     /** Reset form values if submit throw errors. Use case: optimistic UI toggle form that submits on each change */
     resetValuesOnSubmitError?: boolean;
+    /** Stop propagation of submit event. Useful for portals. */
     stopSubmitPropagation?: boolean;
+    /** Control dev tool options. */
     devTool?: DevtoolUIProps | 'disabled';
 };
 export type UseFormFieldsProps<TFieldValues extends FieldValues = FieldValues, TTransformedValues extends FieldValues = FieldValues> = {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,