@mittwald/flow-react-components 0.1.0-alpha.12 → 0.1.0-alpha.120

package/dist/TextArea.js

@@ -1,22 +1,29 @@
 "use client"
 /* */
 import e from "react";
-import * as l from "react-aria-components";
-import { T as n } from "./TextFieldBase-Dk6XBF7h.js";
-const m = "flow--text-area", x = {
-  textArea: m
-}, A = (t) => {
-  const { children: r, placeholder: a, rows: o = 5, ...s } = t, c = /* @__PURE__ */ e.createElement(
-    l.TextArea,
+import * as n from "react-aria-components";
+import { T as p } from "./TextFieldBase-CmWxHsqM.js";
+import { C as i } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as c } from "./flowComponent-DZ4pwhof.js";
+const f = "flow--text-area", x = {
+  textArea: f
+}, y = c("TextArea", (t) => {
+  const { children: r, placeholder: o, rows: a = 5, ref: m, ...s } = t, l = /* @__PURE__ */ e.createElement(
+    n.TextArea,
     {
-      rows: o,
-      placeholder: a,
-      className: x.textArea
+      rows: a,
+      placeholder: o,
+      className: x.textArea,
+      ref: m
     }
   );
-  return /* @__PURE__ */ e.createElement(n, { ...s, input: c }, r);
-};
+  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(p, { ...s, input: l }, r));
+});
 export {
-  A as TextArea,
-  A as default
+  y as TextArea,
+  y as default
 };

package/dist/TextField.js

@@ -1,15 +1,28 @@
 "use client"
 /* */
-import e from "react";
-import * as a from "react-aria-components";
-import { T as i } from "./TextFieldBase-Dk6XBF7h.js";
-const c = "flow--text-field", n = {
+import t from "react";
+import * as s from "react-aria-components";
+import { T as a } from "./TextFieldBase-CmWxHsqM.js";
+import { C as n } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as p } from "./flowComponent-DZ4pwhof.js";
+const c = "flow--text-field", f = {
   textField: c
-}, p = (t) => {
-  const { children: l, placeholder: r, ...o } = t, s = /* @__PURE__ */ e.createElement(a.Input, { placeholder: r, className: n.textField });
-  return /* @__PURE__ */ e.createElement(i, { ...o, input: s }, l);
-};
+}, w = p("TextField", (e) => {
+  const { children: o, placeholder: r, ref: l, ...i } = e, m = /* @__PURE__ */ t.createElement(
+    s.Input,
+    {
+      placeholder: r,
+      className: f.textField,
+      ref: l
+    }
+  );
+  return /* @__PURE__ */ t.createElement(n, null, /* @__PURE__ */ t.createElement(a, { ...i, input: m }, o));
+});
 export {
-  p as TextField,
-  p as default
+  w as TextField,
+  w as default
 };

package/dist/TextFieldBase-CmWxHsqM.js

@@ -0,0 +1,32 @@
+"use client"
+/* */
+import r, { forwardRef as c } from "react";
+import * as n from "react-aria-components";
+import { s as e } from "./FormField.module-DHK6nIcD.js";
+import p from "clsx";
+import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as f } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import { F as E } from "./FieldError-DaMdHZmc.js";
+const g = c(
+  (o, F) => {
+    const { children: t, className: s, input: a, ...i } = o, l = p(e.formField, s), m = {
+      Label: {
+        className: e.label,
+        optional: !o.isRequired
+      },
+      FieldDescription: {
+        className: e.fieldDescription
+      },
+      FieldError: {
+        className: e.customFieldError
+      }
+    };
+    return /* @__PURE__ */ r.createElement(d, null, /* @__PURE__ */ r.createElement(n.TextField, { ...i, className: l }, a, /* @__PURE__ */ r.createElement(f, { props: m }, t), /* @__PURE__ */ r.createElement(E, { className: e.fieldError })));
+  }
+);
+export {
+  g as T
+};

package/dist/Tooltip.js

@@ -1,9 +1,9 @@
 "use client"
 /* */
-import { T as r } from "./Tooltip-BqyZAZgK.js";
-import { T } from "./TooltipTrigger-7-ynWHZ9.js";
+import { T as r } from "./TooltipTrigger-TslkLN5s.js";
+import { a as p } from "./TooltipTrigger-TslkLN5s.js";
 export {
   r as Tooltip,
-  T as TooltipTrigger,
+  p as TooltipTrigger,
   r as default
 };

package/dist/TooltipTrigger-TslkLN5s.js

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import * as l from "react-aria-components";
+import o from "react";
+import c from "clsx";
+const n = "flow--tooltip", m = "flow--tooltip--arrow", p = "flow--tooltip--slide", s = {
+  tooltip: n,
+  arrow: m,
+  slide: p
+}, d = (t) => {
+  const { children: e, className: r, ...a } = t, i = c(s.tooltip, r);
+  return /* @__PURE__ */ o.createElement(l.Tooltip, { ...a, className: i }, /* @__PURE__ */ o.createElement(l.OverlayArrow, { className: s.arrow }, /* @__PURE__ */ o.createElement("svg", { viewBox: "0 0 8 8" }, /* @__PURE__ */ o.createElement("path", { d: "M0 0 L4 4 L8 0" }))), e);
+}, f = (t) => {
+  const { children: e, ...r } = t;
+  return /* @__PURE__ */ o.createElement(l.TooltipTrigger, { ...r }, e);
+};
+export {
+  d as T,
+  f as a
+};

