@mittwald/flow-react-components 0.1.0-alpha.201 → 0.1.0-alpha.203

package/dist/{TextFieldBase-BcABoqwx.js → TextFieldBase-DA_aMt2G.js}

@@ -9,8 +9,8 @@ import { P as B } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "./propsContext-DzAKlmhS.js";
 import "remeda";
-import { F as P } from "./FieldError-Bevl1ofs.js";
-import { F as R } from "./FieldDescription-b0dVuLR9.js";
+import { F as P } from "./FieldError-CHN9uCb_.js";
+import { F as R } from "./FieldDescription-D5ScpnNK.js";
 import { useLocalizedStringFormatter as g } from "react-aria";
 const L = { "de-DE": {
   "textFieldBase.characters": (e, r) => `${r.select({ 0: () => `${e.count}`, other: () => `${e.count}/${e.maxCount}` }, e.maxCount)} Zeichen`

package/dist/{flowComponent-COVzhVCB.js → flowComponent-DHPUcYyM.js}

@@ -1,12 +1,12 @@
 "use client"
 /* */
 import s, { isValidElement as x, createContext as f, useContext as P, forwardRef as y, cloneElement as h } from "react";
-import { u as v } from "./propsContext-DzAKlmhS.js";
-import { mergeProps as E } from "@react-aria/utils";
-import { pickBy as S, omitBy as b } from "remeda";
+import { u as g } from "./propsContext-DzAKlmhS.js";
+import { mergeProps as v } from "@react-aria/utils";
+import { pickBy as E, omitBy as S } from "remeda";
 import "dot-prop";
-import { P as g } from "./PropsContextProvider-C6Z4XGp6.js";
-import { TunnelEntry as T } from "@mittwald/react-tunnel";
+import { P as T } from "./PropsContextProvider-C6Z4XGp6.js";
+import { TunnelEntry as b } from "@mittwald/react-tunnel";
 const k = {
   Action: !0,
   ActionGroup: !0,
@@ -36,10 +36,12 @@ const k = {
   List: !0,
   MenuItem: !0,
   Modal: !0,
+  ModalTrigger: !0,
   NumberField: !0,
   Radio: !0,
   Option: !0,
   Popover: !0,
+  PopoverTrigger: !0,
   RadioButton: !0,
   RadioGroup: !0,
   SearchField: !0,
@@ -77,7 +79,7 @@ const B = (t, o) => {
 function A(t) {
   return !!t && typeof t == "object" && "children" in t && !!t.children;
 }
-const F = (t) => S(t, (o, r) => d(r)), I = (t, o) => {
+const F = (t) => E(t, (o, r) => d(r)), I = (t, o) => {
   if (!A(o))
     return {};
   const r = o.children;
@@ -85,16 +87,16 @@ const F = (t) => S(t, (o, r) => d(r)), I = (t, o) => {
     return {};
   const e = F(t);
   return Object.keys(e).length === 0 ? {} : {
-    children: /* @__PURE__ */ s.createElement(g, { props: e, mergeInParentContext: !0 }, r)
+    children: /* @__PURE__ */ s.createElement(T, { props: e, mergeInParentContext: !0 }, r)
   };
 }, M = (t, o) => {
-  const e = v()[t], n = e ? B(e, o) : void 0, i = e ? I(e, o) : void 0;
-  return E(
-    e && b(
+  const e = g()[t], n = e ? B(e, o) : void 0, i = e ? I(e, o) : void 0;
+  return v(
+    e && S(
       e,
-      (c, p) => l.includes(
-        p
-      ) || a(c)
+      (p, c) => l.includes(
+        c
+      ) || a(p)
     ),
     o,
     n,
@@ -109,15 +111,15 @@ const F = (t) => S(t, (o, r) => d(r)), I = (t, o) => {
 };
 function O(t, o) {
   return y((r, e) => {
-    const { tunnelId: n, wrapWith: i, ...c } = M(
+    const { tunnelId: n, wrapWith: i, ...p } = M(
       t,
       r
     ), C = {
       refProp: e,
-      ...c
+      ...p
     };
     let u = /* @__PURE__ */ s.createElement(o, { ...C });
-    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(N, { slot: r.slot, component: t }, u)), i && (u = h(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(T, { id: n }, u)), u;
+    return "slot" in r && r.slot && (u = /* @__PURE__ */ s.createElement(N, { slot: r.slot, component: t }, u)), i && (u = h(i, void 0, u)), n && (u = /* @__PURE__ */ s.createElement(b, { id: n }, u)), u;
   });
 }
 export {

package/dist/react-hook-form.js

@@ -7,30 +7,30 @@ import { P as b } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
 import { d as E } from "./dynamic-ClpUSmEt.js";
-import { F as P } from "./FieldError-Bevl1ofs.js";
-import { a as g, A as y } from "./Action-B9iiMUXq.js";
+import { F as P } from "./FieldError-CHN9uCb_.js";
+import { a as g, A as y } from "./Action-DrXR84F6.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, u);
+      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/dist/types/components/propTypes/index.d.ts

@@ -70,9 +70,11 @@ export interface FlowComponentPropsTypes {
     List: ListProps;
     MenuItem: MenuItemProps;
     Modal: ModalProps;
+    ModalTrigger: OverlayTriggerProps;
     NumberField: NumberFieldProps;
     Option: OptionProps;
     Popover: PopoverProps;
+    PopoverTrigger: OverlayTriggerProps;
     Radio: RadioProps;
     RadioButton: RadioButtonProps;
     RadioGroup: RadioGroupProps;

package/dist/types/lib/controller/overlay/context.d.ts

@@ -33,9 +33,11 @@ export declare const overlayContext: import('react').Context<Partial<{
     List: OverlayController | undefined;
     MenuItem: OverlayController | undefined;
     Modal: OverlayController | undefined;
+    ModalTrigger: OverlayController | undefined;
     NumberField: OverlayController | undefined;
     Option: OverlayController | undefined;
     Popover: OverlayController | undefined;
+    PopoverTrigger: OverlayController | undefined;
     Radio: OverlayController | undefined;
     RadioButton: OverlayController | undefined;
     RadioGroup: OverlayController | undefined;

package/dist/types/lib/propsContext/propsContext.d.ts

@@ -29,9 +29,11 @@ export declare const propsContext: import('react').Context<Partial<{
     List: import('./types').ComponentPropsContext<"List">;
     MenuItem: import('./types').ComponentPropsContext<"MenuItem">;
     Modal: import('./types').ComponentPropsContext<"Modal">;
+    ModalTrigger: import('./types').ComponentPropsContext<"ModalTrigger">;
     NumberField: import('./types').ComponentPropsContext<"NumberField">;
     Option: import('./types').ComponentPropsContext<"Option">;
     Popover: import('./types').ComponentPropsContext<"Popover">;
+    PopoverTrigger: import('./types').ComponentPropsContext<"PopoverTrigger">;
     Radio: import('./types').ComponentPropsContext<"Radio">;
     RadioButton: import('./types').ComponentPropsContext<"RadioButton">;
     RadioGroup: import('./types').ComponentPropsContext<"RadioGroup">;
@@ -76,9 +78,11 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     List: import('./types').ComponentPropsContext<"List">;
     MenuItem: import('./types').ComponentPropsContext<"MenuItem">;
     Modal: import('./types').ComponentPropsContext<"Modal">;
+    ModalTrigger: import('./types').ComponentPropsContext<"ModalTrigger">;
     NumberField: import('./types').ComponentPropsContext<"NumberField">;
     Option: import('./types').ComponentPropsContext<"Option">;
     Popover: import('./types').ComponentPropsContext<"Popover">;
+    PopoverTrigger: import('./types').ComponentPropsContext<"PopoverTrigger">;
     Radio: import('./types').ComponentPropsContext<"Radio">;
     RadioButton: import('./types').ComponentPropsContext<"RadioButton">;
     RadioGroup: import('./types').ComponentPropsContext<"RadioGroup">;

package/dist/types/lib/slotContext/slotContext.d.ts

@@ -29,9 +29,11 @@ export declare const slotContext: import('react').Context<Partial<{
     List: string;
     MenuItem: string;
     Modal: string;
+    ModalTrigger: string;
     NumberField: string;
     Option: string;
     Popover: string;
+    PopoverTrigger: string;
     Radio: string;
     RadioButton: string;
     RadioGroup: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.201",
+  "version": "0.1.0-alpha.203",
   "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.201",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.203",
     "@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.201",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.203",
     "@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": "d13be5165ce131077e049cb1c01ea87700ee97ee"
+  "gitHead": "1e9ccb798574cbaa70c5716aec78ee4da961b3c2"
 }