@paragrav/rhf-utils 0.65.0 → 0.66.0

package/dist/dts/utils/isEmptyObject.d.ts

@@ -1 +0,0 @@
-export declare const isEmptyObject: (obj: Record<string, unknown>) => boolean;

package/dist/dts/utils/timeoutAsync.d.ts

@@ -1,6 +0,0 @@
-/**
- * Awaitable `setTimeout`.
- * @param timeout milliseconds
- * @returns `Promise<void>`
- */
-export declare const timeoutAsync: (timeout: number) => Promise<void>;

package/dist/dts/utils/types.d.ts

@@ -1,3 +0,0 @@
-export type MaybePromise<T> = T | Promise<T>;
-/** Merge {@link C} into {@link B} into {@link A} (last taking highest precedence). */
-export type Merge<A, B, C = unknown, D = unknown> = D & Omit<C, keyof D> & Omit<Omit<B, keyof C>, keyof D> & Omit<Omit<Omit<A, keyof B>, keyof C>, keyof D>;

package/dist/dts/utils/useDebouncedOnChangeValue.d.ts

@@ -1,14 +0,0 @@
-/**
- * React hook to debounce onChange event callback.
- *
- * Returns debounced state setter (uses ref internally).
- *
- * When debounce delay has elapsed after setting value,
- * onChange callback is called with latest value.
- *
- * @returns `[setValueDebounced]`
- */
-export declare const useDebouncedOnChangeValue: <TValue>({ onChange, delay, }: {
-    onChange: (value: TValue) => void;
-    delay: number;
-}) => readonly [(value: TValue) => void];

package/dist/dts/utils/useImperativeForwardedRef.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-/**
- * Create a ref and point forwarded ref to it.
- *
- * Use case: forwarded refs are optional, but sometimes you need the ref.
- *
- * @param forwardedRef Forwarded `ref` prop.
- */
-export declare const useImperativeForwardedRef: <TRef>(forwardedRef?: React.ForwardedRef<TRef>) => React.RefObject<TRef | null>;

package/dist/dts/utils/useIsFirstRender.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-/**
- * Use to determine if first render has run.
- *
- * (Supports strict mode.)
- */
-export declare const useIsFirstRender: () => React.RefObject<boolean>;

package/dist/dts/utils/useRefIfValueWasTrue.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare const useRefIfValueWasTrue: (value: boolean) => readonly [React.RefObject<boolean>, () => void];

package/dist/dts/utils/useToggle.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare const useToggle: (defaultValue?: boolean) => [boolean, React.DispatchWithoutAction];

package/dist/dts/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/dist/esm/FormRelaySetter.mjs

@@ -1,89 +0,0 @@
-import e from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { get as n, useFormState as r } from "react-hook-form";
-import { flatten as i } from "flat";
-//#region src/utils/createContext.ts
-function a() {
-	let t = e.createContext(void 0), n = () => e.useContext(t);
-	return {
-		Provider: t.Provider,
-		useMaybe: n,
-		useRequired: () => {
-			let e = n();
-			if (e === void 0) throw Error();
-			return e;
-		}
-	};
-}
-//#endregion
-//#region src/form/relay/context/useFormRelayContext.ts
-var { Provider: o, useRequired: s } = a(), c = ({ children: n }) => {
-	let [r, i] = e.useState({});
-	return /* @__PURE__ */ t(o, {
-		value: {
-			add: e.useCallback((e, t, n) => {
-				if (r[t.formId]) throw Error("Form id already exists.");
-				i((r) => ({
-					...r,
-					[t.formId]: {
-						state: e,
-						utils: t,
-						options: n
-					}
-				}));
-			}, [r]),
-			update: e.useCallback((e, t) => {
-				i((n) => {
-					let r = n[e];
-					if (!r) throw Error("Form id doesn't exist");
-					return {
-						...n,
-						[e]: {
-							...r,
-							state: t
-						}
-					};
-				});
-			}, []),
-			remove: e.useCallback((e) => {
-				i((t) => Object.fromEntries(Object.entries(t).filter(([t]) => t !== e)));
-			}, []),
-			state: r
-		},
-		children: n
-	});
-}, { Provider: l, useRequired: u, useMaybe: d } = a(), f = (e) => Object.keys(e).length === 0, p = (e) => i(e), m = (e) => {
-	let t = p(e);
-	return Object.fromEntries(Object.keys(t).reduce((t, r) => {
-		let i = r.replace(h, "");
-		if (i === r) return t;
-		let a = n(e, i, void 0);
-		return a && t.push([i, a]), t;
-	}, []));
-}, h = /\.(?:type|message)\b$/, g = (e) => Object.fromEntries(Object.entries(m(e)).map(([e, t]) => [e, {
-	type: t.type,
-	message: t.message,
-	hasRef: !!t.ref
-}])), _ = (t) => {
-	if (!t) return;
-	let [n] = e.useState(t);
-	v(n), y(n);
-}, v = (t) => {
-	let n = u(), r = s(), i = b(t);
-	e.useEffect(() => (r.add(i, n, t), () => {
-		r.remove(n.formId);
-	}), []);
-}, y = (t) => {
-	let n = u(), r = s(), i = b(t);
-	e.useEffect(() => {
-		r.update(n.formId, i);
-	}, [i]);
-}, b = (t) => {
-	let n = r(), i = t.select(n), a = JSON.stringify({
-		...i,
-		errors: i.errors && g(i.errors)
-	});
-	return e.useMemo(() => i, [a]);
-}, x = ({ options: e }) => (_(e), null);
-//#endregion
-export { l as a, c, f as i, s as l, _ as n, u as o, m as r, d as s, x as t, a as u };