package/dist/Wrap-DGT1h1o3.js

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const i = (n) => {
+  const { if: e, children: r } = n;
+  return e ? r : r.props.children;
+};
+export {
+  i as W
+};

package/dist/{propsContext-Dx7WKmmM.js → context-BlNV7smK.js}

@@ -1,7 +1,8 @@
 "use client"
 /* */
 import { createContext as t } from "react";
-const e = t({});
+const o = t({}), r = o.Provider;
 export {
-  e as p
+  r as L,
+  o as l
 };

package/dist/context-DJetA3qV.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import { createContext as o, useContext as e } from "react";
+const t = o(void 0), r = () => e(t), c = t.Provider;
+export {
+  c as A,
+  r as u
+};

package/dist/controller.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { O as l, u as o } from "./index-0qLHBjoi.js";
+export {
+  l as OverlayController,
+  o as useOverlayController
+};

package/dist/deepFindOfType-6pG0fH7S.js

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { isValidElement as p } from "react";
+import { deepFind as f, deepForEach as o } from "react-children-utilities";
+const n = (e, t) => p(e) ? typeof t == "string" ? typeof e.type == "string" ? e.type === t : !1 : e.type === t : !1, u = (e, t) => f(e, (r) => n(r, t)), y = (e, t) => {
+  const r = [];
+  return o(e, (i) => {
+    n(i, t) && r.push(i);
+  }), r;
+};
+export {
+  y as a,
+  u as d
+};

package/dist/dynamic-ClpUSmEt.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+const c = (a) => ({
+  __dynamicProp: a
+});
+export {
+  c as d
+};

package/dist/flowComponent-DZ4pwhof.js

@@ -0,0 +1,117 @@
+"use client"
+/* */
+import u, { isValidElement as l, forwardRef as C } from "react";
+import { C as f } from "./ClearPropsContext-CeCMjUK9.js";
+import { u as x } from "./propsContext-CauylOgH.js";
+import { mergeProps as P } from "@react-aria/utils";
+import { pickBy as y, omit as h } from "remeda";
+import "dot-prop";
+import { P as b } from "./PropsContextProvider-DZvwqHLP.js";
+import { TunnelEntry as E } from "@mittwald/react-tunnel";
+const k = {
+  Action: !0,
+  Avatar: !0,
+  Button: !0,
+  ButtonGroup: !0,
+  Checkbox: !0,
+  CheckboxButton: !0,
+  CheckboxGroup: !0,
+  Content: !0,
+  ContextMenu: !0,
+  CopyButton: !0,
+  FieldDescription: !0,
+  FieldError: !0,
+  Header: !0,
+  Heading: !0,
+  Icon: !0,
+  Image: !0,
+  Initials: !0,
+  InlineAlert: !0,
+  Label: !0,
+  LayoutCard: !0,
+  Link: !0,
+  MenuItem: !0,
+  Modal: !0,
+  NumberField: !0,
+  Radio: !0,
+  Option: !0,
+  RadioButton: !0,
+  RadioGroup: !0,
+  Section: !0,
+  Select: !0,
+  StatusBadge: !0,
+  Switch: !0,
+  Tabs: !0,
+  TestComponent: !0,
+  Text: !0,
+  TextArea: !0,
+  TextField: !0
+}, c = Object.keys(
+  k
+);
+function w(t) {
+  return !!t && typeof t == "object" && "__dynamicProp" in t;
+}
+function m(t) {
+  return typeof t == "string" && c.includes(t);
+}
+function F(t) {
+  return !m(t);
+}
+const v = (t, r) => {
+  const e = {};
+  for (const o in t)
+    if (F(o)) {
+      const n = t[o];
+      w(n) && (e[o] = n.__dynamicProp(r));
+    }
+  return e;
+};
+function B(t) {
+  return !!t && typeof t == "object" && "children" in t && !!t.children;
+}
+const T = (t) => y(t, (r, e) => m(e)), g = (t, r) => {
+  if (!B(r))
+    return {};
+  const e = r.children;
+  if (!Array.isArray(e) && !l(e))
+    return {};
+  const o = T(t);
+  return Object.keys(o).length === 0 ? {} : {
+    children: /* @__PURE__ */ u.createElement(b, { props: o, mergeInParentContext: !0 }, r.children)
+  };
+}, A = (t, r) => {
+  const e = x()[t], o = e ? v(e, r) : void 0, n = e ? g(e, r) : void 0;
+  return P(
+    e && h(e, c),
+    r,
+    o,
+    n
+  );
+};
+function I(t, r) {
+  return C((e, o) => {
+    const { render: n, tunnelId: s, ...d } = A(
+      t,
+      e
+    ), p = {
+      ref: o,
+      ...d
+    };
+    let i = /* @__PURE__ */ u.createElement(r, { ...p });
+    if (n) {
+      const a = I(
+        t,
+        r
+      );
+      i = /* @__PURE__ */ u.createElement(f, null, n(
+        a,
+        p
+      ));
+    }
+    return s && (i = /* @__PURE__ */ u.createElement(E, { id: s }, i)), i;
+  });
+}
+export {
+  I as f
+};

