@mittwald/flow-react-components 0.1.0-alpha.200 → 0.1.0-alpha.202

package/dist/react-hook-form.js

@@ -12,25 +12,25 @@ import { a as g, A as y } from "./Action-B9iiMUXq.js";
 const x = v({}), V = x.Provider, f = () => F(x);
 function I(e) {
   var i;
-  const { children: t, control: r, ...s } = e, c = (i = f().form) == null ? void 0 : i.control;
+  const { children: t, control: r, ...s } = e, u = (i = f().form) == null ? void 0 : i.control;
   return /* @__PURE__ */ n.createElement(
     A,
     {
       ...s,
-      control: r ?? c,
+      control: r ?? u,
       render: (a) => {
         var p;
         const {
-          field: u,
+          field: c,
           fieldState: { error: l, invalid: m }
         } = a, o = {
-          ...u,
+          ...c,
           isRequired: !!((p = s.rules) != null && p.required),
           isInvalid: m,
           validationBehavior: "aria",
           children: E((C) => /* @__PURE__ */ n.createElement(n.Fragment, null, C.children, /* @__PURE__ */ n.createElement(P, null, l == null ? void 0 : l.message))),
           ref: void 0,
-          refProp: u.ref
+          refProp: c.ref
         }, d = {
           Checkbox: o,
           CheckboxGroup: o,
@@ -59,12 +59,12 @@ function I(e) {
   );
 }
 const _ = (e) => I, R = (e) => {
-  const { isStarted: t, hasFailedWithError: r, hasSucceeded: s, children: c } = e, i = g.useNew({});
+  const { isStarted: t, hasFailedWithError: r, hasSucceeded: s, children: u } = e, i = g.useNew({});
   return S(() => {
     s ? i.state.onSucceeded() : r ? i.state.onFailed(r) : t && i.state.onAsyncStart();
-  }, [t, r, s]), /* @__PURE__ */ n.createElement(y, { actionModel: i }, c);
+  }, [t, r, s]), /* @__PURE__ */ n.createElement(y, { actionModel: i }, u);
 }, D = (e) => {
-  const { children: t, isAsyncSubmit: r } = e, s = f().form, { isSubmitted: c, isSubmitting: i, isSubmitSuccessful: a, errors: u } = h(s), l = c && u && Object.entries(u).length > 0 ? u : void 0, m = c && a;
+  const { children: t, isAsyncSubmit: r } = e, s = f().form, { isSubmitted: u, isSubmitting: i, isSubmitSuccessful: a, errors: c } = h(s), l = u && c && Object.entries(c).length > 0 ? c : void 0, m = u && a;
   return /* @__PURE__ */ n.createElement(
     R,
     {
@@ -77,7 +77,7 @@ const _ = (e) => I, R = (e) => {
 }, B = (e) => {
   const { children: t, isAsyncSubmit: r } = e, s = {
     ActionGroup: {
-      children: E((c) => /* @__PURE__ */ n.createElement(D, { isAsyncSubmit: r }, c.children))
+      children: E((u) => /* @__PURE__ */ n.createElement(D, { isAsyncSubmit: r }, u.children))
     }
   };
   return /* @__PURE__ */ n.createElement(b, { props: s, mergeInParentContext: !0 }, t);
@@ -100,18 +100,18 @@ const _ = (e) => I, R = (e) => {
   }, [r, t, e]), null;
 };
 function z(e) {
-  const { form: t, children: r, onSubmit: s, ...c } = e, i = k(!1), a = (u) => {
+  const { form: t, children: r, onSubmit: s, ...u } = e, i = k(!1), a = (c) => {
     const { isSubmitting: l, isValidating: m } = t.control._formState;
-    if (l || m) {
-      u.preventDefault();
+    if (c.stopPropagation(), l || m) {
+      c.preventDefault();
       return;
     }
     t.handleSubmit((o) => {
-      const d = s(o);
+      const d = s(o, c);
       return i.current = d instanceof Promise, d;
-    })(u);
+    })(c);
   };
-  return /* @__PURE__ */ n.createElement(V, { value: { form: t } }, /* @__PURE__ */ n.createElement(B, { isAsyncSubmit: i }, /* @__PURE__ */ n.createElement("form", { ...c, onSubmit: a }, r), /* @__PURE__ */ n.createElement(G, null)));
+  return /* @__PURE__ */ n.createElement(V, { value: { form: t } }, /* @__PURE__ */ n.createElement(B, { isAsyncSubmit: i }, /* @__PURE__ */ n.createElement("form", { ...u, onSubmit: a }, r), /* @__PURE__ */ n.createElement(G, null)));
 }
 export {
   I as Field,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.200",
+  "version": "0.1.0-alpha.202",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -284,7 +284,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.200",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.202",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.25.1",
     "@react-types/shared": "^3.24.1",
@@ -310,7 +310,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.200",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.202",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.5.6",
     "@storybook/addon-a11y": "^8.2.7",
@@ -388,5 +388,5 @@
       "optional": true
     }
   },
-  "gitHead": "2b5a862fbd8114f0e843d38ba99dbfcffe1d4497"
+  "gitHead": "17652a2cdb4d40d8efcfbd13f0e43f597339a1fd"
 }