@cratis/event-models 0.174.0 → 0.176.0

package/dist/screen-editor/StructuredValueEditor-CcwyOga0.js

@@ -0,0 +1,337 @@
+import { a as E, d as I, f as j, g as $, h as K, i as F, l as N, n as P, o as _, r as V, s as D, t as T, u as M, v as g, y as w } from "./structuredValue-vqCZttsk.js";
+import { PropertyValueType as y } from "@cratis/scene.model";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+var L = ({ descriptor: t, value: a, id: b, strings: r, disabled: n, onChange: o }) => {
+  const c = t.editorKind === I, l = T(a), u = (m) => o(m.length === 0 ? void 0 : m);
+  return /* @__PURE__ */ s("fieldset", {
+    className: "studio-editor-structured__list",
+    disabled: n,
+    children: [
+      /* @__PURE__ */ e("legend", { children: t.label }),
+      l.map((m, d) => /* @__PURE__ */ s("div", {
+        className: "studio-editor-structured__entry",
+        children: [
+          /* @__PURE__ */ e("input", {
+            id: `${b}-${d}`,
+            "aria-label": r.entry(d + 1),
+            type: c ? "number" : "text",
+            value: c ? typeof m == "number" ? String(m) : "" : typeof m == "string" ? m : "",
+            onChange: (i) => o(g(l, d, c ? i.target.value === "" ? 0 : Number(i.target.value) : i.target.value))
+          }),
+          /* @__PURE__ */ e("button", {
+            type: "button",
+            "aria-label": r.moveEntryUp(d + 1),
+            disabled: d === 0,
+            onClick: () => o(N(l, d, -1)),
+            children: r.moveUpText
+          }),
+          /* @__PURE__ */ e("button", {
+            type: "button",
+            "aria-label": r.moveEntryDown(d + 1),
+            disabled: d === l.length - 1,
+            onClick: () => o(N(l, d, 1)),
+            children: r.moveDownText
+          }),
+          /* @__PURE__ */ e("button", {
+            type: "button",
+            "aria-label": r.removeEntry(d + 1),
+            onClick: () => u(w(l, d)),
+            children: r.removeText
+          })
+        ]
+      }, d)),
+      /* @__PURE__ */ e("button", {
+        type: "button",
+        onClick: () => o([...l, c ? 0 : ""]),
+        children: r.addEntry
+      })
+    ]
+  });
+}, U = (t) => typeof t == "number" ? "number" : typeof t == "boolean" ? "flag" : "text", O = ({ label: t, value: a, id: b, strings: r, disabled: n, onChange: o }) => {
+  const c = U(a), l = (u) => {
+    u !== c && o(u === "number" ? typeof a == "string" && a.trim() !== "" && Number.isFinite(Number(a)) ? Number(a) : 0 : u === "flag" ? a === !0 || a === "true" : a === void 0 ? void 0 : String(a));
+  };
+  return /* @__PURE__ */ s("div", {
+    className: "studio-editor-structured__scalar",
+    children: [/* @__PURE__ */ s("select", {
+      "aria-label": `${t} ${r.scalarType}`,
+      disabled: n,
+      value: c,
+      onChange: (u) => l(u.target.value),
+      children: [
+        /* @__PURE__ */ e("option", {
+          value: "text",
+          children: r.scalarText
+        }),
+        /* @__PURE__ */ e("option", {
+          value: "number",
+          children: r.scalarNumber
+        }),
+        /* @__PURE__ */ e("option", {
+          value: "flag",
+          children: r.scalarFlag
+        })
+      ]
+    }), c === "flag" ? /* @__PURE__ */ s("label", { children: [/* @__PURE__ */ e("input", {
+      id: b,
+      type: "checkbox",
+      disabled: n,
+      checked: a === !0,
+      onChange: (u) => o(u.target.checked)
+    }), /* @__PURE__ */ e("span", { children: r.scalarFlagOn })] }) : /* @__PURE__ */ e("input", {
+      id: b,
+      "aria-label": t,
+      type: c === "number" ? "number" : "text",
+      disabled: n,
+      value: a === void 0 ? "" : String(a),
+      onChange: (u) => o(u.target.value === "" ? void 0 : c === "number" ? Number(u.target.value) : u.target.value)
+    })]
+  });
+}, A = (t) => [
+  "string",
+  "number",
+  "boolean"
+].includes(typeof t), B = ({ descriptor: t, value: a, id: b, strings: r, disabled: n, onChange: o }) => {
+  const c = _(a) ? a : {}, l = Object.entries(c), u = (i) => o(i.length === 0 ? void 0 : Object.fromEntries(i)), m = (i, f) => {
+    const p = f.trim();
+    p === "" || p === l[i][0] || l.some(([h], v) => v !== i && h === p) || u(l.map(([h, v], k) => k === i ? [p, v] : [h, v]));
+  }, d = () => {
+    let i = l.length + 1;
+    for (; `value${i}` in c; ) i++;
+    u([...l, [`value${i}`, ""]]);
+  };
+  return /* @__PURE__ */ s("fieldset", {
+    className: "studio-editor-structured__list",
+    disabled: n,
+    children: [
+      /* @__PURE__ */ e("legend", { children: t.label }),
+      l.map(([i, f], p) => /* @__PURE__ */ s("div", {
+        className: "studio-editor-structured__entry",
+        children: [
+          /* @__PURE__ */ e("input", {
+            "aria-label": r.mapName(p + 1),
+            defaultValue: i,
+            onBlur: (h) => {
+              m(p, h.target.value), h.target.value = i;
+            }
+          }),
+          A(f) ? /* @__PURE__ */ e(O, {
+            label: r.mapValue(i),
+            value: f,
+            id: `${b}-${p}`,
+            strings: r,
+            disabled: n,
+            onChange: (h) => u(l.map(([v, k]) => v === i ? [v, h === void 0 ? "" : h] : [v, k]))
+          }) : /* @__PURE__ */ e("span", { children: r.keptValue }),
+          /* @__PURE__ */ e("button", {
+            type: "button",
+            "aria-label": r.removeMapEntry(i),
+            onClick: () => u(l.filter(([h]) => h !== i)),
+            children: r.removeText
+          })
+        ]
+      }, i)),
+      /* @__PURE__ */ e("button", {
+        type: "button",
+        onClick: d,
+        children: r.addMapEntry
+      })
+    ]
+  });
+}, R = ({ descriptor: t, value: a, id: b, strings: r, disabled: n, onChange: o }) => Array.isArray(a) ? /* @__PURE__ */ s("div", {
+  className: "studio-editor-structured__either",
+  children: [/* @__PURE__ */ e(L, {
+    descriptor: t,
+    value: a,
+    id: b,
+    strings: r,
+    disabled: n,
+    onChange: o
+  }), /* @__PURE__ */ e("button", {
+    type: "button",
+    disabled: n,
+    onClick: () => o(typeof a[0] == "string" && a[0] !== "" ? a[0] : void 0),
+    children: `${t.label}: ${r.useSingle}`
+  })]
+}) : /* @__PURE__ */ s("div", {
+  className: "studio-editor-structured__either",
+  children: [/* @__PURE__ */ s("label", {
+    className: "studio-editor-structured__field",
+    children: [/* @__PURE__ */ e("span", { children: t.label }), /* @__PURE__ */ e("input", {
+      id: b,
+      disabled: n,
+      value: typeof a == "string" ? a : "",
+      onChange: (c) => o(c.target.value === "" ? void 0 : c.target.value)
+    })]
+  }), /* @__PURE__ */ e("button", {
+    type: "button",
+    disabled: n,
+    onClick: () => o(typeof a == "string" && a !== "" ? [a] : [""]),
+    children: `${t.label}: ${r.useList}`
+  })]
+}), S = ({ descriptor: t, value: a, idPrefix: b, strings: r, disabled: n, onChange: o }) => {
+  const c = `${b}-${t.path}`;
+  switch (t.valueType) {
+    case y.String:
+      return /* @__PURE__ */ s("label", {
+        className: "studio-editor-structured__field",
+        children: [/* @__PURE__ */ e("span", { children: t.label }), /* @__PURE__ */ e("input", {
+          id: c,
+          disabled: n,
+          value: typeof a == "string" ? a : "",
+          onChange: (l) => o(l.target.value === "" ? void 0 : l.target.value)
+        })]
+      });
+    case y.Number:
+      return /* @__PURE__ */ s("label", {
+        className: "studio-editor-structured__field",
+        children: [/* @__PURE__ */ e("span", { children: t.label }), /* @__PURE__ */ e("input", {
+          id: c,
+          type: "number",
+          disabled: n,
+          value: typeof a == "number" ? String(a) : "",
+          onChange: (l) => o(l.target.value === "" ? void 0 : Number(l.target.value))
+        })]
+      });
+    case y.Boolean:
+      return /* @__PURE__ */ s("label", {
+        className: "studio-editor-structured__field studio-editor-structured__field--flag",
+        children: [/* @__PURE__ */ e("input", {
+          id: c,
+          type: "checkbox",
+          disabled: n,
+          checked: a === !0,
+          onChange: (l) => o(l.target.checked)
+        }), /* @__PURE__ */ e("span", { children: t.label })]
+      });
+    case y.Enum: {
+      const l = t.choices ?? [], u = l.findIndex((m) => m.value === a);
+      return /* @__PURE__ */ s("label", {
+        className: "studio-editor-structured__field",
+        children: [/* @__PURE__ */ e("span", { children: t.label }), /* @__PURE__ */ s("select", {
+          id: c,
+          disabled: n,
+          value: u < 0 ? "" : String(u),
+          onChange: (m) => o(m.target.value === "" ? void 0 : l[Number(m.target.value)]?.value),
+          children: [/* @__PURE__ */ e("option", {
+            value: "",
+            children: r.unset
+          }), l.map((m, d) => /* @__PURE__ */ e("option", {
+            value: String(d),
+            children: m.label
+          }, d))]
+        })]
+      });
+    }
+  }
+  if (E(t) && t.editorKind === j) return /* @__PURE__ */ s("label", {
+    className: "studio-editor-structured__field",
+    children: [/* @__PURE__ */ e("span", { children: t.label }), /* @__PURE__ */ e(O, {
+      label: t.label,
+      value: a,
+      id: c,
+      strings: r,
+      disabled: n,
+      onChange: o
+    })]
+  });
+  if (E(t) && t.editorKind === K) return /* @__PURE__ */ e(R, {
+    descriptor: t,
+    value: a,
+    id: c,
+    strings: r,
+    disabled: n,
+    onChange: o
+  });
+  if (D(t)) return /* @__PURE__ */ e(B, {
+    descriptor: t,
+    value: a,
+    id: c,
+    strings: r,
+    disabled: n,
+    onChange: o
+  });
+  if (E(t)) return /* @__PURE__ */ e(L, {
+    descriptor: t,
+    value: a,
+    id: c,
+    strings: r,
+    disabled: n,
+    onChange: o
+  });
+  if (F(t)) return /* @__PURE__ */ s("fieldset", {
+    className: "studio-editor-structured__object",
+    disabled: n,
+    children: [/* @__PURE__ */ e("legend", { children: t.label }), t.properties.map((l) => /* @__PURE__ */ e(S, {
+      descriptor: l,
+      value: _(a) ? a[l.path] : void 0,
+      idPrefix: c,
+      strings: r,
+      disabled: n,
+      onChange: (u) => o($(a, l.path, u))
+    }, l.path))]
+  });
+  if (V(t)) {
+    const l = T(a), u = t.item.label ?? r.item, m = t.item.positional === !0;
+    return /* @__PURE__ */ s("fieldset", {
+      className: "studio-editor-structured__collection",
+      disabled: n,
+      children: [
+        /* @__PURE__ */ e("legend", { children: t.label }),
+        l.map((d, i) => /* @__PURE__ */ s("fieldset", {
+          className: "studio-editor-structured__item",
+          children: [
+            /* @__PURE__ */ e("legend", { children: r.itemTitle(u, i + 1) }),
+            t.item.properties.map((f) => /* @__PURE__ */ e(S, {
+              descriptor: f,
+              value: _(d) ? d[f.path] : void 0,
+              idPrefix: `${c}-${i}`,
+              strings: r,
+              disabled: n,
+              onChange: (p) => o(g(l, i, $(P(d, m), f.path, p) ?? {}))
+            }, f.path)),
+            /* @__PURE__ */ s("div", {
+              className: "studio-editor-structured__actions",
+              children: [
+                /* @__PURE__ */ e("button", {
+                  type: "button",
+                  "aria-label": r.moveUp(u, i + 1),
+                  disabled: i === 0,
+                  onClick: () => o(N(l, i, -1)),
+                  children: r.moveUpText
+                }),
+                /* @__PURE__ */ e("button", {
+                  type: "button",
+                  "aria-label": r.moveDown(u, i + 1),
+                  disabled: i === l.length - 1,
+                  onClick: () => o(N(l, i, 1)),
+                  children: r.moveDownText
+                }),
+                /* @__PURE__ */ e("button", {
+                  type: "button",
+                  "aria-label": r.remove(u, i + 1),
+                  onClick: () => o(w(l, i)),
+                  children: r.removeText
+                })
+              ]
+            })
+          ]
+        }, !m && _(d) && typeof d.id == "string" ? d.id : i)),
+        /* @__PURE__ */ e("button", {
+          type: "button",
+          disabled: t.constraints?.maximumItems !== void 0 && l.length >= t.constraints.maximumItems,
+          onClick: () => o([...l, M(m)]),
+          children: r.add(u)
+        })
+      ]
+    });
+  }
+  return /* @__PURE__ */ e("p", {
+    className: "studio-editor-structured__undescribed",
+    role: "alert",
+    children: r.noEditor(t.label)
+  });
+};
+export {
+  S as t
+};

