@paragrav/rhf-utils 0.0.86 → 0.0.88

package/dist/esm/form/Form.mjs

@@ -6,7 +6,7 @@ import { FormSubmitError as E } from "../submit/error/FormSubmitError.mjs";
 import V from "../submit/error/setCtxErrorsByFormSubmitError.mjs";
 import w from "./_Controller.mjs";
 import z from "./_FormBase.mjs";
-function I({
+function J({
   formId: B,
   formRef: u,
   //
@@ -46,16 +46,16 @@ function I({
       l,
       e
     );
-  }, c = {
+  }, y = {
     formId: B,
     formRef: u,
     ctx: l,
     options: r,
     Controller: w
-  }, y = (t) => {
+  }, c = (t) => {
     var m;
     const e = (m = a == null ? void 0 : a.Children) == null ? void 0 : m[t];
-    return e && /* @__PURE__ */ C(e, { ...c });
+    return e && /* @__PURE__ */ C(e, { ...y });
   };
   return /* @__PURE__ */ S(
     z,
@@ -64,20 +64,21 @@ function I({
       style: {
         position: "relative"
       },
+      config: a,
+      formRef: u,
       ...d,
       className: [r == null ? void 0 : r.classNames, d == null ? void 0 : d.className].filter(Boolean).join(" "),
       onSubmit: j,
-      formRef: u,
       children: [
-        y("top"),
+        c("top"),
         (r == null ? void 0 : r.devTool) !== "disabled" && /* @__PURE__ */ C(v, { placement: "top-right", ...r == null ? void 0 : r.devTool }),
-        x && /* @__PURE__ */ C(x, { ...c }),
+        x && /* @__PURE__ */ C(x, { ...y }),
         _,
-        y("bottom")
+        c("bottom")
       ]
     }
   );
 }
 export {
-  I as default
+  J as default
 };

package/dist/esm/form/_FormBase.mjs

@@ -1,14 +1,18 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import { jsxs as p, jsx as s } from "react/jsx-runtime";
 import "react";
-const f = ({
-  formRef: e,
+const l = ({
+  config: e,
+  formRef: t,
   antiCsrfToken: r,
   children: o,
-  ...t
-}) => /* @__PURE__ */ m("form", { role: "form", ...t, ref: e, children: [
-  r && /* @__PURE__ */ n("input", { type: "hidden", name: "anticsrftoken", value: r }),
-  o
-] });
+  ...m
+}) => {
+  const n = (e == null ? void 0 : e.FormComponent) ?? "form";
+  return /* @__PURE__ */ p(n, { role: "form", ...m, ref: t, children: [
+    r && /* @__PURE__ */ s("input", { type: "hidden", name: "anticsrftoken", value: r }),
+    o
+  ] });
+};
 export {
-  f as default
+  l as default
 };

package/dist/types/client/config.d.ts

@@ -1,8 +1,8 @@
-import { FormSubmitError } from '../submit/error/FormSubmitError';
-import { UseFormOptions } from '../form/useFormOptions';
-import { UseFormFieldsProps } from '../form/useForm';
-import { FormChildrenSlots } from '../form/Form';
 import { UseFormProps } from 'react-hook-form';
+import { FormChildrenSlots } from '../form/Form';
+import { UseFormFieldsProps } from '../form/useForm';
+import { UseFormOptions } from '../form/useFormOptions';
+import { FormSubmitError } from '../submit/error/FormSubmitError';
 
 export type ClientConfig = {
     /**
@@ -34,4 +34,5 @@ export type ClientConfig = {
      * Handle non-{@link FormSubmitError} errors. Optionally, return {@link FormSubmitError} to merge into context errors.
      */
     onSubmitError?: (error: unknown) => FormSubmitError | undefined;
+    FormComponent?: React.FC<React.PropsWithChildren<React.HTMLAttributes<HTMLFormElement>>>;
 };

package/dist/types/client/index.d.ts

@@ -1,8 +1,8 @@
-import { UseFormProps, UseFormReturn } from '../form/useForm';
-import { SafeFieldValues } from '../form/SafeFieldValues';
-import { FormWithProvidersProps } from '../form/FormWithProviders';
-import { ClientConfig } from './config';
 import { Resolver } from 'react-hook-form';
+import { ClientConfig } from './config';
+import { FormWithProvidersProps } from '../form/FormWithProviders';
+import { SafeFieldValues } from '../form/SafeFieldValues';
+import { UseFormProps, UseFormReturn } from '../form/useForm';
 
 /**
  * Generic object schema type.

package/dist/types/client/zod/context/RhfUtilsClientForZodContextProvider.d.ts

@@ -1,5 +1,5 @@
-import { ClientConfig } from '../../config';
 import { default as React } from 'react';
+import { ClientConfig } from '../../config';
 
 type Props = React.PropsWithChildren<{
     config: ClientConfig;

package/dist/types/client/zod/createRhfUtilsClientForZod.d.ts

@@ -1,5 +1,5 @@
-import { SafeFieldValues } from '../../form/SafeFieldValues';
 import { z } from 'zod';
+import { SafeFieldValues } from '../../form/SafeFieldValues';
 
 export type ZodTypeFieldValues = z.ZodType<SafeFieldValues>;
 declare const createRhfUtilsClientForZod: (config: import('../config').ClientConfig) => import('..').CreateRhfUtilsClient<ZodTypeFieldValues, "_input", "_output">;

package/dist/types/devtool/LazyDevTool.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { DevtoolUIProps } from '@hookform/devtools/dist/devToolUI';
+import { default as React } from 'react';
 
 export type LazyDevToolProps = Omit<DevtoolUIProps, 'control'>;
 /**

package/dist/types/errors/consoleErrors.d.ts

@@ -1,5 +1,5 @@
-import { SafeFieldValues } from '../form/SafeFieldValues';
 import { FieldErrors } from 'react-hook-form';
+import { SafeFieldValues } from '../form/SafeFieldValues';
 
 /**
  * Output form values and errors to console.

package/dist/types/errors/flat/getFlatFieldErrors.d.ts

@@ -1,5 +1,5 @@
-import { FlatFieldErrors } from './types';
 import { FieldErrors } from 'react-hook-form';
+import { FlatFieldErrors } from './types';
 
 /**
  * Get {@link FlatFieldErrors} from {@link FieldErrors}.

package/dist/types/errors/flat/useRefdFieldErrorsMemo.d.ts

@@ -1,5 +1,5 @@
-import { FlatFieldErrors } from './types';
 import { FieldErrors } from 'react-hook-form';
+import { FlatFieldErrors } from './types';
 
 /**
  * Use {@link FieldErrors} with `ref`s as {@link FlatFieldErrors}.

package/dist/types/errors/orphan/getOrphansFromFieldErrors.d.ts

@@ -1,5 +1,5 @@
-import { FlatFieldErrors } from '../flat/types';
 import { FieldErrors } from 'react-hook-form';
+import { FlatFieldErrors } from '../flat/types';
 
 declare const getOrphansFromFieldErrors: (errors: FieldErrors, parentElement: Pick<HTMLElement, 'querySelector'>) => FlatFieldErrors;
 export default getOrphansFromFieldErrors;

package/dist/types/errors/outputErrors.d.ts

@@ -1,5 +1,5 @@
-import { SafeFieldValues } from '../form/SafeFieldValues';
 import { FieldErrors } from 'react-hook-form';
+import { SafeFieldValues } from '../form/SafeFieldValues';
 
 /**
  * Output form values and errors to console and throw in dev.

package/dist/types/errors/root/getRootsFromFieldErrors.d.ts

@@ -1,5 +1,5 @@
-import { FlatFieldErrors } from '../flat/types';
 import { FieldErrors } from 'react-hook-form';
+import { FlatFieldErrors } from '../flat/types';
 
 declare const getRootsFromFieldErrors: (errors: FieldErrors) => FlatFieldErrors;
 export default getRootsFromFieldErrors;

package/dist/types/form/Form.d.ts

@@ -1,6 +1,6 @@
-import { UseFormProps } from './useForm';
-import { SafeFieldValues } from './SafeFieldValues';
 import { default as React } from 'react';
+import { SafeFieldValues } from './SafeFieldValues';
+import { UseFormProps } from './useForm';
 
 export type FormChildrenSlots = 'top' | 'bottom';
 export type FormProps<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues> = React.PropsWithChildren<{

package/dist/types/form/FormProviders.d.ts

@@ -1,6 +1,6 @@
-import { UseFormOptions } from './useFormOptions';
-import { SafeFieldValues } from './SafeFieldValues';
 import { UseFormReturn } from 'react-hook-form';
+import { SafeFieldValues } from './SafeFieldValues';
+import { UseFormOptions } from './useFormOptions';
 
 export type FormProvidersProps<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues> = React.PropsWithChildren<{
     formId: string;

package/dist/types/form/FormWithProviders.d.ts

@@ -1,5 +1,5 @@
-import { UseFormProps } from './useForm';
 import { SafeFieldValues } from './SafeFieldValues';
+import { UseFormProps } from './useForm';
 
 export type FormWithProvidersProps<TFieldValues extends SafeFieldValues, TTransformedValues extends SafeFieldValues> = React.PropsWithChildren<UseFormProps<TFieldValues, TTransformedValues>>;
 /**

package/dist/types/form/_Controller.d.ts

@@ -1,5 +1,5 @@
-import { SafeFieldValues } from './SafeFieldValues';
 import { ControllerProps, FieldPath } from 'react-hook-form';
+import { SafeFieldValues } from './SafeFieldValues';
 
 export type _ControllerProps<TFieldValues extends SafeFieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<ControllerProps<TFieldValues, TName>, 'control'>;
 declare function _Controller<TFieldValues extends SafeFieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: _ControllerProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;

package/dist/types/form/_FormBase.d.ts

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
+import { ClientConfig } from '../client/config';
 
-export type FormBaseProps = React.PropsWithoutRef<JSX.IntrinsicElements['form']> & {
+export type FormBaseProps = React.PropsWithChildren<React.HTMLAttributes<HTMLFormElement>> & {
+    config?: ClientConfig;
     formRef: React.RefObject<HTMLFormElement>;
     antiCsrfToken?: string;
 };
-declare const _FormBase: ({ formRef, antiCsrfToken, children, ...props }: FormBaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const _FormBase: ({ config, formRef, antiCsrfToken, children, ...props }: FormBaseProps) => import("react/jsx-runtime").JSX.Element;
 export default _FormBase;

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

@@ -1,12 +1,12 @@
-import { UseFormOptions } from './useFormOptions';
-import { SafeFieldValues } from './SafeFieldValues';
-import { FormProvidersProps } from './FormProviders';
-import { FormProps } from './Form';
-import { default as _Controller } from './_Controller';
-import { FormSubmitError } from '../submit/error/FormSubmitError';
-import { ClientConfig } from '../client/config';
-import { SubmitErrorHandler, UseFormProps as RhfUseFormProps, UseFormReturn as RhfUseFormReturn } from 'react-hook-form';
 import { default as React } from 'react';
+import { SubmitErrorHandler, UseFormProps as RhfUseFormProps, UseFormReturn as RhfUseFormReturn } from 'react-hook-form';
+import { ClientConfig } from '../client/config';
+import { FormSubmitError } from '../submit/error/FormSubmitError';
+import { default as _Controller } from './_Controller';
+import { FormProps } from './Form';
+import { FormProvidersProps } from './FormProviders';
+import { SafeFieldValues } from './SafeFieldValues';
+import { UseFormOptions } from './useFormOptions';
 
 export type UseFormFieldsProps<TFieldValues extends SafeFieldValues = SafeFieldValues, TTransformedValues extends SafeFieldValues = SafeFieldValues> = {
     formId: string;

package/dist/types/form/useFormOptions.d.ts

@@ -1,6 +1,6 @@
-import { Register } from '../register';
-import { default as useResetFormAfterSubmitSuccessful } from '../submit/useResetFormOnSubmitSuccessful';
 import { DevtoolUIProps } from '@hookform/devtools/dist/devToolUI';
+import { default as useResetFormAfterSubmitSuccessful } from '../submit/useResetFormOnSubmitSuccessful';
+import { Register } from '../register';
 
 export type UseFormOptions = {
     /**

package/dist/types/submit/error/FormSubmitError.d.ts

@@ -1,5 +1,5 @@
-import { SafeFieldValues } from '../../form/SafeFieldValues';
 import { FieldPath } from 'react-hook-form';
+import { SafeFieldValues } from '../../form/SafeFieldValues';
 
 export declare class FormSubmitError<TFieldValues extends SafeFieldValues = SafeFieldValues> extends Error {
     errors: Record<FieldPath<TFieldValues> | `root.${string}`, {

package/dist/types/submit/error/setCtxErrorsByFormSubmitError.d.ts

@@ -1,6 +1,6 @@
-import { FormSubmitError } from './FormSubmitError';
-import { SafeFieldValues } from '../../form/SafeFieldValues';
 import { UseFormReturn } from 'react-hook-form';
+import { SafeFieldValues } from '../../form/SafeFieldValues';
+import { FormSubmitError } from './FormSubmitError';
 
 /**
  * Handle thrown {@link FormSubmitError}.

package/dist/types/submit/useResetFormOnSubmitSuccessful.d.ts

@@ -1,5 +1,5 @@
-import { SafeFieldValues } from '../form/SafeFieldValues';
 import { KeepStateOptions } from 'react-hook-form';
+import { SafeFieldValues } from '../form/SafeFieldValues';
 
 type Options = false | undefined | true | {
     values?: undefined | SafeFieldValues | {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paragrav/rhf-utils",
   "author": "paragrav.dev",
   "license": "MIT",
-  "version": "0.0.86",
+  "version": "0.0.88",
   "description": "Integration utilities for react-hook-form.",
   "type": "module",
   "sideEffects": false,
@@ -26,21 +26,21 @@
     }
   },
   "peerDependencies": {
-    "@hookform/devtools": "^4",
-    "@hookform/resolvers": "^3",
-    "flat": "^6",
-    "react": "^18",
-    "react-dom": "^18",
-    "react-hook-form": "^7",
-    "zod": "^3"
+    "@hookform/devtools": "4",
+    "@hookform/resolvers": "3",
+    "flat": "6",
+    "react": "18",
+    "react-dom": "18",
+    "react-hook-form": "7",
+    "zod": "3"
   },
   "devDependencies": {
-    "@playwright/experimental-ct-react": "^1.43.1",
-    "@playwright/test": "^1.43.1",
+    "@playwright/experimental-ct-react": "^1.44.0",
+    "@playwright/test": "^1.44.0",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@types/node": "^20.12.8",
-    "@types/react": "^18.2.69",
-    "@types/react-dom": "^18.2.23",
+    "@types/node": "^20.12.11",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.8.0",
     "@typescript-eslint/parser": "^7.8.0",
     "@vitejs/plugin-react": "^4.2.1",
@@ -50,18 +50,18 @@
     "eslint-import-resolver-typescript": "^3.6.1",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-simple-import-sort": "^12.0.0",
-    "happy-dom": "^14.3.9",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-simple-import-sort": "^12.1.0",
+    "happy-dom": "^14.10.1",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "prettier": "^3.2.5",
     "rollup": "^4.17.2",
-    "typescript": "^5.4.3",
+    "typescript": "^5.4.5",
     "vite": "^5.2.11",
-    "vite-plugin-dts": "^3.8.1",
+    "vite-plugin-dts": "^3.9.1",
     "vite-tsconfig-paths": "^4.3.2",
-    "vitest": "^1.5.3"
+    "vitest": "^1.6.0"
   },
   "engines": {
     "node": ">=20.12",
@@ -92,7 +92,7 @@
     "lint": "eslint --ignore-path ./.gitignore --ext ts,tsx --report-unused-disable-directives --max-warnings 0 .",
     "preinstall": "npx only-allow pnpm",
     "preview": "vite preview --config vite.config.dev.ts",
-    "test": "vitest",
+    "test": "vitest run",
     "test:ct": "playwright test -c playwright-ct.config.ts",
     "test:ct:ui": "playwright test -c playwright-ct.config.ts --ui",
     "tsc": "tsc",