@mittwald/flow-react-components 0.1.0-alpha.142 → 0.1.0-alpha.144

package/dist/Action-C4Ncwjzf.js

@@ -1,287 +0,0 @@
-"use client"
-/* */
-var B = Object.defineProperty;
-var k = (o, t, e) => t in o ? B(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
-var r = (o, t, e) => (k(o, typeof t != "symbol" ? t + "" : t, e), e);
-import w, { createContext as M, useRef as O, useContext as b } from "react";
-import { makeObservable as I, observable as E, action as D, computed as T } from "mobx";
-import { u as g } from "./useOverlayController-CGKumeGL.js";
-import N from "invariant";
-import { u as v } from "./useSelector-DpU7_HMO.js";
-import { a as R, g as V, u as $ } from "./getActionGroupSlot-Do-bk4GU.js";
-import "./propsContext-DzAKlmhS.js";
-import { P as G } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "remeda";
-import { d as u } from "./dynamic-ClpUSmEt.js";
-import { u as L } from "./slotContext-DoCFkzCA.js";
-const C = M(void 0), U = C.Provider, x = (o) => new Promise((t) => setTimeout(t, o)), p = {
-  pending: 1e3,
-  succeeded: 1500,
-  failed: 2e3
-};
-class y {
-  constructor() {
-    r(this, "showFeedback");
-    r(this, "state", "isIdle");
-    r(this, "setPendingTimeout");
-    r(this, "error");
-    r(this, "isAsync", !1);
-    I(this, {
-      state: E,
-      updateState: D,
-      isBusy: T
-    });
-  }
-  static useNew() {
-    return O(new y()).current;
-  }
-  updateState(t) {
-    this.state = t;
-  }
-  useValue() {
-    return v(() => this.state, [this]);
-  }
-  useIsBusy() {
-    return v(() => this.isBusy, [this]);
-  }
-  get isBusy() {
-    return this.state !== "isIdle";
-  }
-  onAsyncStart() {
-    this.isAsync = !0, this.updateState("isExecuting"), this.setPendingTimeout = window.setTimeout(
-      () => this.startPending(),
-      p.pending
-    );
-  }
-  async onSucceeded() {
-    await this.onDone();
-  }
-  async onFailed(t) {
-    this.error = t ?? new Error("Unknown error"), await this.onDone();
-  }
-  withFeedback(t) {
-    return this.showFeedback = t, this;
-  }
-  async startFailedFeedback() {
-    this.updateState("isFailed"), await x(p.failed), this.resetAfterDone();
-  }
-  async startSucceededFeedback() {
-    this.updateState("isSucceeded"), await x(p.succeeded), this.resetAfterDone();
-  }
-  resetAfterDone() {
-    this.updateState("isIdle"), this.isAsync = !1, this.error = void 0;
-  }
-  async onDone() {
-    this.setPendingTimeout && window.clearTimeout(this.setPendingTimeout), this.error ? await this.startFailedFeedback() : this.showFeedback !== !1 && (this.showFeedback || this.isAsync) ? await this.startSucceededFeedback() : this.resetAfterDone();
-  }
-  startPending() {
-    this.updateState("isPending");
-  }
-}
-const F = (o) => (...t) => {
-  const e = [...o], n = e.shift();
-  if (n) {
-    const s = n(...t), a = () => e.length === 0 ? s : F(e)(...t);
-    return s instanceof Promise ? s.then(a) : a();
-  }
-}, d = () => {
-}, j = (o, t = {}) => {
-  const {
-    onSync: e = d,
-    onAsync: n = d,
-    then: s = d,
-    catch: a = d,
-    finally: c = d
-  } = t;
-  try {
-    const i = o();
-    return i instanceof Promise ? (n(), i.then(s).catch(a).finally(c)) : (e(), s(i), c(), i);
-  } catch (i) {
-    e(), a(i), c();
-  }
-}, q = () => {
-};
-function z(o) {
-  if (o.needsConfirmation)
-    return o.confirmationModalController.open;
-  const t = o.getOverlayController(), {
-    action: e,
-    toggleOverlay: n,
-    closeOverlay: s,
-    openOverlay: a
-  } = o.actionProps;
-  return e || (a && t ? t.open : s && t || n && t ? t.close : q);
-}
-class P {
-  constructor(t) {
-    r(this, "actions", []);
-    r(this, "baseAction");
-    this.baseAction = t;
-  }
-  addAction(t) {
-    this.actions.push(t);
-  }
-  async executeBatch(t) {
-    if (this.actions.length === 0)
-      return;
-    const e = this.actions[this.actions.length - 1].actionProps.showFeedback, n = this.baseAction.state.withFeedback(
-      this.baseAction.needsConfirmation ? !1 : e
-    ), s = this.actions.map((i) => z(i)), a = F(s);
-    let c;
-    if (await j(() => a(...t), {
-      onAsync: () => n.onAsyncStart(),
-      then: () => n.onSucceeded(),
-      catch: (i) => {
-        n.onFailed(i), c = i;
-      }
-    }), c)
-      throw c;
-  }
-}
-class H {
-  constructor(t) {
-    r(this, "action");
-    r(this, "execute", (...t) => {
-      const e = this.getBatchedActions();
-      (async () => {
-        for (const s of e)
-          await s.executeBatch(t);
-      })().catch((s) => console.error(s));
-    });
-    r(this, "getBatchedActions", () => {
-      let t = this.action;
-      const e = [];
-      let n = new P(
-        this.action
-      ), s = 0;
-      for (; t; ) {
-        const { action: a, break: c, skip: i } = t.actionProps;
-        if (t.needsConfirmation) {
-          n.addAction(t);
-          break;
-        }
-        if (i) {
-          s = i === !0 ? 1 : i, t = t.parentAction;
-          continue;
-        }
-        if (s > 0) {
-          t = t.parentAction, s--;
-          continue;
-        }
-        if (c)
-          break;
-        a || (e.push(n), n = new P(this.action)), n.addAction(t), t = t.parentAction;
-      }
-      return e.push(n), e;
-    });
-    this.action = t;
-  }
-}
-class l {
-  constructor(t) {
-    r(this, "state");
-    r(this, "needsConfirmation");
-    r(this, "actionProps");
-    r(this, "parentAction");
-    r(this, "confirmationModalController");
-    r(this, "overlayController");
-    r(this, "execute", (...t) => {
-      new H(this).execute(...t);
-    });
-    const {
-      actionProps: e,
-      needsConfirmation: n,
-      parentAction: s,
-      overlayController: a,
-      confirmationModalController: c,
-      state: i
-    } = t;
-    this.actionProps = e, this.parentAction = s, this.confirmationModalController = c, this.needsConfirmation = n, this.overlayController = a, this.state = i;
-  }
-  static useNew(t, e = {}) {
-    const n = b(C), s = g(), a = g(), c = y.useNew();
-    return new l({
-      parentAction: n,
-      overlayController: s,
-      confirmationModalController: a,
-      needsConfirmation: !1,
-      actionProps: t,
-      state: c,
-      ...e
-    });
-  }
-  static use() {
-    const t = b(C);
-    return N(!!t, "Action context is not defined"), R.useRegisterState(t.state), t;
-  }
-  static useConfirmationAction() {
-    const t = l.use();
-    return new l({
-      actionProps: t.actionProps,
-      confirmationModalController: t.confirmationModalController,
-      overlayController: t.overlayController,
-      state: t.state,
-      needsConfirmation: !1,
-      parentAction: l.useNew(
-        {
-          closeOverlay: !0
-        },
-        {
-          parentAction: t.parentAction
-        }
-      )
-    });
-  }
-  getOverlayController() {
-    const t = (e) => e === void 0 ? void 0 : e === !0 ? this.overlayController : e === !1 ? void 0 : e;
-    return t(this.actionProps.openOverlay) ?? t(this.actionProps.closeOverlay) ?? t(this.actionProps.toggleOverlay);
-  }
-}
-const J = (o) => L()[o], A = (o) => J("Modal") === "actionConfirm" ? V(o) : void 0, f = (o) => {
-  const t = l.use(), e = t.state.useValue(), n = A(o) === "primary", s = t.confirmationModalController.useIsOpen();
-  return t.needsConfirmation && s && !n ? "isIdle" : e;
-}, S = {
-  onPress: u((o) => {
-    const t = l.use(), e = l.useConfirmationAction(), n = A(o) === "primary";
-    return A(o) === "abort" ? t.confirmationModalController.close : n ? e.execute : t.execute;
-  }),
-  isPending: u((o) => f(o) === "isPending"),
-  isSucceeded: u(
-    (o) => f(o) === "isSucceeded"
-  ),
-  isFailed: u((o) => f(o) === "isFailed"),
-  "aria-disabled": u((o) => {
-    const t = f(o), e = $().useIsBusy();
-    return t === "isExecuting" || e;
-  })
-}, rt = (o) => {
-  const { children: t, actionModel: e, ...n } = o, s = l.useNew(n), a = e ?? s, c = {
-    Button: S,
-    Link: {
-      onPress: u(() => l.use().execute)
-    },
-    Modal: {
-      slot: u((i) => {
-        const { slot: m } = i, h = l.use();
-        return h.needsConfirmation = m === "actionConfirm", m;
-      }),
-      isDismissable: u((i) => {
-        const h = l.use().state.useValue();
-        return h === "isExecuting" || h === "isPending" ? !1 : i.isDismissable;
-      }),
-      controller: u(() => {
-        const i = l.use();
-        return i.needsConfirmation ? i.confirmationModalController : i.getOverlayController();
-      }),
-      ActionGroup: {
-        Button: S
-      }
-    }
-  };
-  return /* @__PURE__ */ w.createElement(U, { value: a }, /* @__PURE__ */ w.createElement(G, { props: c, mergeInParentContext: !0 }, t));
-};
-export {
-  rt as A,
-  l as a
-};

package/dist/ContextMenuTrigger-DjZx2IST.js

@@ -1,52 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import * as r from "react-aria-components";
-import { f as M } from "./flowComponent-CPKCCJEg.js";
-import { P as d } from "./Popover-B-COTLld.js";
-import "mobx";
-import "./useOverlayController-CGKumeGL.js";
-import { C as g } from "./ClearPropsContext-CUvsbMn8.js";
-import { P as C } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "./propsContext-DzAKlmhS.js";
-import "remeda";
-import { O as v } from "./OverlayTrigger-DbjMkqKf.js";
-const P = "flow--context-menu", E = "flow--context-menu--popover", n = {
-  contextMenu: P,
-  popover: E
-}, R = M("ContextMenu", (o) => {
-  const {
-    children: a,
-    onAction: s,
-    selectionMode: t,
-    selectedKeys: i,
-    defaultSelectedKeys: c,
-    disabledKeys: l,
-    onSelectionChange: m,
-    refProp: p,
-    ...u
-  } = o, f = t === "navigation" ? "single" : t, x = {
-    MenuItem: {
-      selectionVariant: t === "navigation" ? "navigation" : "control"
-    }
-  };
-  return /* @__PURE__ */ e.createElement(g, null, /* @__PURE__ */ e.createElement(d, { ...u, className: n.popover }, /* @__PURE__ */ e.createElement(
-    r.Menu,
-    {
-      className: n.contextMenu,
-      onAction: s,
-      selectionMode: f,
-      selectedKeys: i,
-      defaultSelectedKeys: c,
-      disabledKeys: l,
-      onSelectionChange: m,
-      ref: p
-    },
-    /* @__PURE__ */ e.createElement(C, { props: x }, a)
-  )));
-}), V = (o) => /* @__PURE__ */ e.createElement(v, null, /* @__PURE__ */ e.createElement(r.MenuTrigger, null, o.children));
-export {
-  R as C,
-  V as a
-};

package/dist/OverlayTrigger-DbjMkqKf.js

@@ -1,20 +0,0 @@
-"use client"
-/* */
-import e from "react";
-import "mobx";
-import { u as n, a } from "./useOverlayController-CGKumeGL.js";
-import "./propsContext-DzAKlmhS.js";
-import { P as p } from "./PropsContextProvider-C6Z4XGp6.js";
-import "@react-aria/utils";
-import "remeda";
-const C = (o) => {
-  const r = n(), t = {
-    Button: {
-      onPress: r.open
-    }
-  };
-  return /* @__PURE__ */ e.createElement(a, { value: r }, /* @__PURE__ */ e.createElement(p, { props: t, mergeInParentContext: !0 }, o.children));
-};
-export {
-  C as O
-};

package/dist/Popover-B-COTLld.js

@@ -1,41 +0,0 @@
-"use client"
-/* */
-import e, { forwardRef as u } from "react";
-import * as t from "react-aria-components";
-import O from "clsx";
-import "mobx";
-import { u as h, a as C } from "./useOverlayController-CGKumeGL.js";
-const x = "flow--popover", E = "flow--popover--content", P = "flow--popover--tip", r = {
-  popover: x,
-  content: E,
-  tip: P,
-  "popover-slide": "flow--popover--popover-slide"
-}, A = u((n, l) => {
-  const {
-    children: s,
-    className: p,
-    controller: a,
-    withTip: c,
-    defaultOpen: i = !1,
-    ...m
-  } = n, v = h({
-    reuseControllerFromContext: !0,
-    defaultOpen: i
-  }), o = a ?? v, f = o.useIsOpen(), d = O(r.popover, p);
-  return /* @__PURE__ */ e.createElement(
-    t.Popover,
-    {
-      ...m,
-      className: d,
-      containerPadding: 16,
-      ref: l,
-      isOpen: f,
-      onOpenChange: (w) => o.setOpen(w)
-    },
-    c && /* @__PURE__ */ e.createElement(t.OverlayArrow, { className: r.tip }, /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16" }, /* @__PURE__ */ e.createElement("path", { d: "M0 0 L8 8 L16 0" }))),
-    /* @__PURE__ */ e.createElement(t.Dialog, { className: r.content }, /* @__PURE__ */ e.createElement(C, { value: o }, s))
-  );
-});
-export {
-  A as P
-};

package/dist/useOverlayController-CGKumeGL.js

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