package/dist/screen-editor/SummaryEditor-C5wP1uIH.js

@@ -0,0 +1,23 @@
+import { o as n } from "./structuredValue-vqCZttsk.js";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+var a = (r) => r == null ? "" : Array.isArray(r) ? `${r.length}` : n(r) ? Object.keys(r).length === 0 ? "" : Object.keys(r).join(", ") : String(r), u = ({ value: r, descriptor: i, context: m, id: s }) => {
+  const t = m.strings.editors.summary, o = a(r);
+  return /* @__PURE__ */ d("p", {
+    id: s,
+    className: "studio-editor-summary",
+    children: [/* @__PURE__ */ e("span", { children: o === "" ? t.empty : o }), /* @__PURE__ */ e("small", {
+      className: "studio-editor-properties__hint",
+      children: t.editedBy(y(i.editorKind))
+    })]
+  });
+}, c = {
+  commandFormLayout: "the Command form section",
+  fieldWidths: "the Command form section",
+  commandFields: "the Command form section",
+  commandFormFieldPlacement: "the Command form section",
+  size: "the Layout section",
+  gridDefinitions: "the Layout section"
+}, y = (r) => (r !== void 0 ? c[r] : void 0) ?? "its own editor";
+export {
+  u as SummaryEditor
+};

package/dist/screen-editor/TextEditor-BEH-9K1S.js

