@w6w/ui 0.1.0 → 0.1.1

package/dist/flow.d.ts

@@ -7,8 +7,10 @@
  * ```ts
  * import { WorkflowFlowEditor } from "@w6w/ui/flow";
  * import "@w6w/ui/styles.css";
- * import "@xyflow/react/dist/style.css";
  * ```
+ *
+ * `@w6w/ui/styles.css` already carries React Flow's base stylesheet (it is
+ * compiled in from `@xyflow/react/dist/style`), so no second import is needed.
  */
 export { WorkflowFlowEditor } from './WorkflowFlowEditor.tsx';
 export type { WorkflowFlowEditorProps } from './WorkflowFlowEditor.tsx';

package/dist/flow.mjs

@@ -1,9 +1,10 @@
+"use client";
 import { jsx as t, jsxs as w, Fragment as B } from "react/jsx-runtime";
 import { addEdge as sn, ReactFlowProvider as on, useNodesState as rn, useEdgesState as an, useReactFlow as ln, ReactFlow as cn, ConnectionLineType as dn, Background as un, Controls as pn, ControlButton as fn, MiniMap as hn, Panel as vt, Position as we, NodeToolbar as wn, Handle as mn } from "@xyflow/react";
-import { u as Vt, b as gn, f as bn, i as vn, J as qe, d as Nn, r as Ft, a as yn, c as Cn, v as Sn, n as le, e as Ge, g as Xe, s as Wt, h as Pe, j as Je, w as kn, k as En, l as xn, m as Nt, o as We, p as yt, q as Rn, t as Ct, x as Tn, y as $t, z as Ce, A as An, B as Pn, C as Ae, D as St, E as In, F as Dn, G as Ln, W as Vn, H as Fn, I as Wn, S as $n, K as On, M as Ot, L as Jn, N as Jt, O as Mt, P as _t, Q as Ye, R as kt, T as Et, U as Ht, V as Bt, X as jt, Y as Ut, Z as xt, _ as Ke, $ as Mn, a0 as _n, a1 as Hn, a2 as Bn, a3 as jn, a4 as Un, a5 as Rt, a6 as zn, a7 as qn, a8 as Kn, a9 as Gn, aa as Xn, ab as Yn, ac as Qn } from "./ConfirmModal-sY1tzkBO.js";
-import { ad as Hs, ae as Bs, af as js, ag as Us, ah as zs, ai as qs, aj as Ks, ak as Gs, al as Xs } from "./ConfirmModal-sY1tzkBO.js";
-import { useMemo as M, useState as S, useRef as me, useEffect as _, useCallback as J, useContext as ge, createContext as Me } from "react";
-import { createPortal as Zn } from "react-dom";
+import { useMemo as M, useState as S, useRef as me, useEffect as _, useCallback as J, useContext as ge, createContext as Je } from "react";
+import { createPortal as gn } from "react-dom";
+import { u as Vt, b as bn, f as vn, i as Nn, J as qe, d as yn, r as Ft, a as Cn, c as Sn, v as kn, n as le, e as Ge, g as Xe, s as Wt, h as Pe, j as Me, w as En, k as xn, l as Rn, m as Nt, o as We, p as yt, q as Tn, t as Ct, x as An, y as $t, z as Ce, A as Pn, B as In, C as Ae, D as St, E as Dn, F as Ln, G as Vn, W as Fn, H as Wn, I as $n, S as On, K as Jn, M as Ot, L as Mn, N as Jt, O as Mt, P as _t, Q as Ye, R as kt, T as Et, U as Ht, V as Bt, X as jt, Y as Ut, Z as xt, _ as Ke, $ as _n, a0 as Hn, a1 as Bn, a2 as jn, a3 as Un, a4 as zn, a5 as Rt, a6 as qn, a7 as Kn, a8 as Gn, a9 as Xn, aa as Yn, ab as Qn, ac as Zn } from "./ConfirmModal-CD-P8mhN.js";
+import { ad as Hs, ae as Bs, af as js, ag as Us, ah as zs, ai as qs, aj as Ks, ak as Gs, al as Xs } from "./ConfirmModal-CD-P8mhN.js";
 import { I as ye, C as es } from "./Copyable-1niV9gUa.js";
 const Tt = 220;
 function ts(e) {
@@ -20,12 +21,12 @@ function ns({
   view: r = "props"
 }) {
   const { sampleValues: c } = Vt(), l = M(
-    () => gn(c, o),
+    () => bn(c, o),
     [c, o]
-  ), u = bn(e), y = (f) => {
+  ), u = vn(e), y = (f) => {
     var a;
     return n[f] !== void 0 ? n[f] : (a = u.find((g) => g.key === f)) == null ? void 0 : a.default;
-  }, C = u.filter((f) => f.type !== "section" && vn(f, y));
+  }, C = u.filter((f) => f.type !== "section" && Nn(f, y));
   if (r === "code") {
     const f = ss(C, n, l);
     return /* @__PURE__ */ t("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ t(
@@ -41,7 +42,7 @@ function ns({
       }
     ) });
   }