package/dist/hooks.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import "mobx";
+import "react";
+import { u as l } from "./index-0qLHBjoi.js";
+export {
+  l as useOverlayController
+};

package/dist/index-0qLHBjoi.js

@@ -0,0 +1,49 @@
+"use client"
+/* */
+var a = Object.defineProperty;
+var p = (t, e, o) => e in t ? a(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var i = (t, e, o) => (p(t, typeof e != "symbol" ? e + "" : e, o), o);
+import { makeObservable as O, observable as c, action as s } from "mobx";
+import { useState as m, createContext as C, useContext as b } from "react";
+import { u as d } from "./useSelector-DpU7_HMO.js";
+class n {
+  constructor(e = !1) {
+    i(this, "isOpen");
+    O(this, {
+      isOpen: c,
+      open: s.bound,
+      close: s.bound,
+      toggle: s.bound,
+      setOpen: s.bound
+    }), this.isOpen = e;
+  }
+  static useNew(e) {
+    return m(new n(e))[0];
+  }
+  open() {
+    this.isOpen = !0;
+  }
+  close() {
+    this.isOpen = !1;
+  }
+  toggle() {
+    this.isOpen = !this.isOpen;
+  }
+  setOpen(e) {
+    this.isOpen = e;
+  }
+  useIsOpen() {
+    return d(() => this.isOpen);
+  }
+}
+const l = C(
+  void 0
+), g = l.Provider, w = (t = {}) => {
+  const { reuseControllerFromContext: e = !0, defaultOpen: o } = t, u = n.useNew(o), r = b(l);
+  return e && r ? r : u;
+};
+export {
+  n as O,
+  g as a,
+  w as u
+};

package/dist/nextjs.js

@@ -0,0 +1,12 @@
+"use client"
+/* */
+import n, { forwardRef as o } from "react";
+import i from "next/link";
+import { L as m } from "./context-BlNV7smK.js";
+const f = o(function(r, t) {
+  return /* @__PURE__ */ n.createElement(i, { href: r.href ?? "#", ...r, ref: t });
+}), L = (e) => /* @__PURE__ */ n.createElement(m, { value: { linkComponent: f } }, e.children);
+export {
+  f as Link,
+  L as LinkProvider
+};

package/dist/propsContext-CauylOgH.js

@@ -0,0 +1,8 @@
+"use client"
+/* */
+import { createContext as t, useContext as o } from "react";
+const e = t({}), n = () => o(e);
+export {
+  e as p,
+  n as u
+};

package/dist/react-hook-form.js

@@ -0,0 +1,63 @@
+"use client"
+/* */
+import r, { createContext as x, useContext as F } from "react";
+import { Controller as h } from "react-hook-form";
+import "./propsContext-CauylOgH.js";
+import { P as v } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "remeda";
+import { d as E } from "./dynamic-ClpUSmEt.js";
+import { F as P } from "./FieldError-DaMdHZmc.js";
+const d = x({}), b = d.Provider, g = () => F(d);
+function k(o) {
+  var l;
+  const { children: n, control: i, ...t } = o, p = (l = g().form) == null ? void 0 : l.control;
+  return /* @__PURE__ */ r.createElement(
+    h,
+    {
+      ...t,
+      control: i ?? p,
+      render: (c) => {
+        var s;
+        const { field: u, fieldState: m } = c, e = {
+          ...u,
+          isRequired: !!((s = t.rules) != null && s.required),
+          isInvalid: m.invalid,
+          validationBehavior: "aria",
+          children: E((f) => {
+            var a;
+            return /* @__PURE__ */ r.createElement(r.Fragment, null, f.children, /* @__PURE__ */ r.createElement(P, null, (a = m.error) == null ? void 0 : a.message));
+          })
+        }, C = {
+          Checkbox: e,
+          CheckboxGroup: e,
+          CheckboxButton: e,
+          NumberField: e,
+          RadioGroup: e,
+          Switch: e,
+          TextArea: e,
+          TextField: e,
+          Select: e
+        };
+        return /* @__PURE__ */ r.createElement(
+          v,
+          {
+            props: C,
+            dependencies: [c]
+          },
+          n
+        );
+      }
+    }
+  );
+}
+const A = (o) => k;
+function I(o) {
+  const { form: n, children: i, ...t } = o;
+  return /* @__PURE__ */ r.createElement(b, { value: { form: n } }, /* @__PURE__ */ r.createElement("form", { ...t }, i));
+}
+export {
+  k as Controller,
+  I as Form,
+  A as typedController
+};