@mittwald/flow-react-components 0.1.0-alpha.186 → 0.1.0-alpha.187

package/dist/react-hook-form.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import o, { createContext as F, useContext as v, useEffect as S, useRef as k } from "react";
+import n, { createContext as v, useContext as F, useEffect as S, useRef as k } from "react";
 import { Controller as A, useFormState as h } from "react-hook-form";
 import "./propsContext-DzAKlmhS.js";
 import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
@@ -9,11 +9,11 @@ import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
 import { F as P } from "./FieldError-BZeDqyag.js";
 import { a as g, A as y } from "./Action-DZ-dUjY_.js";
-const x = F({}), V = x.Provider, f = () => v(x);
+const x = v({}), V = x.Provider, f = () => F(x);
 function I(e) {
-  var n;
-  const { children: t, control: r, ...s } = e, c = (n = f().form) == null ? void 0 : n.control;
-  return /* @__PURE__ */ o.createElement(
+  var i;
+  const { children: t, control: r, ...s } = e, c = (i = f().form) == null ? void 0 : i.control;
+  return /* @__PURE__ */ n.createElement(
     A,
     {
       ...s,
@@ -23,27 +23,30 @@ function I(e) {
         const {
           field: u,
           fieldState: { error: l, invalid: m }
-        } = a, i = {
+        } = a, o = {
           ...u,
           isRequired: !!((p = s.rules) != null && p.required),
           isInvalid: m,
           validationBehavior: "aria",
-          children: E((C) => /* @__PURE__ */ o.createElement(o.Fragment, null, C.children, /* @__PURE__ */ o.createElement(P, null, l == null ? void 0 : l.message))),
+          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
         }, d = {
-          Checkbox: i,
-          CheckboxGroup: i,
-          CheckboxButton: i,
-          NumberField: i,
-          RadioGroup: i,
-          Switch: i,
-          TextArea: i,
-          TextField: i,
-          Select: i,
-          Slider: i
+          Checkbox: o,
+          CheckboxGroup: o,
+          CheckboxButton: o,
+          NumberField: o,
+          RadioGroup: o,
+          Switch: o,
+          TextArea: o,
+          TextField: o,
+          Select: {
+            ...o,
+            defaultSelectedKey: o.value
+          },
+          Slider: o
         };
-        return /* @__PURE__ */ o.createElement(
+        return /* @__PURE__ */ n.createElement(
           b,
           {
             props: d,
@@ -55,17 +58,17 @@ function I(e) {
     }
   );
 }
-const z = (e) => I, R = (e) => {
-  const { isStarted: t, hasFailedWithError: r, hasSucceeded: s, children: c } = e, n = g.useNew({});
+const _ = (e) => I, R = (e) => {
+  const { isStarted: t, hasFailedWithError: r, hasSucceeded: s, children: c } = e, i = g.useNew({});
   return S(() => {
-    s ? n.state.onSucceeded() : r ? n.state.onFailed(r) : t && n.state.onAsyncStart();
-  }, [t, r, s]), /* @__PURE__ */ o.createElement(y, { actionModel: n }, c);
+    s ? i.state.onSucceeded() : r ? i.state.onFailed(r) : t && i.state.onAsyncStart();
+  }, [t, r, s]), /* @__PURE__ */ n.createElement(y, { actionModel: i }, c);
 }, D = (e) => {
-  const { children: t, isAsyncSubmit: r } = e, s = f().form, { isSubmitted: c, isSubmitting: n, isSubmitSuccessful: a, errors: u } = h(s), l = c && u && Object.entries(u).length > 0 ? u : void 0, m = c && a;
-  return /* @__PURE__ */ o.createElement(
+  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;
+  return /* @__PURE__ */ n.createElement(
     R,
     {
-      isStarted: n && r.current,
+      isStarted: i && r.current,
       hasFailedWithError: l,
       hasSucceeded: m
     },
@@ -74,10 +77,10 @@ const z = (e) => I, R = (e) => {
 }, B = (e) => {
   const { children: t, isAsyncSubmit: r } = e, s = {
     ActionGroup: {
-      children: E((c) => /* @__PURE__ */ o.createElement(D, { isAsyncSubmit: r }, c.children))
+      children: E((c) => /* @__PURE__ */ n.createElement(D, { isAsyncSubmit: r }, c.children))
     }
   };
-  return /* @__PURE__ */ o.createElement(b, { props: s, mergeInParentContext: !0 }, t);
+  return /* @__PURE__ */ n.createElement(b, { props: s, mergeInParentContext: !0 }, t);
 }, G = () => {
   const e = f().form, { isValid: t, isSubmitted: r } = h(e);
   return S(() => {
@@ -96,22 +99,22 @@ const z = (e) => I, R = (e) => {
     });
   }, [r, t, e]), null;
 };
-function H(e) {
-  const { form: t, children: r, onSubmit: s, ...c } = e, n = k(!1), a = (u) => {
+function z(e) {
+  const { form: t, children: r, onSubmit: s, ...c } = e, i = k(!1), a = (u) => {
     const { isSubmitting: l, isValidating: m } = t.control._formState;
     if (l || m) {
       u.preventDefault();
       return;
     }
-    t.handleSubmit((i) => {
-      const d = s(i);
-      return n.current = d instanceof Promise, d;
+    t.handleSubmit((o) => {
+      const d = s(o);
+      return i.current = d instanceof Promise, d;
     })(u);
   };
-  return /* @__PURE__ */ o.createElement(V, { value: { form: t } }, /* @__PURE__ */ o.createElement(B, { isAsyncSubmit: n }, /* @__PURE__ */ o.createElement("form", { ...c, onSubmit: a }, r), /* @__PURE__ */ o.createElement(G, null)));
+  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)));
 }
 export {
   I as Field,
-  H as Form,
-  z as typedField
+  z as Form,
+  _ as typedField
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.186",
+  "version": "0.1.0-alpha.187",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -280,7 +280,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.186",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.187",
     "@mittwald/react-use-promise": "^2.3.13",
     "@react-aria/utils": "^3.24.1",
     "@react-types/shared": "^3.23.1",
@@ -307,7 +307,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.186",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.187",
     "@mittwald/react-use-promise": "^2.3.13",
     "@nx/storybook": "^19.5.0",
     "@storybook/addon-a11y": "^8.2.4",
@@ -384,5 +384,5 @@
       "optional": true
     }
   },
-  "gitHead": "43eddb40b2f6e8bd0ae1fc18f260a0a30487d6f2"
+  "gitHead": "795ad42dfe0c4e70d617200bdad92c3bdf3cce9b"
 }