@mittwald/flow-react-components 0.1.0-alpha.72 → 0.1.0-alpha.73

package/dist/StatusIcon-BTL-kqaV.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import o from "react";
+import "@tabler/icons-react";
+import "./Icon-DdQwrIup.js";
+import { I as c } from "./IconDanger-DjolwDVI.js";
+import { I as e, a as i, b as m } from "./IconWarning-DJWRlfNT.js";
+import { useLocalizedStringFormatter as u } from "react-aria";
+import { C as I } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+const f = {
+  "de-DE": {
+    "statusIcon.danger": "Fehler",
+    "statusIcon.info": "Information",
+    "statusIcon.success": "Erfolgreich",
+    "statusIcon.warning": "Warnung"
+  },
+  "en-EN": {
+    "statusIcon.danger": "Error",
+    "statusIcon.info": "Information",
+    "statusIcon.success": "Successful",
+    "statusIcon.warning": "Warning"
+  }
+}, g = {
+  danger: c,
+  info: e,
+  success: i,
+  warning: m
+}, D = (n) => {
+  const { status: t = "info", ...r } = n, s = u(f).format(`statusIcon.${t}`), a = g[t];
+  return /* @__PURE__ */ o.createElement(I, null, /* @__PURE__ */ o.createElement(a, { "aria-label": s, ...r }));
+};
+export {
+  D as S
+};

package/dist/StatusIcon.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { S as a } from "./StatusIcon-BTL-kqaV.js";
+export {
+  a as StatusIcon,
+  a as default
+};

package/dist/Switch.js

@@ -0,0 +1,40 @@
+"use client"
+/* */
+import e from "react";
+import * as n from "react-aria-components";
+import f from "clsx";
+import "@tabler/icons-react";
+import "./Icon-DdQwrIup.js";
+import { I as p } from "./IconCheck-bNZIdvHV.js";
+import { I as h } from "./IconClose-BcM-VKmn.js";
+import { L as w } from "./Label-ulq3OJrK.js";
+import { C as d } from "./ClearPropsContext-CeCMjUK9.js";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { f as b } from "./flowComponent-BuF0s2uG.js";
+const E = "flow--switch--track", C = "flow--switch--handle", N = "flow--switch--label", t = {
+  switch: "flow--switch",
+  "label-leading": "flow--switch--label-leading",
+  track: E,
+  handle: C,
+  label: N
+}, R = b("Switch", (l) => {
+  const {
+    children: a,
+    className: o,
+    labelPosition: r = "trailing",
+    ref: s,
+    ...c
+  } = l, m = f(
+    t.switch,
+    t[`label-${r}`],
+    o
+  );
+  return /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(n.Switch, { ...c, className: m, ref: s }, ({ isSelected: i }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: t.track }, /* @__PURE__ */ e.createElement("div", { className: t.handle }, i ? /* @__PURE__ */ e.createElement(p, { size: "s" }) : /* @__PURE__ */ e.createElement(h, { size: "s" }))), /* @__PURE__ */ e.createElement(w, { className: t.label }, a))));
+});
+export {
+  R as Switch,
+  R as default
+};

package/dist/Tabs.js