@@ -0,0 +1,40 @@
+import { t as g } from "./draftProblem-BGC5Gfsv.js";
+import { useEffect as w, useState as m } from "react";
+import { jsx as p } from "react/jsx-runtime";
+var O = ({ value: s, onChange: u, descriptor: n, context: v, disabled: y, problem: x, id: a }) => {
+  const o = typeof s == "string" ? s : "", [e, i] = m(o), [h, r] = m();
+  w(() => {
+    i(o), r(void 0);
+  }, [o]);
+  const E = n.editorOptions?.multiline === !0, b = n.editorOptions?.placeholder ?? v.strings.editors.text.placeholder, c = h ?? x, d = () => {
+    if (e === o) return;
+    const t = e === "" ? void 0 : e, f = g(n, t);
+    r(f), f || u(t);
+  }, l = {
+    id: a,
+    value: e,
+    disabled: y,
+    placeholder: b,
+    className: "studio-editor-field__input",
+    "aria-invalid": c ? !0 : void 0,
+    "aria-describedby": c ? `${a}-problem` : void 0,
+    onChange: (t) => i(t.target.value),
+    onBlur: d
+  };
+  return E ? /* @__PURE__ */ p("textarea", {
+    rows: 4,
+    ...l,
+    onKeyDown: (t) => {
+      t.key === "Escape" && (i(o), r(void 0));
+    }
+  }) : /* @__PURE__ */ p("input", {
+    type: "text",
+    ...l,
+    onKeyDown: (t) => {
+      t.key === "Enter" && d(), t.key === "Escape" && (i(o), r(void 0));
+    }
+  });
+};
+export {
+  O as TextEditor
+};

