@mittwald/flow-react-components 0.1.0-alpha.76 → 0.1.0-alpha.77

package/dist/{Action-DFbRza4T.js → Action-DdvvHPkT.js}

@@ -1,50 +1,50 @@
 "use client"
 /* */
 var S = Object.defineProperty;
-var b = (e, t, o) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var r = (e, t, o) => (b(e, typeof t != "symbol" ? t + "" : t, o), o);
-import A, { useRef as M } from "react";
+var A = (e, t, o) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var d = (e, t, o) => (A(e, typeof t != "symbol" ? t + "" : t, o), o);
+import b, { useRef as M } from "react";
 import "./propsContext-CauylOgH.js";
-import { P } from "./PropsContextProvider-DZvwqHLP.js";
+import { P as y } from "./PropsContextProvider-DZvwqHLP.js";
 import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
-import { u as C } from "./useProps-Dx3m8kCJ.js";
-import { u as F } from "./index-ViVxK7d1.js";
-import { makeObservable as k, observable as y, runInAction as x } from "mobx";
+import { u as P } from "./useProps-Dx3m8kCJ.js";
+import { u as C } from "./index-ViVxK7d1.js";
+import { makeObservable as F, observable as k, runInAction as x } from "mobx";
 import { u as I } from "./useSelector-DpU7_HMO.js";
 const v = () => {
 }, w = (e) => {
-  const t = F();
+  const t = C();
   return (e == null ? void 0 : e.type) === "function" ? e.fn : (e == null ? void 0 : e.type) === "toggleModal" ? t.toggle : (e == null ? void 0 : e.type) === "openModal" ? t.open : (e == null ? void 0 : e.type) === "closeModal" ? t.close : v;
-}, m = (e, t) => {
+}, g = (e, t) => {
   const o = [...t];
   let s;
   for (; o.length > 0; )
     if (s = o.shift(), s) {
       const i = s(...e);
       if (i instanceof Promise)
-        return i.then(() => m(e, o));
+        return i.then(() => g(e, o));
     }
 }, p = {
   pending: 1e3,
   succeeded: 1500,
   failed: 2e3
 };
-class h {
+class f {
   constructor(t = {}) {
-    r(this, "feedback");
-    r(this, "executionCount", 0);
-    r(this, "state", "isIdle");
+    d(this, "feedback");
+    d(this, "executionCount", 0);
+    d(this, "state", "isIdle");
     const { feedback: o = !1 } = t;
-    this.feedback = o, k(this, {
-      state: y
+    this.feedback = o, F(this, {
+      state: k
     });
   }
   static useNew(t) {
-    return M(new h(t)).current;
+    return M(new f(t)).current;
   }
-  onStart() {
+  onAsyncStart() {
     const t = ++this.executionCount;
     this.updateState("isExecuting"), setTimeout(() => this.startPending(t), p.pending);
   }
@@ -60,31 +60,34 @@ class h {
     });
   }
   startFailedFeedback() {
-    this.feedback && (this.updateState("isFailed"), setTimeout(() => this.updateState("isIdle"), p.failed));
+    this.updateState("isFailed"), setTimeout(() => this.updateState("isIdle"), p.failed);
   }
   startSucceededFeedback() {
-    this.feedback && (this.updateState("isSucceeded"), setTimeout(() => this.updateState("isIdle"), p.succeeded));
+    this.updateState("isSucceeded"), setTimeout(() => this.updateState("isIdle"), p.succeeded);
   }
   onDone(t) {
+    if (!this.feedback) {
+      this.updateState("isIdle");
+      return;
+    }
     t ? this.startSucceededFeedback() : this.startFailedFeedback();
   }
   startPending(t) {
-    this.state !== "isIdle" && t === this.executionCount && this.updateState("isPending");
+    this.state === "isExecuting" && t === this.executionCount && this.updateState("isPending");
   }
   useState() {
     return I(() => this.state, [this]);
   }
 }
 const W = (e, t) => {
-  const { action: o } = C("Action", {}), s = w(e), i = (...c) => m(c, [s, o]), n = h.useNew(t);
+  const { action: o } = P("Action", {}), s = w(e), i = (...c) => g(c, [s, o]), n = f.useNew(t);
   return {
     callAction: i,
     callActionWithStateHandling: (...c) => {
       try {
-        n.onStart();
         const a = i(...c);
         if (a instanceof Promise)
-          return a.then(() => n.onSucceeded()).catch(() => n.onFailed());
+          return n.onAsyncStart(), a.then(() => n.onSucceeded()).catch(() => n.onFailed());
         n.onSucceeded();
       } catch {
         n.onFailed();
@@ -93,25 +96,25 @@ const W = (e, t) => {
     state: n
   };
 };
-function f(e) {
+function h(e) {
   return typeof e == "boolean" ? void 0 : e;
 }
-const d = {
+const r = {
   fn: (e) => ({
     type: "function",
     fn: e
   }),
   openModal: (e) => ({
     type: "openModal",
-    controller: f(e)
+    controller: h(e)
   }),
   closeModal: (e) => ({
     type: "closeModal",
-    controller: f(e)
+    controller: h(e)
   }),
   toggleModal: (e) => ({
     type: "toggleModal",
-    controller: f(e)
+    controller: h(e)
   })
 }, G = (e) => {
   const {
@@ -121,9 +124,9 @@ const d = {
     toggleModal: i,
     openModal: n,
     closeModal: u
-  } = e, c = s ? d.fn(s) : i ? d.toggleModal(i) : n ? d.openModal(n) : u ? d.closeModal(u) : void 0, a = W(c, {
+  } = e, c = s ? r.fn(s) : i ? r.toggleModal(i) : n ? r.openModal(n) : u ? r.closeModal(u) : void 0, a = W(c, {
     feedback: o
-  }), l = a.state.useState(), g = {
+  }), l = a.state.useState(), m = {
     Button: {
       onPress: a.callActionWithStateHandling,
       isPending: l === "isPending",
@@ -135,11 +138,11 @@ const d = {
       action: a.callAction
     }
   };
-  return /* @__PURE__ */ A.createElement(
-    P,
+  return /* @__PURE__ */ b.createElement(
+    y,
     {
       mergeInParentContext: !0,
-      props: g,
+      props: m,
       dependencies: [l]
     },
     t

package/dist/Action.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { A as t } from "./Action-DFbRza4T.js";
+import { A as t } from "./Action-DdvvHPkT.js";
 export {
   t as Action,
   t as default

package/dist/CopyButton.js

@@ -15,7 +15,7 @@ import "@react-aria/utils";
 import "remeda";
 import "dot-prop";
 import { f as C } from "./flowComponent-BuF0s2uG.js";
-import { A as E } from "./Action-DFbRza4T.js";
+import { A as E } from "./Action-DdvvHPkT.js";
 const B = {
   "de-DE": {
     "copyButton.copy": "Kopieren"