@mittwald/flow-react-components 0.1.0-alpha.85 → 0.1.0-alpha.87

package/dist/Action-XlqKlkaB.js

@@ -1,153 +0,0 @@
-"use client"
-/* */
-var S = Object.defineProperty;
-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 as y } from "./PropsContextProvider-DZvwqHLP.js";
-import "@react-aria/utils";
-import "remeda";
-import "dot-prop";
-import { u as P } from "./useProps-DfMs_ElR.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 = 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;
-}, 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(() => g(e, o));
-    }
-}, p = {
-  pending: 1e3,
-  succeeded: 1500,
-  failed: 2e3
-};
-class f {
-  constructor(t = {}) {
-    d(this, "feedback");
-    d(this, "executionCount", 0);
-    d(this, "state", "isIdle");
-    const { feedback: o = !1 } = t;
-    this.feedback = o, F(this, {
-      state: k
-    });
-  }
-  static useNew(t) {
-    return M(new f(t)).current;
-  }
-  onAsyncStart() {
-    const t = ++this.executionCount;
-    this.updateState("isExecuting"), setTimeout(() => this.startPending(t), p.pending);
-  }
-  onSucceeded() {
-    this.onDone(!0);
-  }
-  onFailed() {
-    this.onDone(!1);
-  }
-  updateState(t) {
-    x(() => {
-      this.state = t;
-    });
-  }
-  startFailedFeedback() {
-    this.updateState("isFailed"), setTimeout(() => this.updateState("isIdle"), p.failed);
-  }
-  startSucceededFeedback() {
-    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 === "isExecuting" && t === this.executionCount && this.updateState("isPending");
-  }
-  useState() {
-    return I(() => this.state, [this]);
-  }
-}
-const W = (e, 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 {
-        const a = i(...c);
-        if (a instanceof Promise)
-          return n.onAsyncStart(), a.then(() => n.onSucceeded()).catch(() => n.onFailed());
-        n.onSucceeded();
-      } catch {
-        n.onFailed();
-      }
-    },
-    state: n
-  };
-};
-function h(e) {
-  return typeof e == "boolean" ? void 0 : e;
-}
-const r = {
-  fn: (e) => ({
-    type: "function",
-    fn: e
-  }),
-  openModal: (e) => ({
-    type: "openModal",
-    controller: h(e)
-  }),
-  closeModal: (e) => ({
-    type: "closeModal",
-    controller: h(e)
-  }),
-  toggleModal: (e) => ({
-    type: "toggleModal",
-    controller: h(e)
-  })
-}, G = (e) => {
-  const {
-    children: t,
-    feedback: o,
-    action: s,
-    toggleModal: i,
-    openModal: n,
-    closeModal: u
-  } = 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(), m = {
-    Button: {
-      onPress: a.callActionWithStateHandling,
-      isPending: l === "isPending",
-      "aria-disabled": l !== "isIdle",
-      isSucceeded: l === "isSucceeded",
-      isFailed: l === "isFailed"
-    },
-    Action: {
-      action: a.callAction
-    }
-  };
-  return /* @__PURE__ */ b.createElement(
-    y,
-    {
-      mergeInParentContext: !0,
-      props: m,
-      dependencies: [l]
-    },
-    t
-  );
-};
-export {
-  G as A
-};

package/dist/Button-CZjBV5AM.js

