@mittwald/flow-react-components 0.1.0-alpha.140 → 0.1.0-alpha.141

package/dist/react-hook-form.js

@@ -1,37 +1,37 @@
 "use client"
 /* */
-import o, { createContext as F, useContext as v, useEffect as h } from "react";
-import { Controller as x, useFormState as C } from "react-hook-form";
+import o, { createContext as C, useContext as k, useEffect as b, useRef as E } from "react";
+import { Controller as P, useFormState as g } from "react-hook-form";
 import "./propsContext-DzAKlmhS.js";
-import { P as k } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as A } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { d as E } from "./dynamic-ClpUSmEt.js";
-import { F as g } from "./FieldError-D_VRyiJG.js";
-import { a as P, A as V } from "./Action-C4Ncwjzf.js";
-const b = F({}), A = b.Provider, y = () => v(b);
-function I(c) {
+import { d as V } from "./dynamic-ClpUSmEt.js";
+import { F as y } from "./FieldError-D_VRyiJG.js";
+import { a as I, A as D } from "./Action-C4Ncwjzf.js";
+const F = C({}), R = F.Provider, w = () => k(F);
+function T(c) {
   var r;
-  const { children: t, control: i, ...n } = c, a = (r = y().form) == null ? void 0 : r.control;
+  const { children: t, control: i, ...n } = c, a = (r = w().form) == null ? void 0 : r.control;
   return /* @__PURE__ */ o.createElement(
-    x,
+    P,
     {
       ...n,
       control: i ?? a,
       render: (s) => {
-        var u;
+        var m;
         const {
-          field: d,
-          fieldState: { error: l, invalid: m }
+          field: l,
+          fieldState: { error: u, invalid: f }
         } = s, e = {
-          ...d,
-          isRequired: !!((u = n.rules) != null && u.required),
-          isInvalid: m,
+          ...l,
+          isRequired: !!((m = n.rules) != null && m.required),
+          isInvalid: f,
           validationBehavior: "aria",
-          children: E((p) => /* @__PURE__ */ o.createElement(o.Fragment, null, p.children, /* @__PURE__ */ o.createElement(g, null, l == null ? void 0 : l.message))),
+          children: V((p) => /* @__PURE__ */ o.createElement(o.Fragment, null, p.children, /* @__PURE__ */ o.createElement(y, null, u == null ? void 0 : u.message))),
           ref: void 0,
-          refProp: d.ref
-        }, f = {
+          refProp: l.ref
+        }, d = {
           Checkbox: e,
           CheckboxGroup: e,
           CheckboxButton: e,
@@ -44,9 +44,9 @@ function I(c) {
           Slider: e
         };
         return /* @__PURE__ */ o.createElement(
-          k,
+          A,
           {
-            props: f,
+            props: d,
             dependencies: [s]
           },
           t
@@ -55,15 +55,15 @@ function I(c) {
     }
   );
 }
-const O = (c) => I, D = (c) => {
-  const { isStarted: t, hasFailedWithError: i, hasSucceeded: n, children: a } = c, r = P.useNew({});
-  return h(() => {
+const H = (c) => T, q = (c) => {
+  const { isStarted: t, hasFailedWithError: i, hasSucceeded: n, children: a } = c, r = I.useNew({});
+  return b(() => {
     n ? r.state.onSucceeded() : i ? r.state.onFailed(i) : t && r.state.onAsyncStart();
-  }, [t, i, n]), /* @__PURE__ */ o.createElement(V, { actionModel: r }, a);
+  }, [t, i, n]), /* @__PURE__ */ o.createElement(D, { actionModel: r }, a);
 };
-function _(c) {
-  const { form: t, children: i, onSubmit: n, ...a } = c, { isValid: r, isSubmitted: s, isSubmitting: d, isSubmitSuccessful: l, errors: m } = C(t), e = t.control._formState;
-  h(() => {
+function J(c) {
+  const { form: t, children: i, onSubmit: n, ...a } = c, { isValid: r, isSubmitted: s, isSubmitting: l, isSubmitSuccessful: u, errors: f } = g(t), e = t.control._formState, d = E(!1);
+  b(() => {
     s && r && t.reset(void 0, {
       keepIsSubmitted: !1,
       keepIsSubmitSuccessful: !1,
@@ -78,21 +78,24 @@ function _(c) {
       keepSubmitCount: !0
     });
   }, [s, r]);
-  const f = (S) => {
-    e.isSubmitting || e.isValidating ? S.preventDefault() : t.handleSubmit(n)(S);
-  }, u = s ? m : void 0, p = s && l;
-  return /* @__PURE__ */ o.createElement(A, { value: { form: t } }, /* @__PURE__ */ o.createElement("form", { ...a, onSubmit: f }, /* @__PURE__ */ o.createElement(
-    D,
+  const m = (S) => {
+    e.isSubmitting || e.isValidating ? S.preventDefault() : t.handleSubmit((x) => {
+      const h = n(x);
+      return d.current = h instanceof Promise, h;
+    })(S);
+  }, p = s ? f : void 0, v = s && u;
+  return /* @__PURE__ */ o.createElement(R, { value: { form: t } }, /* @__PURE__ */ o.createElement("form", { ...a, onSubmit: m }, /* @__PURE__ */ o.createElement(
+    q,
     {
-      isStarted: d,
-      hasFailedWithError: u,
-      hasSucceeded: p
+      isStarted: l && d.current,
+      hasFailedWithError: p,
+      hasSucceeded: v
     },
     i
   )));
 }
 export {
-  I as Field,
-  _ as Form,
-  O as typedField
+  T as Field,
+  J as Form,
+  H as typedField
 };