@cadraos/sdk 0.3.13 → 0.3.14-p102.2

package/dist/board-host/index.js

@@ -1,5 +1,5 @@
 import { createContext, useMemo, useContext, useState, useCallback, useEffect } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 var BoardHostMappingContext = createContext(null);
 function BoardHostMappingProvider({
@@ -71,86 +71,8 @@ function collectDueRefs(lanes) {
   }
   return Array.from(byRef.values());
 }
-var DEFAULT_ORG_COLUMN = "org_id";
-function laneStageId(lane) {
-  return lane.id ?? lane.key;
-}
-function suggestHostState(lane) {
-  return lane.label ?? lane.key ?? "";
-}
-function freshFieldRow(ref, requiresPredicate) {
-  return {
-    ref,
-    kind: requiresPredicate ? "predicate" : "column",
-    column: "",
-    path: "",
-    via: "",
-    table: "",
-    name: "",
-    predicateOnly: requiresPredicate
-  };
-}
-function fieldRowFromBinding(b, requiresPredicate) {
-  const base = freshFieldRow(b.ref, requiresPredicate);
-  switch (b.kind) {
-    case "column":
-      return { ...base, kind: "column", column: b.column };
-    case "json":
-      return { ...base, kind: "json", column: b.column, path: b.path };
-    case "fk":
-      return { ...base, kind: "fk", via: b.via, table: b.table, column: b.column };
-    case "predicate":
-      return { ...base, kind: "predicate", name: b.name };
-    default:
-      return base;
-  }
-}
-function fieldRowError(row) {
-  switch (row.kind) {
-    case "column":
-      return identifierError(row.column) && `column ${identifierError(row.column)}`;
-    case "json": {
-      const colErr = identifierError(row.column);
-      if (colErr) return `column ${colErr}`;
-      if (!isValidJsonPath(row.path))
-        return "path must be dot-separated identifiers";
-      return null;
-    }
-    case "fk": {
-      const viaErr = identifierError(row.via);
-      if (viaErr) return `via ${viaErr}`;
-      const tableErr = identifierError(row.table);
-      if (tableErr) return `table ${tableErr}`;
-      const colErr = identifierError(row.column);
-      if (colErr) return `column ${colErr}`;
-      return null;
-    }
-    case "predicate":
-      return row.name.length === 0 ? "pick a predicate" : !isValidIdentifier(row.name) ? "predicate name must be a single identifier" : null;
-    default:
-      return "unknown kind";
-  }
-}
-function rowToBinding(row) {
-  switch (row.kind) {
-    case "column":
-      return { ref: row.ref, kind: "column", column: row.column };
-    case "json":
-      return { ref: row.ref, kind: "json", column: row.column, path: row.path };
-    case "fk":
-      return {
-        ref: row.ref,
-        kind: "fk",
-        via: row.via,
-        table: row.table,
-        column: row.column
-      };
-    case "predicate":
-      return { ref: row.ref, kind: "predicate", name: row.name };
-    default:
-      return { ref: row.ref, kind: "column", column: "" };
-  }
-}
+
+// src/board-host/widget/styles.ts
 var S = {
   card: {
     background: "#fff",
@@ -232,6 +154,200 @@ var S = {
     borderRadius: 999
   }
 };
+function laneStageId(lane) {
+  return lane.id ?? lane.key;
+}
+function withStale(offered, extra) {
+  const known = new Set(offered.map((o) => o.value));
+  const stale = extra.filter((v) => v && !known.has(v)).map((v) => ({ value: v, label: `${v} (not on the board)` }));
+  return [...offered, ...stale];
+}
+function LaneMapStep({
+  lanes,
+  value,
+  onChange,
+  hostStates,
+  createIfMissing
+}) {
+  function setEntry(key, entry) {
+    onChange({ ...value, [key]: entry });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: lanes.map((lane) => {
+    const entry = value[lane.key];
+    const hostState = entry?.hostState ?? "";
+    const alsoFrom = entry?.alsoFrom ?? [];
+    const mapped = hostState.trim().length > 0;
+    return /* @__PURE__ */ jsxs("div", { style: S.lane, children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        lane.label,
+        /* @__PURE__ */ jsx("small", { style: { display: "block", color: "#98a1ad", fontSize: 11 }, children: laneStageId(lane) })
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: { color: "#98a1ad", textAlign: "center" }, children: "\u2192" }),
+      hostStates ? /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "aria-label": `Host state for ${lane.label}`,
+          value: hostState,
+          onChange: (e) => {
+            const next = e.target.value;
+            setEntry(lane.key, {
+              hostState: next,
+              alsoFrom: alsoFrom.filter((s) => s !== next)
+            });
+          },
+          style: { ...S.input, minWidth: 0, width: "100%" },
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 host state \u2014" }),
+            withStale(hostStates, [hostState]).map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+          ]
+        }
+      ) : /* @__PURE__ */ jsx(
+        "input",
+        {
+          "aria-label": `Host state for ${lane.label}`,
+          value: hostState,
+          placeholder: "\u2014 host state \u2014",
+          onChange: (e) => {
+            setEntry(lane.key, { ...entry, hostState: e.target.value });
+          },
+          style: { ...S.input, minWidth: 0, width: "100%" }
+        }
+      ),
+      createIfMissing ? /* @__PURE__ */ jsxs(
+        "label",
+        {
+          style: { display: "flex", alignItems: "center", gap: 6, fontSize: 11.5, color: "#6b7480" },
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                "aria-label": `Create lane ${lane.label} if missing`,
+                checked: createIfMissing.value[lane.key] ?? false,
+                onChange: (e) => createIfMissing.onChange(lane.key, e.target.checked)
+              }
+            ),
+            "create"
+          ]
+        }
+      ) : /* @__PURE__ */ jsx("span", {}),
+      hostStates && /* @__PURE__ */ jsxs(
+        "label",
+        {
+          style: {
+            gridColumn: "1 / -1",
+            display: "flex",
+            alignItems: "flex-start",
+            gap: 8,
+            fontSize: 11.5,
+            color: "#6b7480"
+          },
+          children: [
+            "Also accepts",
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                multiple: true,
+                "aria-label": `Also accepts for ${lane.label}`,
+                value: alsoFrom,
+                onChange: (e) => {
+                  const picked = Array.from(e.target.options).filter((o) => o.selected).map((o) => o.value);
+                  setEntry(lane.key, { hostState, alsoFrom: picked });
+                },
+                style: { ...S.input, minWidth: 0, flex: 1 },
+                children: withStale(hostStates, alsoFrom).filter((o) => o.value !== hostState).map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          style: { ...S.st, color: mapped ? "#16a34a" : "#c2710c", gridColumn: "1 / -1", marginTop: 2 },
+          children: mapped ? "\u2713 mapped" : "\u26A0 gap \u2014 unmapped lane"
+        }
+      )
+    ] }, lane.key);
+  }) });
+}
+var DEFAULT_ORG_COLUMN = "org_id";
+function suggestHostState(lane) {
+  return lane.label ?? lane.key ?? "";
+}
+function freshFieldRow(ref, requiresPredicate) {
+  return {
+    ref,
+    kind: requiresPredicate ? "predicate" : "column",
+    column: "",
+    path: "",
+    via: "",
+    table: "",
+    name: "",
+    predicateOnly: requiresPredicate
+  };
+}
+function fieldRowFromBinding(b, requiresPredicate) {
+  const base = freshFieldRow(b.ref, requiresPredicate);
+  switch (b.kind) {
+    case "column":
+      return { ...base, kind: "column", column: b.column };
+    case "json":
+      return { ...base, kind: "json", column: b.column, path: b.path };
+    case "fk":
+      return { ...base, kind: "fk", via: b.via, table: b.table, column: b.column };
+    case "predicate":
+      return { ...base, kind: "predicate", name: b.name };
+    default:
+      return base;
+  }
+}
+function fieldRowError(row) {
+  switch (row.kind) {
+    case "column":
+      return identifierError(row.column) && `column ${identifierError(row.column)}`;
+    case "json": {
+      const colErr = identifierError(row.column);
+      if (colErr) return `column ${colErr}`;
+      if (!isValidJsonPath(row.path))
+        return "path must be dot-separated identifiers";
+      return null;
+    }
+    case "fk": {
+      const viaErr = identifierError(row.via);
+      if (viaErr) return `via ${viaErr}`;
+      const tableErr = identifierError(row.table);
+      if (tableErr) return `table ${tableErr}`;
+      const colErr = identifierError(row.column);
+      if (colErr) return `column ${colErr}`;
+      return null;
+    }
+    case "predicate":
+      return row.name.length === 0 ? "pick a predicate" : !isValidIdentifier(row.name) ? "predicate name must be a single identifier" : null;
+    default:
+      return "unknown kind";
+  }
+}
+function rowToBinding(row) {
+  switch (row.kind) {
+    case "column":
+      return { ref: row.ref, kind: "column", column: row.column };
+    case "json":
+      return { ref: row.ref, kind: "json", column: row.column, path: row.path };
+    case "fk":
+      return {
+        ref: row.ref,
+        kind: "fk",
+        via: row.via,
+        table: row.table,
+        column: row.column
+      };
+    case "predicate":
+      return { ref: row.ref, kind: "predicate", name: row.name };
+    default:
+      return { ref: row.ref, kind: "column", column: "" };
+  }
+}
 function statusColors(status) {
   switch (status) {
     case "valid":
@@ -590,57 +706,28 @@ function BoardHostMapping({
           /* @__PURE__ */ jsx("span", { style: S.ttl, children: "Lane map" }),
           /* @__PURE__ */ jsx("span", { style: { marginLeft: "auto", fontSize: 11, color: "#98a1ad" }, children: "auto-matched by name" })
         ] }),
-        lanes.map((lane) => {
-          const mapped = (laneStates[lane.key] ?? "").trim().length > 0;
-          return /* @__PURE__ */ jsxs("div", { style: S.lane, children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              lane.label,
-              /* @__PURE__ */ jsx("small", { style: { display: "block", color: "#98a1ad", fontSize: 11 }, children: laneStageId(lane) })
-            ] }),
-            /* @__PURE__ */ jsx("span", { style: { color: "#98a1ad", textAlign: "center" }, children: "\u2192" }),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                "aria-label": `Host state for ${lane.label}`,
-                value: laneStates[lane.key] ?? "",
-                placeholder: "\u2014 host state \u2014",
-                onChange: (e) => {
-                  setLaneStates((s) => ({ ...s, [lane.key]: e.target.value }));
-                  setValidation(null);
-                },
-                style: { ...S.input, minWidth: 0, width: "100%" }
-              }
-            ),
-            /* @__PURE__ */ jsxs(
-              "label",
-              {
-                style: { display: "flex", alignItems: "center", gap: 6, fontSize: 11.5, color: "#6b7480" },
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "checkbox",
-                      "aria-label": `Create lane ${lane.label} if missing`,
-                      checked: laneCreate[lane.key] ?? false,
-                      onChange: (e) => {
-                        setLaneCreate((c) => ({ ...c, [lane.key]: e.target.checked }));
-                        setValidation(null);
-                      }
-                    }
-                  ),
-                  "create"
-                ]
-              }
+        /* @__PURE__ */ jsx(
+          LaneMapStep,
+          {
+            lanes,
+            value: Object.fromEntries(
+              Object.entries(laneStates).map(([k, hostState]) => [k, { hostState }])
             ),
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                style: { ...S.st, color: mapped ? "#16a34a" : "#c2710c", gridColumn: "1 / -1", marginTop: 2 },
-                children: mapped ? "\u2713 mapped" : "\u26A0 gap \u2014 unmapped lane"
+            onChange: (next) => {
+              setLaneStates(
+                Object.fromEntries(Object.entries(next).map(([k, e]) => [k, e.hostState]))
+              );
+              setValidation(null);
+            },
+            createIfMissing: {
+              value: laneCreate,
+              onChange: (key, checked) => {
+                setLaneCreate((c) => ({ ...c, [key]: checked }));
+                setValidation(null);
               }
-            )
-          ] }, lane.key);
-        })
+            }
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxs("section", { style: S.sec, "aria-label": "Field map", children: [
         /* @__PURE__ */ jsxs("div", { style: S.lbl, children: [
@@ -815,6 +902,6 @@ function BoardHostMapping({
   ] });
 }
 
-export { BoardHostMapping, BoardHostMappingProvider, WIDGET_IDENTIFIER_PATTERN, collectDueRefs, identifierError, isValidIdentifier, isValidJsonPath, useBoardHostMappingAdapter, useBoardHostMappingAdapterOptional };
+export { BoardHostMapping, BoardHostMappingProvider, LaneMapStep, WIDGET_IDENTIFIER_PATTERN, collectDueRefs, identifierError, isValidIdentifier, isValidJsonPath, useBoardHostMappingAdapter, useBoardHostMappingAdapterOptional };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map