@mittwald/flow-react-components 0.1.0-alpha.15 → 0.1.0-alpha.150

package/dist/getActionGroupSlot-BHzMGEA7.js

@@ -0,0 +1,59 @@
+"use client"
+/* */
+var u = Object.defineProperty;
+var i = (s, t, e) => t in s ? u(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var r = (s, t, e) => i(s, typeof t != "symbol" ? t + "" : t, e);
+import d, { createContext as l, useRef as m, useEffect as S, useContext as f } from "react";
+import { makeObservable as p, observable as v, action as a, computed as y } from "mobx";
+import { u as b } from "./useSelector-DpU7_HMO.js";
+class o {
+  constructor() {
+    r(this, "states", /* @__PURE__ */ new Set());
+    p(this, {
+      states: v,
+      addState: a,
+      removeState: a,
+      isBusy: y
+    });
+  }
+  static useNew() {
+    return m(new o()).current;
+  }
+  static useRegisterState(t) {
+    const e = g();
+    S(() => (e == null || e.addState(t), () => {
+      e == null || e.removeState(t);
+    }), [e, t]);
+  }
+  addState(t) {
+    this.states.add(t);
+  }
+  removeState(t) {
+    this.states.delete(t);
+  }
+  useIsBusy() {
+    return b(() => this.isBusy);
+  }
+  get isBusy() {
+    for (const t of this.states)
+      if (t.isBusy)
+        return !0;
+    return !1;
+  }
+}
+const n = l(void 0), C = (s) => {
+  const { children: t } = s, e = o.useNew();
+  return /* @__PURE__ */ d.createElement(n.Provider, { value: e }, t);
+}, g = () => {
+  const s = o.useNew();
+  return f(n) ?? s;
+}, A = (s) => {
+  const { slot: t, ...e } = s, c = e.color === void 0 || e.color === "primary" || e.color === "danger" || e.color === "accent" ? "primary" : "abort";
+  return t ?? c;
+};
+export {
+  C as A,
+  o as a,
+  A as g,
+  g as u
+};

package/dist/hooks.js

@@ -0,0 +1,15 @@
+"use client"
+/* */
+import "mobx";
+import { useRef as n, useEffect as s } from "react";
+import { u as i } from "./useOverlayController-D8N4X2rc.js";
+const m = (r, e, t = []) => {
+  const o = n(r);
+  s(() => {
+    o.current !== r && e(), o.current = r;
+  }, [r, e, ...t]);
+};
+export {
+  m as useOnChange,
+  i as useOverlayController
+};

package/dist/nextjs.js

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

package/dist/propsContext-DzAKlmhS.js

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

package/dist/react-hook-form.js

@@ -0,0 +1,101 @@
+"use client"
+/* */
+import o, { createContext as C, useContext as k, useEffect as b, useRef as E } from "react";
+import { Controller as P, useFormState as g } from "react-hook-form";
+import "./propsContext-DzAKlmhS.js";
+import { P as A } from "./PropsContextProvider-C6Z4XGp6.js";
+import "@react-aria/utils";
+import "remeda";
+import { d as V } from "./dynamic-ClpUSmEt.js";
+import { F as y } from "./FieldError-eiEmcuuK.js";
+import { a as I, A as D } from "./Action-DYTtbQCP.js";
+const F = C({}), R = F.Provider, w = () => k(F);
+function T(c) {
+  var r;
+  const { children: t, control: i, ...n } = c, a = (r = w().form) == null ? void 0 : r.control;
+  return /* @__PURE__ */ o.createElement(
+    P,
+    {
+      ...n,
+      control: i ?? a,
+      render: (s) => {
+        var m;
+        const {
+          field: l,
+          fieldState: { error: u, invalid: f }
+        } = s, e = {
+          ...l,
+          isRequired: !!((m = n.rules) != null && m.required),
+          isInvalid: f,
+          validationBehavior: "aria",
+          children: V((p) => /* @__PURE__ */ o.createElement(o.Fragment, null, p.children, /* @__PURE__ */ o.createElement(y, null, u == null ? void 0 : u.message))),
+          ref: void 0,
+          refProp: l.ref
+        }, d = {
+          Checkbox: e,
+          CheckboxGroup: e,
+          CheckboxButton: e,
+          NumberField: e,
+          RadioGroup: e,
+          Switch: e,
+          TextArea: e,
+          TextField: e,
+          Select: e,
+          Slider: e
+        };
+        return /* @__PURE__ */ o.createElement(
+          A,
+          {
+            props: d,
+            dependencies: [s]
+          },
+          t
+        );
+      }
+    }
+  );
+}
+const H = (c) => T, q = (c) => {
+  const { isStarted: t, hasFailedWithError: i, hasSucceeded: n, children: a } = c, r = I.useNew({});
+  return b(() => {
+    n ? r.state.onSucceeded() : i ? r.state.onFailed(i) : t && r.state.onAsyncStart();
+  }, [t, i, n]), /* @__PURE__ */ o.createElement(D, { actionModel: r }, a);
+};
+function J(c) {
+  const { form: t, children: i, onSubmit: n, ...a } = c, { isValid: r, isSubmitted: s, isSubmitting: l, isSubmitSuccessful: u, errors: f } = g(t), e = t.control._formState, d = E(!1);
+  b(() => {
+    s && r && t.reset(void 0, {
+      keepIsSubmitted: !1,
+      keepIsSubmitSuccessful: !1,
+      keepDefaultValues: !0,
+      keepValues: !0,
+      keepDirtyValues: !0,
+      keepIsValid: !0,
+      keepDirty: !0,
+      keepErrors: !0,
+      keepTouched: !0,
+      keepIsValidating: !0,
+      keepSubmitCount: !0
+    });
+  }, [s, r]);
+  const m = (S) => {
+    e.isSubmitting || e.isValidating ? S.preventDefault() : t.handleSubmit((x) => {
+      const h = n(x);
+      return d.current = h instanceof Promise, h;
+    })(S);
+  }, p = s ? f : void 0, v = s && u;
+  return /* @__PURE__ */ o.createElement(R, { value: { form: t } }, /* @__PURE__ */ o.createElement("form", { ...a, onSubmit: m }, /* @__PURE__ */ o.createElement(
+    q,
+    {
+      isStarted: l && d.current,
+      hasFailedWithError: p,
+      hasSucceeded: v
+    },
+    i
+  )));
+}
+export {
+  T as Field,
+  J as Form,
+  H as typedField
+};

package/dist/slotContext-DoCFkzCA.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 s,
+  n as u
+};