@@ -1,113 +0,0 @@
-"use client"
-/* */
-import o, { useEffect as p } from "react";
-import * as S from "react-aria-components";
-import x from "clsx";
-import { C as F } from "./ClearPropsContext-CeCMjUK9.js";
-import { P as y } from "./PropsContextProvider-DZvwqHLP.js";
-import "@react-aria/utils";
-import "./propsContext-CauylOgH.js";
-import "remeda";
-import "@tabler/icons-react";
-import "./Icon-DwHDa4pA.js";
-import { I as E, a as C } from "./IconSucceeded-CHjiCCzR.js";
-import { W as I } from "./Wrap-DGT1h1o3.js";
-import { T as N } from "./Text-CKd46eHq.js";
-import { f as h } from "./flowComponent-dvQga3NG.js";
-import { L as A } from "./LoadingSpinner-BOBbSYun.js";
-import { useLocalizedStringFormatter as D } from "react-aria";
-import { useLiveRegion as T } from "@chakra-ui/live-region";
-const z = "flow--button", B = "flow--button--content", L = "flow--button--state-icon", k = "flow--button--avatar", R = "flow--button--icon", K = "flow--button--text", U = "flow--button--is-succeeded", W = "flow--button--is-failed", $ = "flow--button--is-pending", j = "flow--button--plain", q = "flow--button--primary", G = "flow--button--solid", H = "flow--button--aria-disabled", J = "flow--button--accent", M = "flow--button--danger", O = "flow--button--secondary", Q = "flow--button--soft", t = {
-  button: z,
-  content: B,
-  stateIcon: L,
-  avatar: k,
-  icon: R,
-  text: K,
-  isSucceeded: U,
-  isFailed: W,
-  isPending: $,
-  plain: j,
-  "size-s": "flow--button--size-s",
-  primary: q,
-  solid: G,
-  ariaDisabled: H,
-  accent: J,
-  danger: M,
-  secondary: O,
-  soft: Q
-}, V = {
-  "de-DE": {
-    "action.isFailed": "Fehlgeschlagen",
-    "action.isPending": "Ausstehend...",
-    "action.isSucceeded": "Erfolgreich"
-  },
-  "en-EN": {
-    "action.isFailed": "Failed",
-    "action.isPending": "Pending...",
-    "action.isSucceeded": "Succeeded"
-  }
-}, X = (e, c = {}) => {
-  const i = D(V), {
-    isPendingText: a = i.format("action.isPending"),
-    isSucceededText: d = i.format("action.isSucceeded"),
-    isFailedText: s = i.format("action.isFailed")
-  } = c, n = T({
-    "aria-live": "polite",
-    "aria-atomic": !1,
-    "aria-relevant": "text additions",
-    role: "status"
-  });
-  p(() => {
-    e === "isPending" ? n.speak(a) : e === "isSucceeded" ? n.speak(d) : e === "isFailed" && n.speak(s);
-  }, [e]);
-}, Y = (e) => ((e.isPending || e.isSucceeded || e.isFailed || e["aria-disabled"]) && (e = { ...e }, e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0), e), be = h("Button", (e) => {
-  e = Y(e);
-  const {
-    variant: c = "primary",
-    style: i = "solid",
-    children: a,
-    className: d,
-    size: s = "m",
-    isPending: n,
-    isSucceeded: r,
-    isFailed: l,
-    "aria-disabled": f,
-    ref: u,
-    ...b
-  } = e, g = x(
-    t.button,
-    n && t.isPending,
-    r && t.isSucceeded,
-    l && t.isFailed,
-    t[`size-${s}`],
-    t[c],
-    t[i],
-    d,
-    /**
-     * Workaround warning: The Aria.Button does not support "aria-disabled" by
-     * now, so this Button will be visually disabled via CSS.
-     */
-    f && t.ariaDisabled
-  );
-  X(
-    n ? "isPending" : r ? "isSucceeded" : l ? "isFailed" : "isIdle"
-  );
-  const P = {
-    Icon: {
-      className: t.icon,
-      "aria-hidden": !0,
-      size: s
-    },
-    Text: {
-      className: t.text
-    },
-    Avatar: {
-      className: t.avatar
-    }
-  }, m = r ? E : l ? C : n ? A : void 0, w = m && /* @__PURE__ */ o.createElement(m, { size: s, className: t.stateIcon }), v = typeof a == "string";
-  return /* @__PURE__ */ o.createElement(F, null, /* @__PURE__ */ o.createElement(S.Button, { className: g, ref: u, ...b }, /* @__PURE__ */ o.createElement(y, { props: P }, /* @__PURE__ */ o.createElement("span", { className: t.content }, /* @__PURE__ */ o.createElement(I, { if: v }, /* @__PURE__ */ o.createElement(N, null, a)))), w));
-});
-export {
-  be as B
-};

package/dist/StatusIcon-DYuGj4gU.js

@@ -1,38 +0,0 @@
-"use client"
-/* */
-import o from "react";
-import "@tabler/icons-react";
-import "./Icon-DwHDa4pA.js";
-import { I as c } from "./IconDanger-MdCt1mDP.js";
-import { I as e, a as i, b as m } from "./IconWarning-Dbq3oj5j.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/flowComponent-dvQga3NG.js

@@ -1,22 +0,0 @@
-"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-DfMs_ElR.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/types/components/Action/ActionState.d.ts

@@ -1,21 +0,0 @@
-interface Options {
-    feedback?: boolean;
-}
-export type ActionStateValue = "isIdle" | "isSucceeded" | "isPending" | "isExecuting" | "isFailed";
-export declare class ActionState {
-    private readonly feedback;
-    private executionCount;
-    state: ActionStateValue;
-    private constructor();
-    static useNew(opts?: Options): ActionState;
-    onAsyncStart(): void;
-    onSucceeded(): void;
-    onFailed(): void;
-    private updateState;
-    private startFailedFeedback;
-    private startSucceededFeedback;
-    private onDone;
-    private startPending;
-    useState(): ActionStateValue;
-}
-export {};

package/dist/types/components/Action/actionFactory.d.ts

@@ -1,11 +0,0 @@
-import { OverlayState } from '../../lib/controller/overlay';
-import { ActionFn, CloseModalAction, FunctionAction, OpenModalAction, ToggleModalAction } from './types';
-
-type ModalActionArg = boolean | OverlayState;
-export declare const actions: {
-    fn: (fn: ActionFn) => FunctionAction;
-    openModal: (arg: ModalActionArg) => OpenModalAction;
-    closeModal: (arg: ModalActionArg) => CloseModalAction;
-    toggleModal: (arg: ModalActionArg) => ToggleModalAction;
-};
-export {};

package/dist/types/components/Action/hooks/useCallAction.d.ts

@@ -1,13 +0,0 @@
-import { ActionState } from '../ActionState';
-import { ActionFn, ActionType } from '../types';
-
-interface Options {
-    feedback?: boolean;
-}
-interface ActionController {
-    state: ActionState;
-    callAction: ActionFn;
-    callActionWithStateHandling: ActionFn;
-}
-export declare const useCallAction: (action?: ActionType, options?: Options) => ActionController;
-export {};

package/dist/types/components/Action/hooks/useMakeCallableAction.d.ts

@@ -1,3 +0,0 @@
-import { ActionFn, ActionType } from '../types';
-
-export declare const useMakeCallableAction: (action?: ActionType) => ActionFn;

package/dist/types/components/Action/lib/callActionsInOrder.d.ts

@@ -1,3 +0,0 @@
-import { ActionFn } from '..';
-
-export declare const callActionsInOrder: (args: unknown[], actions: Array<ActionFn | undefined>) => unknown;

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

@@ -1,8 +0,0 @@
-import { OverlayState } from './OverlayState';
-
-interface Options {
-    reuseControllerFromContext?: boolean;
-    defaultOpen?: boolean;
-}
-export declare const useOverlayState: (opts?: Options) => OverlayState;
-export {};