@mittwald/flow-react-components 0.1.0-alpha.418 → 0.1.0-alpha.419

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.419](https://github.com/mittwald/flow/compare/0.1.0-alpha.418...0.1.0-alpha.419) (2025-02-06)
+
+### Bug Fixes
+
+- **Form:** remove form reset on modal close
+  ([#1160](https://github.com/mittwald/flow/issues/1160))
+  ([0ddce97](https://github.com/mittwald/flow/commit/0ddce97b493a2e5dfe996f0ac9bd0dbff4718fe8))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.418](https://github.com/mittwald/flow/compare/0.1.0-alpha.417...0.1.0-alpha.418) (2025-02-05)
 
 ### Features

package/dist/js/react-hook-form.js

@@ -1,39 +1,37 @@
 "use client"
 /* */
-import n, { createContext as E, useContext as v, useEffect as S, useRef as k } from "react";
+import n, { createContext as x, useContext as v, useEffect as S, useRef as k } from "react";
 import { Controller as g, useFormState as h } from "react-hook-form";
 import "./propsContext-DzAKlmhS.js";
-import { PropsContextProvider as C } from "./PropsContextProvider.js";
+import { PropsContextProvider as b } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import "remeda";
-import { d as b } from "./dynamic-ClpUSmEt.js";
+import { d as F } from "./dynamic-ClpUSmEt.js";
 import { F as A } from "./FieldError-C-_2QNam.js";
 import { a as P, A as y } from "./Action-C6RX6wSX.js";
-import "mobx";
-import { u as V } from "./useOverlayController-BwSJj4Ly.js";
-const F = E({}), D = F.Provider, p = () => v(F);
-function I(r) {
-  var s;
-  const { children: t, control: o, ...i } = r, c = (s = p().form) == null ? void 0 : s.control;
+const C = x({}), V = C.Provider, f = () => v(C);
+function D(t) {
+  var i;
+  const { children: r, control: o, ...s } = t, l = (i = f().form) == null ? void 0 : i.control;
   return /* @__PURE__ */ n.createElement(
     g,
     {
-      ...i,
-      control: o ?? c,
+      ...s,
+      control: o ?? l,
       render: (a) => {
-        var d;
+        var p;
         const {
-          field: u,
-          fieldState: { error: l, invalid: m }
+          field: c,
+          fieldState: { error: u, invalid: m }
         } = a, e = {
-          ...u,
-          isRequired: !!((d = i.rules) != null && d.required),
+          ...c,
+          isRequired: !!((p = s.rules) != null && p.required),
           isInvalid: m,
           validationBehavior: "aria",
-          children: b((x) => /* @__PURE__ */ n.createElement(n.Fragment, null, x.children, /* @__PURE__ */ n.createElement(A, null, l == null ? void 0 : l.message))),
+          children: F((E) => /* @__PURE__ */ n.createElement(n.Fragment, null, E.children, /* @__PURE__ */ n.createElement(A, null, u == null ? void 0 : u.message))),
           ref: void 0,
-          refProp: u.ref
-        }, f = {
+          refProp: c.ref
+        }, d = {
           Checkbox: e,
           CheckboxGroup: e,
           CheckboxButton: e,
@@ -54,44 +52,44 @@ function I(r) {
           SegmentedControl: e
         };
         return /* @__PURE__ */ n.createElement(
-          C,
+          b,
           {
-            props: f,
+            props: d,
             dependencies: [a]
           },
-          t
+          r
         );
       }
     }
   );
 }
-const J = (r) => I, R = (r) => {
-  const { isStarted: t, hasFailedWithError: o, hasSucceeded: i, children: c } = r, s = P.useNew({});
+const _ = (t) => D, I = (t) => {
+  const { isStarted: r, hasFailedWithError: o, hasSucceeded: s, children: l } = t, i = P.useNew({});
   return S(() => {
-    i ? s.state.onSucceeded() : o ? s.state.onFailed(o) : t && s.state.onAsyncStart();
-  }, [t, o, i]), /* @__PURE__ */ n.createElement(y, { actionModel: s }, c);
-}, M = (r) => {
-  const { children: t, isAsyncSubmit: o } = r, i = p().form, { isSubmitted: c, isSubmitting: s, isSubmitSuccessful: a, errors: u } = h(i), l = c && u && Object.entries(u).length > 0 ? u : void 0, m = c && a;
+    s ? i.state.onSucceeded() : o ? i.state.onFailed(o) : r && i.state.onAsyncStart();
+  }, [r, o, s]), /* @__PURE__ */ n.createElement(y, { actionModel: i }, l);
+}, R = (t) => {
+  const { children: r, isAsyncSubmit: o } = t, s = f().form, { isSubmitted: l, isSubmitting: i, isSubmitSuccessful: a, errors: c } = h(s), u = l && c && Object.entries(c).length > 0 ? c : void 0, m = l && a;
   return /* @__PURE__ */ n.createElement(
-    R,
+    I,
     {
-      isStarted: s && o.current,
-      hasFailedWithError: l,
+      isStarted: i && o.current,
+      hasFailedWithError: u,
       hasSucceeded: m
     },
-    t
+    r
   );
-}, O = (r) => {
-  const { children: t, isAsyncSubmit: o } = r, i = {
+}, T = (t) => {
+  const { children: r, isAsyncSubmit: o } = t, s = {
     ActionGroup: {
-      children: b((c) => /* @__PURE__ */ n.createElement(M, { isAsyncSubmit: o }, c.children))
+      children: F((l) => /* @__PURE__ */ n.createElement(R, { isAsyncSubmit: o }, l.children))
     }
   };
-  return /* @__PURE__ */ n.createElement(C, { props: i, mergeInParentContext: !0 }, t);
-}, T = () => {
-  const r = p().form, { isValid: t, isSubmitted: o } = h(r);
+  return /* @__PURE__ */ n.createElement(b, { props: s, mergeInParentContext: !0 }, r);
+}, B = () => {
+  const t = f().form, { isValid: r, isSubmitted: o } = h(t);
   return S(() => {
-    o && t && r && r.reset(void 0, {
+    o && r && t && t.reset(void 0, {
       keepIsSubmitted: !1,
       keepIsSubmitSuccessful: !1,
       keepDefaultValues: !0,
@@ -104,38 +102,25 @@ const J = (r) => I, R = (r) => {
       keepIsValidating: !0,
       keepSubmitCount: !0
     });
-  }, [o, t, r]), null;
+  }, [o, r, t]), null;
 };
-function L(r) {
-  const {
-    form: t,
-    children: o,
-    onSubmit: i,
-    resetFormOnCloseModal: c = !0,
-    ...s
-  } = r, a = k(!1);
-  V("Modal", {
-    reuseControllerFromContext: !0,
-    onClose: () => {
-      c && t.reset();
-    }
-  });
-  const u = (l) => {
-    const { isSubmitting: m, isValidating: e } = t.control._formState;
-    if (l.stopPropagation(), m || e) {
-      l.preventDefault();
+function z(t) {
+  const { form: r, children: o, onSubmit: s, ...l } = t, i = k(!1), a = (c) => {
+    const { isSubmitting: u, isValidating: m } = r.control._formState;
+    if (c.stopPropagation(), u || m) {
+      c.preventDefault();
       return;
     }
-    t.handleSubmit((f) => {
-      const d = i(f, l);
-      return a.current = d instanceof Promise, d;
-    })(l);
+    r.handleSubmit((e) => {
+      const d = s(e, c);
+      return i.current = d instanceof Promise, d;
+    })(c);
   };
-  return /* @__PURE__ */ n.createElement(D, { value: { form: t } }, /* @__PURE__ */ n.createElement(O, { isAsyncSubmit: a }, /* @__PURE__ */ n.createElement("form", { ...s, onSubmit: u }, o), /* @__PURE__ */ n.createElement(T, null)));
+  return /* @__PURE__ */ n.createElement(V, { value: { form: r } }, /* @__PURE__ */ n.createElement(T, { isAsyncSubmit: i }, /* @__PURE__ */ n.createElement("form", { ...l, onSubmit: a }, o), /* @__PURE__ */ n.createElement(B, null)));
 }
 export {
-  I as Field,
-  L as Form,
-  J as typedField,
-  p as useFormContext
+  D as Field,
+  z as Form,
+  _ as typedField,
+  f as useFormContext
 };

package/dist/js/types/integrations/react-hook-form/components/Form/Form.d.ts

@@ -4,7 +4,6 @@ export type FormOnSubmitHandler<F extends FieldValues> = Parameters<UseFormRetur
 interface Props<F extends FieldValues> extends Omit<ComponentProps<"form">, "onSubmit">, PropsWithChildren {
     form: UseFormReturn<F>;
     onSubmit: FormOnSubmitHandler<F>;
-    resetFormOnCloseModal?: boolean;
 }
 export declare function Form<F extends FieldValues>(props: Props<F>): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.418",
+  "version": "0.1.0-alpha.419",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -440,7 +440,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.6.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.418",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.419",
     "@mittwald/react-use-promise": "^2.6.0",
     "@react-aria/form": "^3.0.11",
     "@react-aria/utils": "^3.26.0",
@@ -471,7 +471,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.418",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.419",
     "@mittwald/react-use-promise": "^2.6.0",
     "@nx/storybook": "^20.1.3",
     "@storybook/addon-a11y": "^8.4.5",
@@ -566,5 +566,5 @@
       }
     }
   },
-  "gitHead": "c67826fadb2bb8ab798d651811bcf4d60c5abc47"
+  "gitHead": "713e6c7986991cdbc7a36f2ce001cee08463243f"
 }