-  const N = C.filter((f) => !Nn(y(f.key), f.default));
+  const N = C.filter((f) => !yn(y(f.key), f.default));
   return C.length === 0 ? /* @__PURE__ */ t("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "This action takes no parameters." }) }) : N.length === 0 ? /* @__PURE__ */ t("div", { className: "w6w-resolved-params", children: /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Every configured value matches its default — nothing to show here. Switch to JSON to see the full set." }) }) : (
     // `.w6w-resolved-table` is the ONE grid this whole row list shares — each
     // `.w6w-resolved-row` below is `display: contents` and contributes its
@@ -67,9 +68,9 @@ function ss(e, n, o) {
   for (const c of e)
     if (c.type === "vars") {
       const l = Array.isArray(n[c.key]) ? n[c.key] : Array.isArray(c.default) ? c.default : [];
-      r[c.key] = yn(l, o);
+      r[c.key] = Cn(l, o);
     } else
-      r[c.key] = Cn(
+      r[c.key] = Sn(
         n[c.key] !== void 0 ? n[c.key] : c.default,
         o
       );
@@ -144,7 +145,7 @@ function At({ value: e }) {
 }
 const is = { var: "◆", secret: "🔒", expr: "ƒ" };
 function $e({ kind: e, refName: n }) {
-  const o = e === "expr" ? "expr" : Sn(n ?? "");
+  const o = e === "expr" ? "expr" : kn(n ?? "");
   return /* @__PURE__ */ w("span", { className: `w6w-expr-chip w6w-expr-chip-${e}`, children: [
     /* @__PURE__ */ t("span", { className: "w6w-expr-chip-sigil", children: is[e] }),
     /* @__PURE__ */ t("span", { className: "w6w-expr-chip-label", children: o })
@@ -364,11 +365,11 @@ function It(e, n, o, r) {
   const c = e.find((l) => l.id === n);
   return [o, r, c == null ? void 0 : c.source, c == null ? void 0 : c.target];
 }
-const et = Me(void 0), tt = Me(/* @__PURE__ */ new Map());
+const et = Je(void 0), tt = Je(/* @__PURE__ */ new Map());
 function Dt(e) {
   return `Can’t draw that edge: this node allows at most ${e} outgoing edge${e === 1 ? "" : "s"} per lane.`;
 }
-const nt = Me(/* @__PURE__ */ new Map()), Xt = Me(null);
+const nt = Je(/* @__PURE__ */ new Map()), Xt = Je(null);
 function Js(e) {
   return /* @__PURE__ */ t(on, { children: /* @__PURE__ */ t(ks, { ...e }) });
 }
@@ -385,7 +386,7 @@ function ks({
   fitViewKey: N
 }) {
   var mt, gt, bt;
-  const f = Je(), a = M(() => new Map((c ?? []).map((s) => [s.id, s])), [c]), [g, E] = S(null), P = M(() => kn(e), [e.id]), R = M(() => En(e), [e.id]), V = ((mt = e.settings) == null ? void 0 : mt.savePosition) !== !1, [d, I, ce] = rn(P.nodes), ne = ys(f, d), W = M(() => Cs(ne), [ne]), [b, A, de] = an(P.edges);
+  const f = Me(), a = M(() => new Map((c ?? []).map((s) => [s.id, s])), [c]), [g, E] = S(null), P = M(() => En(e), [e.id]), R = M(() => xn(e), [e.id]), V = ((mt = e.settings) == null ? void 0 : mt.savePosition) !== !1, [d, I, ce] = rn(P.nodes), ne = ys(f, d), W = M(() => Cs(ne), [ne]), [b, A, de] = an(P.edges);
   _(() => {
     I(
       (s) => s.map((i) => {
@@ -399,7 +400,7 @@ function ks({
       })
     );
   }, [y, I, A]);
-  const [K, G] = S(null), [x, z] = S(null), [$, te] = S(!1), [O, se] = S(null), [be, oe] = S("props"), [re, ke] = S(null), ue = me(!1), Ie = me(null), [H, X] = S(null), { screenToFlowPosition: De, fitView: j } = ln(), _e = xn();
+  const [K, G] = S(null), [x, z] = S(null), [$, te] = S(!1), [O, se] = S(null), [be, oe] = S("props"), [re, ke] = S(null), ue = me(!1), Ie = me(null), [H, X] = S(null), { screenToFlowPosition: De, fitView: j } = ln(), _e = Rn();
   _(() => {
     I(P.nodes), A(P.edges), G(null), se(null);
   }, [P, I, A]);
@@ -491,7 +492,7 @@ function ks({
     [d, b, I, A, D, o, K, O]
   ), Ee = J(() => {
     if (o) return;
-    const s = Rn(d, b);
+    const s = Tn(d, b);
     I(s), ue.current = !0, D(s, b);
   }, [d, b, I, D, o]), xe = J(() => {
     o || Ee();
@@ -563,7 +564,7 @@ function ks({
       if (o) return;
       const i = Pe(s.uses.app), p = Ct(
         d.map((U) => U.id),
-        Tn($t(s.uses.app, s.uses.action))
+        An($t(s.uses.app, s.uses.action))
       ), m = {
         id: p,
         uses: s.uses,
@@ -583,11 +584,11 @@ function ks({
         const U = d.find((L) => Ce(L.data.step.uses.app));
         if (Ce(s.uses.app)) {
           if (!U) {
-            const L = An(d, b);
+            const L = Pn(d, b);
             L && (T = Oe(p, L.id, k, b, "success", W) ?? b);
           }
         } else {
-          const Q = (U && !b.some((Z) => Z.source === U.id) ? U : void 0) ?? Pn(d, b);
+          const Q = (U && !b.some((Z) => Z.source === U.id) ? U : void 0) ?? In(d, b);
           Q && (T = Oe(Q.id, p, k, b, "success", W) ?? b);
         }
       }
@@ -724,7 +725,7 @@ function ks({
     [ne, Fe]
   ), [dt, ut] = S(null), Ne = M(() => {
     const s = St(O, d, b, ct);
-    return { ...s, steps: In(s.steps, O ?? dt) };
+    return { ...s, steps: Dn(s.steps, O ?? dt) };
   }, [O, dt, d, b, ct]), pt = JSON.stringify(Ne.steps.map((s) => s.id));
   _(() => {
     const s = JSON.parse(pt);
@@ -755,7 +756,7 @@ function ks({
   const ft = M(() => {
     const s = {};
     for (const i of Ne.steps) {
-      Object.assign(s, Dn(i.id, it[i.id]));
+      Object.assign(s, Ln(i.id, it[i.id]));
       const p = Fe[i.id];
       if (p !== void 0) {
         if (s[`steps.${i.id}.output`] = p, typeof p == "object" && p !== null && !Array.isArray(p))
@@ -763,7 +764,7 @@ function ks({
             s[`steps.${i.id}.output.${m}`] = v;
         for (const m of i.outputs ?? []) {
           if (!m.path || !m.key.includes(".")) continue;
-          const v = Ln(p, m.key);
+          const v = Vn(p, m.key);
           v !== void 0 && (s[`steps.${i.id}.output.${m.key}`] = v);
         }
       }
@@ -782,7 +783,7 @@ function ks({
     }),
     [l, ht.sampleValues, Ne, ft]
   );
-  return /* @__PURE__ */ t(Xt.Provider, { value: je, children: /* @__PURE__ */ t(et.Provider, { value: W, children: /* @__PURE__ */ t(tt.Provider, { value: rt, children: /* @__PURE__ */ t(nt.Provider, { value: a, children: /* @__PURE__ */ t(Vn, { project: u, children: /* @__PURE__ */ t(Fn, { value: wt, children: /* @__PURE__ */ w(
+  return /* @__PURE__ */ t(Xt.Provider, { value: je, children: /* @__PURE__ */ t(et.Provider, { value: W, children: /* @__PURE__ */ t(tt.Provider, { value: rt, children: /* @__PURE__ */ t(nt.Provider, { value: a, children: /* @__PURE__ */ t(Fn, { project: u, children: /* @__PURE__ */ t(Wn, { value: wt, children: /* @__PURE__ */ w(
     "div",
     {
       ref: Ie,
@@ -811,7 +812,7 @@ function ks({
             },
             onMoveEnd: (s, i) => {
               if (!s || o) return;
-              const p = Nt(e, d, b), m = Wn(p, i);
+              const p = Nt(e, d, b), m = $n(p, i);
               m !== p && n(m);
             },
             onSelectionChange: ({ nodes: s, edges: i }) => {
@@ -867,7 +868,7 @@ function ks({
           }
         ),
         $ && /* @__PURE__ */ t(
-          $n,
+          On,
           {
             onClose: () => {
               te(!1), X(null), ut(null);
@@ -878,7 +879,7 @@ function ks({
             },
             onDraftChange: (s, i) => Y(s, { id: s, ...i }),
             workflowId: e.id,
-            upstreamSteps: On(H, d, b)
+            upstreamSteps: Jn(H, d, b)
           }
         ),
         ot && O && // No `key` on purpose: renaming a step updates `editingId`, and a keyed
@@ -1007,7 +1008,7 @@ function ks({
           }
         ),
         re !== null && /* @__PURE__ */ t(
-          Jn,
+          Mn,
           {
             title: "Delete step",
             message: `Delete step "${re}"? Its connections are removed too.`,
@@ -1102,13 +1103,13 @@ function Es({
   onRun: r,
   onCancel: c
 }) {
-  const l = Je(), u = Ce(n.uses.app), y = Pe(n.uses.app), C = M(
+  const l = Me(), u = Ce(n.uses.app), y = Pe(n.uses.app), C = M(
     () => {
       var x;
       return u ? Rt((x = n.with) == null ? void 0 : x.fields) : [];
     },
     [u, n.with]
-  ), N = M(() => u ? zn(C) : y ? Ht(n.uses.app, n.uses.action) : null, [u, y, C, n.uses.app, n.uses.action]), [f, a] = S(null), g = N ?? f;
+  ), N = M(() => u ? qn(C) : y ? Ht(n.uses.app, n.uses.action) : null, [u, y, C, n.uses.app, n.uses.action]), [f, a] = S(null), g = N ?? f;
   _(() => {
     if (N) return;
     if (!n.uses.app || !n.uses.action) {
@@ -1126,7 +1127,7 @@ function Es({
   const [E, P] = S(
     () => {
       var x;
-      return u ? qn(Rt((x = n.with) == null ? void 0 : x.fields)) : {};
+      return u ? Kn(Rt((x = n.with) == null ? void 0 : x.fields)) : {};
     }
   ), [R, V] = S("{}"), d = Bt(e, o, !u), I = jt(d), [ce, ne] = S(!1);
   _(() => {
@@ -1149,7 +1150,7 @@ function Es({
     /* @__PURE__ */ w("div", { className: "w6w-stepconfig", children: [
       /* @__PURE__ */ t("div", { className: "w6w-modal-body", children: /* @__PURE__ */ t("div", { className: "w6w-stack", children: g === null || !ce ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: g === null ? "Loading parameters…" : "Loading saved values…" }) : u ? /* @__PURE__ */ w(B, { children: [
         /* @__PURE__ */ t(
-          Kn,
+          Gn,
           {
             params: g,
             values: E,
@@ -1410,7 +1411,7 @@ function Ts({
   onTestRun: C
 }) {
   var Ve;
-  const N = Je(), f = ge(nt), [a, g] = S(n), [E, P] = S(
+  const N = Me(), f = ge(nt), [a, g] = S(n), [E, P] = S(
     "configure"
   ), [R, V] = S(
     u === "json" ? "code" : u === "settings" ? "config" : "props"
@@ -1452,7 +1453,7 @@ function Ts({
   ), _e = (h) => {
     h === "code" ? ne(kt(a)) : h === "params-code" && b(Et(a)), V(h);
   }, D = () => {
-    const h = te.trim(), q = h && h !== a.id ? Qn(h) : null;
+    const h = te.trim(), q = h && h !== a.id ? Zn(h) : null;
     if (q) {
       be(q);
       return;
@@ -1580,14 +1581,14 @@ function Ts({
           E === "configure" && /* @__PURE__ */ w(B, { children: [
             a.uses.app === Ke && N.listSubscriptionsForWorkflow && N.createSubscription && /* @__PURE__ */ t(Is, { workflowId: e, step: a, readOnly: l }),
             oe === null ? /* @__PURE__ */ t("p", { className: "w6w-muted w6w-small", children: "Loading parameters…" }) : R === "props" ? a.uses.action === "wait" && Ae(a.uses.app) ? /* @__PURE__ */ t(
-              Mn,
+              _n,
               {
                 values: a.with ?? {},
                 readOnly: l,
                 onChange: (h) => j({ ...a, with: h })
               }
             ) : /* @__PURE__ */ t(
-              _n,
+              Hn,
               {
                 params: oe,
                 values: a.with ?? {},
@@ -1624,13 +1625,13 @@ function Ts({
               }
             ) : /* @__PURE__ */ w("div", { className: "w6w-stack", children: [
               /* @__PURE__ */ t(
-                Hn,
+                Bn,
                 {
                   config: { retry: a.retry, onError: a.onError, notes: a.notes },
                   onChange: (h) => j({ ...a, ...h }),
                   readOnly: l,
                   failureHandling: !ae,
-                  retryControls: !Ae(a.uses.app) && a.uses.app !== Bn
+                  retryControls: !Ae(a.uses.app) && a.uses.app !== jn
                 }
               ),
               As,
@@ -1646,7 +1647,7 @@ function Ts({
             ] })
           ] }),
           E === "test" && /* @__PURE__ */ t("div", { className: "w6w-stack", children: ie ? ae ? /* @__PURE__ */ t(
-            jn,
+            Un,
             {
               app: a.uses.app,
               action: a.uses.action,
@@ -1678,7 +1679,7 @@ function Ts({
               }
             ),
             /* @__PURE__ */ t(
-              Un,
+              zn,
               {
                 ref: K,
                 app: a.uses.app,
@@ -1756,7 +1757,7 @@ function Is({
   step: n,
   readOnly: o
 }) {
-  const r = Je(), [c, l] = S(void 0), [u, y] = S(null), [C, N] = S(!1);
+  const r = Me(), [c, l] = S(void 0), [u, y] = S(null), [C, N] = S(!1);
   _(() => {
     const a = r.listSubscriptionsForWorkflow;
     if (!a) return;
@@ -1811,7 +1812,7 @@ function Lt({
     return document.addEventListener("mousedown", C), document.addEventListener("keydown", N), () => {
       document.removeEventListener("mousedown", C), document.removeEventListener("keydown", N);
     };
-  }, [n, e]), !c || !u ? null : Zn(
+  }, [n, e]), !c || !u ? null : gn(
     /* @__PURE__ */ t(
       "div",
       {
@@ -1880,7 +1881,7 @@ function Ds({
         )
       ] }),
       f === "app" && /* @__PURE__ */ t(Lt, { anchorRef: P, onClose: () => a(null), children: /* @__PURE__ */ t(
-        Gn,
+        Xn,
         {
           onSelectApp: (d) => {
             const I = d.id === e.uses.app;
@@ -1919,7 +1920,7 @@ function Ds({
       ] }) })
     ] }),
     !c && g && /* @__PURE__ */ t(
-      Xn,
+      Yn,
       {
         initialAppId: e.uses.app,
         onClose: () => E(!1),
@@ -1936,7 +1937,7 @@ function Ds({
       /* @__PURE__ */ w("label", { className: "w6w-field", children: [
         /* @__PURE__ */ t("span", { children: "Action" }),
         /* @__PURE__ */ t(
-          Yn,
+          Qn,
           {
             value: e.uses.action,
             disabled: l || o === null,
@@ -1949,10 +1950,10 @@ function Ds({
   ] });
 }
 export {
-  Bn as CALL_APP,
+  jn as CALL_APP,
   Hs as CONTROL_APP,
   Bs as DATA_APP,
-  Fn as ExpressionOptionsProvider,
+  Wn as ExpressionOptionsProvider,
   js as INTERNAL_NODES,
   Us as SCHEDULER_APP,
   zs as SCRIPT_APP,
@@ -1962,7 +1963,7 @@ export {
   Rt as asFieldDefs,
   Ks as coerceDefault,
   Gs as fieldWidget,
-  zn as fieldsToParams,
+  qn as fieldsToParams,
   Nt as flowToWorkflow,
   Xs as internalNodeDefaults,
   Jt as internalNodeIcon,
@@ -1971,7 +1972,7 @@ export {
   Ae as isControlApp,
   Pe as isInternalApp,
   Ce as isTriggerApp,
-  qn as seedValues,
-  kn as workflowToFlow
+  Kn as seedValues,
+  En as workflowToFlow
 };
 //# sourceMappingURL=flow.mjs.map