package/dist/esm/index.mjs

@@ -1,351 +0,0 @@
-import { a as e, c as t, i as n, o as r, r as i, t as a, u as o } from "./FormRelaySetter.mjs";
-import s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Controller as u, FormProvider as d, useForm as f, useFormContext as p, useFormState as m, useWatch as h } from "react-hook-form";
-import { zodResolver as g } from "@hookform/resolvers/zod";
-//#region src/client/config/context/RhfUtilsClientConfigContext.tsx
-var _ = s.createContext(void 0), v = ({ config: e, children: n }) => {
-	let [r] = s.useState(e ?? {});
-	return /* @__PURE__ */ c(_.Provider, {
-		value: r,
-		children: /* @__PURE__ */ c(t, { children: n })
-	});
-}, { Provider: y, useRequired: b } = o(), x = () => {
-	let e = b();
-	return s.useMemo(() => !e.hasErrors || !e.hasOrphans ? !1 : Object.keys(e.orphans).length === Object.keys(e.all).length, [e]);
-}, S = "data-rhfutils-nonfield-error-marker-path", C = ({ path: e }) => /* @__PURE__ */ c("div", {
-	role: "alert",
-	"aria-hidden": "true",
-	style: { display: "none" },
-	[S]: e
-}), w = (e) => s.useCallback((t) => {
-	if (!e.current) throw Error();
-	ee(e.current, t);
-}, [e]), ee = (e, t) => {
-	e.requestSubmit(t);
-}, T = class extends Error {
-	errors;
-	constructor(e, t) {
-		super(t), this.errors = e;
-	}
-}, { Provider: te, useRequired: E } = o(), D = () => E().current, O = s.lazy(() => import("@hookform/devtools").then((e) => ({ default: e.DevTool }))), k = ({ config: e }) => {
-	let [t] = s.useState(e);
-	if (!t) return null;
-	let n = typeof t == "object" ? t : void 0;
-	return /* @__PURE__ */ c(s.Suspense, { children: /* @__PURE__ */ c(O, { ...n }) });
-}, A = () => /* @__PURE__ */ c(k, { config: r().options.devTool }), j = (e) => /* @__PURE__ */ c(u, { ...e }), M = () => {
-	let e = s.useContext(_);
-	if (e === void 0) throw Error();
-	return e;
-}, ne = () => ({
-	utils: r(),
-	rhf: p(),
-	FormSubmitError: T
-}), re = (e, t, n) => {
-	let r = t?.();
-	return async () => {
-		if (e && await Promise.resolve(r?.(n)) !== !1) return Promise.resolve(e());
-	};
-}, ie = (e) => {
-	let { useCanFormBeCancelled: t } = M();
-	return re(e, t, ne());
-}, ae = ({ onCancel: e, Children: t }) => {
-	let n = p(), i = r(), a = ie(e);
-	return /* @__PURE__ */ c(t, {
-		...i,
-		rhf: n,
-		onCancel: a,
-		Controller: j,
-		FormSubmitError: T
-	});
-}, N = (e, t) => {
-	Object.entries(t).forEach(([t, n]) => {
-		e.setError(t, {
-			type: "FormSubmitFieldError",
-			...n
-		});
-	});
-}, P = (e, t, n) => ({
-	...e,
-	...t,
-	className: [
-		e?.className,
-		t?.className,
-		n?.className
-	].filter(Boolean).join(" ").trim() || void 0
-}), F = (e, t, n) => ({
-	id: t,
-	...P(M().defaults?.form, e, n)
-}), I = (e) => {
-	let t = E();
-	return async function(n) {
-		try {
-			return t.reset(), await e(n);
-		} catch (e) {
-			throw t.set(e, n), e;
-		}
-	};
-}, L = ({ onValid: e, onInvalid: t, onError: n, onFinally: i }) => {
-	let a = p(), { options: o, lastSubmitStateRef: s } = r(), c = I(a.handleSubmit(e, t));
-	return (e) => {
-		s.current = "submitting", o.stopSubmitPropagation && e.stopPropagation(), Promise.resolve(c(e)).then(() => {
-			s.current = "success";
-		}).catch((t) => {
-			s.current = "error", n(t, e);
-		}).finally(() => {
-			i?.();
-		});
-	};
-}, R = ({ getApiData: e, onSubmitInvalid: t, onBeforeSubmitInvariants: n, onBeforeSubmit: i, onSubmit: a, onSubmitSuccess: o, onSubmitError: l, onSubmitFinally: u, form: d, className: f, children: m }) => {
-	let h = p(), g = r(), _ = M(), v = F(d, g.formId, { className: f }), y = async (t, r) => {
-		let s = {
-			input: h.getValues(),
-			output: t,
-			api: e?.(t)
-		}, c = {
-			utils: g,
-			rhf: h,
-			FormSubmitError: T
-		}, l = r;
-		n && await z(n, s, c, l), await Promise.resolve(i?.(s, c, l));
-		let u = await Promise.resolve(a?.(s, c, l));
-		g.lastSubmitStateRef.current = "success", await Promise.resolve(o?.(u, s, c, l));
-	};
-	function b(e, t) {
-		let n = e instanceof T ? e.errors : _.onSubmitErrorUnknown?.(e);
-		n && N(h, n), l?.(e, {
-			utils: g,
-			errors: n,
-			rhf: h
-		}, t);
-	}
-	let x = L({
-		onValid: y,
-		onInvalid: t,
-		onError: b,
-		onFinally: u
-	}), S = s.useCallback(() => m, []), C = {
-		...g,
-		rhf: h,
-		Controller: j,
-		FormSubmitError: T,
-		Outlet: S
-	};
-	return /* @__PURE__ */ c(_.FormComponent ?? "form", {
-		...v,
-		id: g.formId,
-		ref: g.formRef,
-		onSubmit: x,
-		children: _.FormInjector ? /* @__PURE__ */ c(_.FormInjector, { ...C }) : m
-	});
-}, z = async (e, t, n, r) => {
-	let i = (await Promise.resolve(e(t, n, r))).filter(({ validate: e }) => !e).map(({ field: e, message: t }) => [e, { message: t }]);
-	if (i.length) throw new n.FormSubmitError(Object.fromEntries(i));
-}, B = ({ getApiData: e, onCancel: t, onSubmitInvalid: n, onBeforeSubmitInvariants: r, onBeforeSubmit: i, onSubmit: a, onSubmitSuccess: o, onSubmitError: s, onSubmitFinally: u, Children: d, form: f, className: p }) => /* @__PURE__ */ l(R, {
-	getApiData: e,
-	onSubmitInvalid: n,
-	onBeforeSubmitInvariants: r,
-	onBeforeSubmit: i,
-	onSubmit: a,
-	onSubmitSuccess: o,
-	onSubmitError: s,
-	onSubmitFinally: u,
-	form: f,
-	className: p,
-	children: [/* @__PURE__ */ c(A, {}), /* @__PURE__ */ c(ae, {
-		onCancel: t,
-		Children: d
-	})]
-}), V = (e) => /* @__PURE__ */ c(B, { ...e }), H = (e) => (t) => Object.fromEntries(Object.entries(t).filter(e)), U = (e) => !!e.ref, W = H(([, e]) => U(e)), G = (e, t) => [["", ""], ...t?.excludeNested ? [] : [["^", "."]]].map(([t, n]) => K(S + t, e + n)).join(", "), K = (e, t) => `[role="alert"][${e}="${t}"]`, q = (e, t) => !!t.querySelector(G(e)), J = (e) => e === "root" || e.startsWith("root."), oe = (e, t, n) => !U(t) && !J(e) && !q(e, n), se = (e) => ([t, n]) => oe(t, n, e), ce = (e, t) => H(se(t))(e), le = H(([e]) => J(e)), ue = ({ formRef: e, children: t }) => {
-	let { errors: r } = m(), a = i(r), o = e.current ? ce(a, e.current) : {};
-	return /* @__PURE__ */ c(y, {
-		value: {
-			all: a,
-			fields: W(a),
-			roots: le(a),
-			orphans: o,
-			hasErrors: !n(r),
-			hasOrphans: !n(o)
-		},
-		children: t
-	});
-}, de = ({ children: e }) => {
-	let [t, n] = s.useState(void 0);
-	return /* @__PURE__ */ c(te, {
-		value: {
-			current: t,
-			reset: () => {
-				n(void 0);
-			},
-			set: (e, t) => {
-				n({
-					error: e,
-					event: t
-				});
-			}
-		},
-		children: e
-	});
-}, fe = (e, t, n, r = "debug") => {
-	console[r](e, {
-		values: t,
-		errors: n
-	});
-}, pe = (e) => {
-	let t = p(), n = b();
-	s.useEffect(() => {
-		if (!n.hasErrors) return;
-		let r = e?.console?.(n);
-		r && fe(r.message ?? Y, t.getValues(), n, r.type);
-		let i = e?.throw?.(n);
-		if (i) throw Error(typeof i == "string" ? i : Y);
-	}, [n]);
-}, Y = "Form errors", me = (e) => {
-	let t = s.useRef(!1);
-	return s.useEffect(() => {
-		e && (t.current = !0);
-	}, [e]), [t, () => {
-		t.current = !1;
-	}];
-}, he = (e, t) => {
-	let { isSubmitSuccessful: n, isSubmitting: r } = m(), [i, a] = me(r);
-	s.useEffect(() => {
-		e && (r || i.current && (a(), (t?.successful === void 0 || n === t.successful) && e(n)));
-	}, [r]);
-}, ge = (e) => {
-	let { getValues: t, reset: n } = p();
-	he((r) => {
-		if (!e) return;
-		let i = e[r ? "success" : "error"]?.values;
-		if (!i) return;
-		let a = i === "current";
-		n(a ? t() : void 0, {
-			keepIsSubmitSuccessful: !0,
-			keepIsSubmitted: !0,
-			keepSubmitCount: !0,
-			keepValues: a,
-			keepErrors: !0
-		});
-	});
-}, _e = () => {
-	let e = s.useRef(X);
-	return s.useEffect(() => (e.current &&= !X, () => {
-		e.current = X;
-	}), []), e;
-}, X = !0, ve = ({ onChange: e, delay: t }) => {
-	let n = s.useRef(null), r = () => {
-		n.current &&= (e(n.current.value), null);
-	}, i = () => {
-		n.current && clearTimeout(n.current.timer);
-	};
-	return s.useEffect(() => i, []), [(e) => {
-		i(), n.current = {
-			value: e,
-			timer: setTimeout(r, t)
-		};
-	}];
-}, ye = (e, t) => {
-	let n = w(e), [r] = ve({
-		delay: t?.debounce ?? 0,
-		onChange: () => {
-			n();
-		}
-	});
-	return r;
-}, be = (e, t) => {
-	let n = ye(e, { debounce: t?.debounce }), r = h(), { isValid: i, isDirty: a, isValidating: o, isSubmitting: c } = m(), l = s.useMemo(() => JSON.stringify(r), [r]), u = _e();
-	s.useEffect(() => {
-		u.current || o || c || i && a && n(r);
-	}, [
-		i,
-		a,
-		l,
-		o
-	]);
-}, xe = ({ formId: t, formRef: n, options: r, children: i }) => {
-	let [a] = s.useState(r);
-	return pe(M().fieldErrors?.output), (a.submitOnWatch ? be : void 0)?.(n, a.submitOnWatch), ge(a.resetOnSubmitted), /* @__PURE__ */ c(e, {
-		value: {
-			formId: t,
-			formRef: n,
-			options: r,
-			lastSubmitStateRef: s.useRef(null)
-		},
-		children: i
-	});
-}, Se = (e, t) => ({
-	...e,
-	...t,
-	...(e?.resetOnSubmitted || t?.resetOnSubmitted) && { resetOnSubmitted: {
-		...e?.resetOnSubmitted,
-		...t?.resetOnSubmitted
-	} }
-}), Z = (e, t) => s.useMemo(() => Se(e.defaults?.options, t), [JSON.stringify(t)]), Ce = (e, t) => ({
-	...e,
-	...t
-}), we = (e, t, n, r) => f({
-	...Ce(t.defaults?.rhf, e),
-	resolver: r,
-	defaultValues: n
-});
-//#endregion
-//#region src/form/providers/RhfUtilsFormProviders.tsx
-function Q({ formId: e, rhf: t, resolver: n, defaultValues: r, options: i, relay: o, children: u }) {
-	let f = M(), p = s.useId(), m = e || p, h = s.useRef(null), g = we(t, f, r, n), _ = Z(f, i);
-	return /* @__PURE__ */ c(d, {
-		...g,
-		children: /* @__PURE__ */ c(ue, {
-			formRef: h,
-			children: /* @__PURE__ */ l(xe, {
-				formId: m,
-				formRef: h,
-				options: _,
-				children: [/* @__PURE__ */ c(a, { options: o }), /* @__PURE__ */ c(de, { children: u })]
-			})
-		})
-	});
-}
-//#endregion
-//#region src/resolvers/zod/getZodResolver.ts
-var $ = (e) => g(e), Te = ({ schema: e, children: t, ...n }) => /* @__PURE__ */ c(Q, {
-	...n,
-	resolver: $(e),
-	children: t
-});
-//#endregion
-//#region src/form/with-providers/RhfUtilsFormWithProviders.tsx
-function Ee({ getApiData: e, resolver: t, rhf: n, defaultValues: r, options: i, relay: a, onCancel: o, onSubmitInvalid: s, onBeforeSubmitInvariants: l, onBeforeSubmit: u, onSubmit: d, onSubmitSuccess: f, onSubmitError: p, onSubmitFinally: m, Children: h, form: g, formId: _, className: v }) {
-	let y = {
-		formId: _,
-		resolver: t,
-		rhf: n,
-		defaultValues: r,
-		options: i,
-		relay: a
-	}, b = {
-		getApiData: e,
-		onCancel: o,
-		onSubmitInvalid: s,
-		onBeforeSubmitInvariants: l,
-		onBeforeSubmit: u,
-		onSubmit: d,
-		onSubmitSuccess: f,
-		onSubmitError: p,
-		onSubmitFinally: m,
-		Children: h,
-		form: g,
-		className: v
-	};
-	return /* @__PURE__ */ c(Q, {
-		...y,
-		children: /* @__PURE__ */ c(B, { ...b })
-	});
-}
-//#endregion
-//#region src/resolvers/zod/with-providers/RhfUtilsZodFormWithProviders.tsx
-var De = ({ schema: e, ...t }) => /* @__PURE__ */ c(Ee, {
-	...t,
-	resolver: $(e)
-});
-//#endregion
-export { T as FormSubmitError, v as RhfUtilsClientConfigProvider, C as RhfUtilsNonFieldErrorMarker, V as RhfUtilsZodForm, Te as RhfUtilsZodFormProviders, De as RhfUtilsZodFormWithProviders, b as useFlatFieldErrorsContext, x as useFlatFieldErrorsContextHasOnlyOrphans, w as useFormRequestSubmit, D as useLastSubmitError, r as useRhfUtilsContext };