@@ -0,0 +1,131 @@
+"use client"
+/* */
+import e, { useRef as M, useState as T, useEffect as N, useId as C, createContext as y, useContext as I } from "react";
+import * as f from "react-aria-components";
+import { MenuTrigger as O } from "react-aria-components";
+import m from "clsx";
+import { TunnelExit as u, TunnelProvider as P, TunnelEntry as b } from "@mittwald/react-tunnel";
+import { f as S } from "./flowComponent-BuF0s2uG.js";
+import { useCallbackRef as B } from "use-callback-ref";
+import { C as K } from "./ContextMenu-DJ4VRDCG.js";
+import { M as L } from "./MenuItem-DbXZNJo6.js";
+import { B as F } from "./Button-BPCYuj3x.js";
+import "@tabler/icons-react";
+import "./Icon-DdQwrIup.js";
+import { I as A } from "./IconContextMenu-bD7n5nvt.js";
+import { T as R } from "./Text-CBzyk1oM.js";
+const W = "flow--tabs", $ = "flow--tabs--list", k = {
+  tabs: W,
+  list: $
+}, j = "flow--tabs--tab-list", q = "flow--tabs--tab-list--context-menu-button", z = "flow--tabs--tab-list--titles", D = "flow--tabs--tab-list--collapsed", d = {
+  tabList: j,
+  contextMenuButton: q,
+  titles: z,
+  collapsed: D
+}, G = () => {
+  const s = M(), [n, r] = T(!1), o = B(null, (t) => {
+    a(), c(t);
+  }), l = ([
+    t
+  ]) => {
+    t && r(!t.isIntersecting);
+  }, c = (t = o.current) => {
+    if (t && t instanceof Element) {
+      const i = new IntersectionObserver(l, {
+        root: t.parentElement,
+        // 1 = invoke callback when the element is 100% visible within the parent element
+        threshold: 1
+      });
+      s.current = i, i.observe(t);
+    }
+  }, a = () => {
+    var t;
+    (t = s.current) == null || t.disconnect();
+  };
+  return N(() => (c(), a), [s.current]), {
+    ref: o,
+    isOverflowing: n
+  };
+}, H = "flow--tabs--tab-title", p = {
+  tabTitle: H
+}, J = (s) => {
+  const { className: n, ...r } = s, o = m(n, p.tabTitle);
+  return /* @__PURE__ */ e.createElement("div", { ...r, className: o, "data-selected": !0 }, /* @__PURE__ */ e.createElement(u, { id: "ActiveTitle" }));
+}, Q = (s) => {
+  const { selection: n, disabledKeys: r, onContextMenuSelectionChange: o } = s, l = C(), c = G(), a = c.isOverflowing, t = m(d.tabList, a && d.collapsed), i = (w) => {
+    const [E] = w;
+    E && o(E);
+  }, x = /* @__PURE__ */ e.createElement(f.TabList, { className: d.titles, ref: c.ref }, /* @__PURE__ */ e.createElement(u, { id: "Titles" })), g = a && /* @__PURE__ */ e.createElement(J, { id: l }), h = a && /* @__PURE__ */ e.createElement(O, null, /* @__PURE__ */ e.createElement(
+    F,
+    {
+      style: "soft",
+      className: d.contextMenuButton,
+      variant: "secondary",
+      "aria-labelledby": l
+    },
+    /* @__PURE__ */ e.createElement(A, null)
+  ), /* @__PURE__ */ e.createElement(
+    K,
+    {
+      disabledKeys: r,
+      selectedKeys: n ? [n] : void 0,
+      selectionMode: "navigation",
+      onSelectionChange: i
+    },
+    /* @__PURE__ */ e.createElement(u, { id: "ContextMenuItems" })
+  ));
+  return /* @__PURE__ */ e.createElement("div", { className: t }, x, g, h);
+}, de = S("Tabs", (s) => {
+  const { children: n, className: r, defaultSelectedKey: o, disabledKeys: l, ...c } = s, a = m(k.tabs, r), [t, i] = T(
+    o
+  );
+  return /* @__PURE__ */ e.createElement(P, null, n, /* @__PURE__ */ e.createElement(
+    f.Tabs,
+    {
+      className: a,
+      ...c,
+      selectedKey: t,
+      onSelectionChange: i,
+      disabledKeys: l
+    },
+    /* @__PURE__ */ e.createElement(
+      Q,
+      {
+        selection: t,
+        onContextMenuSelectionChange: i,
+        disabledKeys: l
+      }
+    ),
+    /* @__PURE__ */ e.createElement(u, { id: "Panels" })
+  ));
+}), v = y({
+  id: "undefined"
+}), U = () => I(v), V = v.Provider, be = (s) => {
+  const { children: n, className: r, ...o } = s, { id: l } = U(), c = m(p.tabTitle, r);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(b, { id: "Titles" }, /* @__PURE__ */ e.createElement(f.Tab, { ...o, id: l, className: c }, (a) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(R, { emulateBoldWidth: !0 }, n), /* @__PURE__ */ e.createElement(b, { id: "ActiveTitle" }, a.isSelected && n)))), /* @__PURE__ */ e.createElement(b, { id: "ContextMenuItems" }, /* @__PURE__ */ e.createElement(L, { id: l }, n)));
+}, X = "flow--tabs--tab--tab-panel", Y = {
+  tabPanel: X
+}, ue = (s) => {
+  const {
+    children: n,
+    className: r,
+    shouldForceMount: o = !0,
+    id: l,
+    ...c
+  } = s, a = m(Y.tabPanel, r), t = C(), i = l ?? t;
+  return /* @__PURE__ */ e.createElement(b, { id: "Panels" }, /* @__PURE__ */ e.createElement(
+    f.TabPanel,
+    {
+      className: a,
+      shouldForceMount: o,
+      id: i,
+      ...c
+    },
+    /* @__PURE__ */ e.createElement(V, { value: { id: i } }, n)
+  ));
+};
+export {
+  ue as Tab,
+  be as TabTitle,
+  de as Tabs
+};