package/dist/screen-editor/UndescribedEditor-Cqs6bHhD.js

@@ -0,0 +1,10 @@
+import { jsx as s } from "react/jsx-runtime";
+var t = ({ descriptor: r, context: e, id: d }) => /* @__PURE__ */ s("p", {
+  id: d,
+  className: "studio-editor-structured__undescribed",
+  role: "alert",
+  children: e.strings.editors.undescribed(r.label)
+});
+export {
+  t as UndescribedEditor
+};

package/dist/screen-editor/allowedIconChoices-DBgeRdGI.js

@@ -0,0 +1,138 @@
+import { useEffect as w, useMemo as V, useState as g } from "react";
+import { parseIconReference as C } from "@cratis/scene.model";
+import { jsx as m } from "react/jsx-runtime";
+import { SceneIcon as S } from "@cratis/scene.react";
+import { IconPicker as A, isIconPickerAllowed as L, isSameIconPickerValue as M } from "@cratis/components/IconPicker";
+function N(r, e) {
+  return r.replace(/\{(\w+)\}/g, (i, n) => e[n] ?? i);
+}
+function O(r, e) {
+  const i = r.diagnostic ? e.diagnostics[r.diagnostic.kind] : e.notAllowed;
+  return N(i, {
+    library: r.reference.library,
+    key: r.reference.key,
+    variant: r.reference.variant
+  });
+}
+function x(r, e, i, n) {
+  if (!i) return;
+  const o = r.lookup(i);
+  if (!o) return;
+  if (!o.isResolved) return {
+    reference: i,
+    diagnostic: o.diagnostic,
+    isNotAllowed: !1
+  };
+  const s = e.icons.find((t) => M(t, i));
+  return s && n && !L(s, n) ? {
+    reference: i,
+    isNotAllowed: !0
+  } : void 0;
+}
+var z = 24;
+function E(r) {
+  return r.libraries.map((e) => ({
+    id: e.library,
+    name: e.package.displayName ?? e.package.name,
+    version: e.package.version,
+    attribution: e.package.iconLibrary?.attribution
+  }));
+}
+function R(r, e) {
+  return r.flatMap((i) => i.references.map((n) => ({
+    library: n.library,
+    key: n.key,
+    ...n.variant === void 0 ? {} : { variant: n.variant },
+    name: i.entry.name,
+    categories: i.entry.categories,
+    tags: i.entry.tags,
+    aliases: i.entry.aliases,
+    renderPreview: () => /* @__PURE__ */ m(S, {
+      reference: n,
+      adapters: e,
+      size: z
+    })
+  })));
+}
+function h(r, e, i, n = { status: "ready" }) {
+  return {
+    libraries: E(r),
+    icons: R(e, i),
+    status: n.status,
+    error: n.error
+  };
+}
+function j(r) {
+  return r.error ? {
+    status: "error",
+    error: r.error
+  } : r.diagnostics.some((e) => e.kind === "catalog-unavailable") ? { status: "error" } : { status: "ready" };
+}
+function F(r, e) {
+  const [i, n] = g(), [o, s] = g(0);
+  return w(() => {
+    let t = !0;
+    return r.search().then((a) => {
+      t && (n({
+        source: r,
+        entries: a.entries,
+        diagnostics: [...r.diagnostics, ...a.diagnostics]
+      }), s((c) => c + 1));
+    }).catch((a) => {
+      t && (n({
+        source: r,
+        entries: [],
+        diagnostics: r.diagnostics,
+        error: a instanceof Error ? a.message : String(a)
+      }), s((c) => c + 1));
+    }), () => {
+      t = !1;
+    };
+  }, [r]), V(() => {
+    const t = i?.source === r ? i : void 0, a = t ? j(t) : { status: "loading" };
+    return {
+      catalog: h(r, t?.entries ?? [], e, a),
+      diagnostics: t?.diagnostics ?? r.diagnostics,
+      loadedVersion: o
+    };
+  }, [
+    r,
+    e,
+    i,
+    o
+  ]);
+}
+function J({ value: r, onChange: e, catalog: i, adapters: n, allowed: o, readOnly: s, disabled: t, validationMessage: a, showMessage: c = !0, invalid: v, strings: l, pickerLabels: k, placement: p, id: I, ...d }) {
+  const { catalog: f, loadedVersion: P } = F(i, n), y = P > 0 ? x(i, f, r, o) : void 0, b = a ?? (y ? O(y, l) : void 0);
+  return /* @__PURE__ */ m(A, {
+    id: I,
+    value: r,
+    onChange: (u) => e({
+      library: u.library,
+      key: u.key,
+      ...u.variant === void 0 ? {} : { variant: u.variant }
+    }),
+    catalog: f,
+    allowed: o,
+    readOnly: s,
+    disabled: t,
+    invalid: b !== void 0 || v === !0,
+    validationMessage: c ? b : void 0,
+    placement: p,
+    labels: {
+      ...l.picker,
+      ...k
+    },
+    "aria-label": d["aria-label"] ?? (d["aria-labelledby"] ? void 0 : l.ariaLabel),
+    "aria-labelledby": d["aria-labelledby"],
+    "aria-describedby": d["aria-describedby"]
+  });
+}
+function K(r) {
+  if (r !== void 0)
+    return r.filter((e) => typeof e.value == "string").map((e) => C(e.value)).filter((e) => e !== void 0);
+}
+export {
+  J as n,
+  K as t
+};

package/dist/screen-editor/choiceKeys-DQcUX97p.js

@@ -0,0 +1,17 @@
+var i = (n) => `${typeof n}:${String(n)}`;
+function u(n, l) {
+  const e = n.map((a) => ({
+    key: i(a.value),
+    label: a.label,
+    value: a.value
+  }));
+  return l == null || e.some((a) => a.key === i(l)) ? e : [...e, {
+    key: i(l),
+    label: String(l),
+    value: l
+  }];
+}
+export {
+  u as n,
+  i as t
+};