package/dist/esm/relay.mjs

@@ -1,49 +0,0 @@
-import { c as e, i as t, l as n, n as r, s as i, t as a, u as o } from "./FormRelaySetter.mjs";
-import s from "react";
-import { useFormState as c } from "react-hook-form";
-//#region src/form/relay/context/utils.ts
-var l = (e) => e.reduce((e, n) => ({
-	isDirty: e.isDirty || n.isDirty,
-	isSubmitting: e.isSubmitting || n.isSubmitting,
-	isLoading: e.isLoading || n.isLoading,
-	isSubmitted: e.isSubmitted || n.isSubmitted,
-	isSubmitSuccessful: e.isSubmitSuccessful || n.isSubmitSuccessful,
-	isValidating: e.isValidating || n.isValidating,
-	isValid: e.isValid || n.isValid,
-	isReady: e.isReady || n.isReady,
-	disabled: e.disabled || n.disabled,
-	hasErrors: e.hasErrors || n.errors && !t(n.errors),
-	hasDirtyFields: e.hasDirtyFields || n.dirtyFields && !t(n.dirtyFields),
-	hasTouchedFields: e.hasTouchedFields || n.touchedFields && !t(n.touchedFields),
-	hasValidatingFields: e.hasValidatingFields || n.validatingFields && !t(n.validatingFields),
-	submitCount: (e.submitCount ?? 0) + (n.submitCount ?? 0),
-	isMounted: e.isMounted || n.isMounted
-}), {
-	isDirty: void 0,
-	isSubmitting: void 0,
-	isLoading: void 0,
-	isSubmitted: void 0,
-	isSubmitSuccessful: void 0,
-	isValidating: void 0,
-	isReady: void 0,
-	isValid: void 0,
-	disabled: void 0,
-	hasErrors: void 0,
-	hasDirtyFields: void 0,
-	hasTouchedFields: void 0,
-	hasValidatingFields: void 0,
-	submitCount: void 0,
-	isMounted: void 0
-}), u = (e) => n().state[e], d = (e) => {
-	let t = n().state, r = l(f(t, e).map(({ state: e }) => e)), i = JSON.stringify(r);
-	return s.useMemo(() => r, [i]);
-}, f = (e, t) => Object.values(e).filter(({ options: e, utils: n }) => !t || "groups" in t && t.groups.filter((t) => e.groups?.includes(t)).length || "predicate" in t && t.predicate({
-	groups: e.groups,
-	options: n.options
-})), { Provider: p, useRequired: m, useMaybe: h } = o(), g = () => {
-	if (i()) return l([c()]);
-	let e = h();
-	return e ? e.state : d();
-};
-//#endregion
-export { e as FormRelayContextProvider, a as FormRelaySetter, g as useFirstFormStateGroup, d as useFormRelayGroup, u as useFormRelayId, r as useFormRelaySet };

package/dist/esm/trpc.mjs

@@ -1,24 +0,0 @@
-import { TRPCClientError as e } from "@trpc/client";
-import { z as t } from "zod";
-//#region src/errors/trpc/trpcClientErrorMessageSchema.ts
-var n = t.object({
-	code: t.string(),
-	message: t.string(),
-	path: t.array(t.string())
-}).passthrough(), r = t.custom((t) => t instanceof e).transform((e) => e.message).transform((e) => {
-	try {
-		return JSON.parse(e);
-	} catch {
-		return [{
-			validation: "root",
-			code: "server",
-			message: e,
-			path: ["root"]
-		}];
-	}
-}).pipe(t.array(n)).transform((e) => e.map((e) => [e.path.join("."), {
-	type: e.code,
-	message: e.message
-}])).transform((e) => Object.fromEntries(e)), i = (t) => (n) => n instanceof e ? r.parse(n) : t(n);
-//#endregion
-export { i as makeOnSubmitTrpcClientErrorHandler, r as trpcClientErrorToFormSubmitFieldErrorsSchemaTransformer };