package/dist/Text-CBzyk1oM.js

@@ -0,0 +1,38 @@
+"use client"
+/* */
+import e from "react";
+import * as f from "react-aria-components";
+import { C as x } from "./ClearPropsContext-CeCMjUK9.js";
+import { P as E } from "./PropsContextProvider-DZvwqHLP.js";
+import "@react-aria/utils";
+import "./propsContext-CauylOgH.js";
+import "remeda";
+import u from "invariant";
+import { f as T } from "./flowComponent-BuF0s2uG.js";
+import { E as d } from "./EmulatedBoldText-Dtox8Wd1.js";
+import { W as C } from "./Wrap-DGT1h1o3.js";
+const A = T("Text", (r) => {
+  const {
+    children: i,
+    className: l,
+    elementType: t = "span",
+    emulateBoldWidth: p,
+    ref: o,
+    ...s
+  } = r, n = { ...s, className: l }, a = {
+    Link: {
+      inline: !0
+    }
+  }, m = /* @__PURE__ */ e.createElement(E, { props: a }, /* @__PURE__ */ e.createElement(C, { if: p }, /* @__PURE__ */ e.createElement(d, null, i)));
+  if (!r.slot) {
+    const c = t;
+    return /* @__PURE__ */ e.createElement(c, { ...n, ref: o }, m);
+  }
+  return u(
+    typeof t == "string",
+    "'elementType' in Text component must be of type string"
+  ), /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(f.Text, { ...n, elementType: t, ref: o }, m));
+});
+export {
+  A as T
+};

package/dist/Text.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { T as a } from "./Text-CBzyk1oM.js";
+export {
+  a as Text,
+  a as default
+};

package/dist/TextArea.js

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import e from "react";
+import * as n from "react-aria-components";
+import { T as p } from "./TextFieldBase-DUrVCfnx.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-BuF0s2uG.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: a,
+      placeholder: o,
+      className: x.textArea,
+      ref: m
+    }
+  );
+  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(p, { ...s, input: l }, r));
+});
+export {
+  y as TextArea,
+  y as default
+};

package/dist/TextField.js

@@ -0,0 +1,28 @@
+"use client"
+/* */
+import t from "react";
+import * as s from "react-aria-components";
+import { T as a } from "./TextFieldBase-DUrVCfnx.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-BuF0s2uG.js";
+const c = "flow--text-field", f = {
+  textField: c
+}, 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 {
+  w as TextField,
+  w as default
+};

