@paragrav/rhf-utils 0.0.86 → 0.0.87

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

@@ -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/form/_FormBase.d.ts

@@ -1,8 +1,10 @@
+import { ClientConfig } from '../client/config';
 import { default as React } from 'react';
 
-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/package.json

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