package/dist/TextFieldBase-DUrVCfnx.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-De8_olcs.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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+import { T as r } from "./TooltipTrigger-TslkLN5s.js";
+import { a as p } from "./TooltipTrigger-TslkLN5s.js";
+export {
+  r as Tooltip,
+  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/context-BlNV7smK.js

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

package/dist/controller.js

@@ -0,0 +1,7 @@
+"use client"
+/* */
+import { O as t, u as r } from "./index-ViVxK7d1.js";
+export {
+  t as OverlayState,
+  r as useOverlayState
+};

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-BuF0s2uG.js

@@ -0,0 +1,22 @@
+"use client"
+/* */
+import n, { forwardRef as s } from "react";
+import "./propsContext-CauylOgH.js";
+import "@react-aria/utils";
+import "remeda";
+import "dot-prop";
+import { u as a } from "./useProps-Dx3m8kCJ.js";
+import { TunnelEntry as c } from "@mittwald/react-tunnel";
+function T(m, i) {
+  return s((e, p) => {
+    const { tunnelId: r, hoc: o, ...f } = a(
+      m,
+      e
+    ), l = f;
+    let t = /* @__PURE__ */ n.createElement(i, { ...l, ref: p });
+    return o && (t = o(t, e)), r && (t = /* @__PURE__ */ n.createElement(c, { id: r }, t)), t;
+  });
+}
+export {
+  T as f
+};

package/dist/hooks.js

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

package/dist/index-ViVxK7d1.js

@@ -0,0 +1,47 @@
+"use client"
+/* */
+var p = Object.defineProperty;
+var O = (t, e, s) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var i = (t, e, s) => (O(t, typeof e != "symbol" ? e + "" : e, s), s);
+import { makeObservable as l, observable as c, action as o } from "mobx";
+import { useState as m, createContext as b, useContext as h } from "react";
+import { u as d } from "./useSelector-DpU7_HMO.js";
+class n {
+  constructor(e = !1) {
+    i(this, "isOpen");
+    l(this, {
+      isOpen: c,
+      open: o.bound,
+      close: o.bound,
+      toggle: o.bound,
+      setOpen: o.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 a = b(new n()), w = a.Provider, g = (t = {}) => {
+  const { reuseControllerFromContext: e = !0, defaultOpen: s } = t, u = n.useNew(s), r = h(a);
+  return e && r ? r : u;
+};
+export {
+  n as O,
+  w as a,
+  g 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,62 @@
+"use client"
+/* */
+import e, { 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-De8_olcs.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__ */ e.createElement(
+    h,
+    {
+      ...t,
+      control: i ?? p,
+      render: (c) => {
+        var s;
+        const { field: u, fieldState: m } = c, r = {
+          ...u,
+          isRequired: !!((s = t.rules) != null && s.required),
+          isInvalid: m.invalid,
+          validationBehavior: "aria",
+          children: E((f) => {
+            var a;
+            return /* @__PURE__ */ e.createElement(e.Fragment, null, f.children, /* @__PURE__ */ e.createElement(P, null, (a = m.error) == null ? void 0 : a.message));
+          })
+        }, C = {
+          Checkbox: r,
+          CheckboxGroup: r,
+          CheckboxButton: r,
+          NumberField: r,
+          RadioGroup: r,
+          Switch: r,
+          TextArea: r,
+          TextField: r
+        };
+        return /* @__PURE__ */ e.createElement(
+          v,
+          {
+            props: C,
+            dependencies: [c]
+          },
+          n
+        );
+      }
+    }
+  );
+}
+const A = (o) => k;
+function I(o) {
+  const { form: n, children: i, ...t } = o;
+  return /* @__PURE__ */ e.createElement(b, { value: { form: n } }, /* @__PURE__ */ e.createElement("form", { ...t }, i));
+}
+export {
+  k as Controller,
+  I as Form,
+  A as typedController
+};