@cratis/event-models 0.175.0 → 0.177.0

package/dist/screen-editor/SearchableSelect-WUNlC3tk.js

@@ -0,0 +1,109 @@
+import { useId as O, useMemo as q, useRef as B, useState as f } from "react";
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+function F(d, r) {
+  const s = r.trim().toLowerCase();
+  return d.filter((a) => s === "" || a.label.toLowerCase().includes(s) || (a.group ?? "").toLowerCase().includes(s));
+}
+var R = ({ id: d, options: r, value: s, onChange: a, disabled: _, invalid: D, placeholder: C, searchLabel: b, emptyLabel: M, clearLabel: A, clearable: S, renderClosed: v, ...j }) => {
+  const [i, g] = f(!1), [u, w] = f(""), [y, h] = f(0), N = O(), k = B(null), m = r.find((e) => e.value === s), n = q(() => F(r, u), [r, u]), o = n.filter((e) => e.disabled !== !0), p = () => {
+    g(!1), w("");
+  }, x = (e) => {
+    e.disabled || (a(e.value), p());
+  }, E = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation(), p();
+      return;
+    }
+    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+      if (e.preventDefault(), o.length === 0) return;
+      h((t) => (t + (e.key === "ArrowDown" ? 1 : -1) + o.length) % o.length);
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const t = o[Math.min(y, o.length - 1)];
+      t && x(t);
+    }
+  }, I = [...new Set(n.map((e) => e.group ?? ""))].sort((e, t) => e === "" ? -1 : t === "" ? 1 : 0), K = o[Math.min(y, Math.max(o.length - 1, 0))]?.value;
+  return /* @__PURE__ */ c("div", {
+    ref: k,
+    className: "studio-editor-select",
+    onKeyDown: i ? E : void 0,
+    onBlur: (e) => {
+      k.current?.contains(e.relatedTarget) || p();
+    },
+    children: [
+      /* @__PURE__ */ l("button", {
+        type: "button",
+        id: d,
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": i,
+        "aria-controls": i ? N : void 0,
+        "aria-invalid": D || void 0,
+        className: "studio-editor-select__trigger",
+        disabled: _,
+        ...j,
+        onClick: () => {
+          g(!i), h(0);
+        },
+        children: v ? v(m) : /* @__PURE__ */ l("span", {
+          className: m ? void 0 : "studio-editor-select__placeholder",
+          children: m?.label ?? C
+        })
+      }),
+      S === !0 && s !== void 0 && !_ && /* @__PURE__ */ l("button", {
+        type: "button",
+        className: "studio-editor-select__clear",
+        "aria-label": A,
+        onClick: () => a(void 0),
+        children: "×"
+      }),
+      i && /* @__PURE__ */ c("div", {
+        className: "studio-editor-select__panel",
+        children: [/* @__PURE__ */ l("input", {
+          type: "search",
+          autoFocus: !0,
+          className: "studio-editor-select__search",
+          "aria-label": b,
+          placeholder: b,
+          value: u,
+          onChange: (e) => {
+            w(e.target.value), h(0);
+          }
+        }), /* @__PURE__ */ c("ul", {
+          id: N,
+          role: "listbox",
+          className: "studio-editor-select__options",
+          children: [n.length === 0 && /* @__PURE__ */ l("li", {
+            className: "studio-editor-select__empty",
+            children: M
+          }), I.map((e) => /* @__PURE__ */ c("li", {
+            role: "presentation",
+            children: [e !== "" && /* @__PURE__ */ l("div", {
+              className: "studio-editor-select__group",
+              children: e
+            }), /* @__PURE__ */ l("ul", {
+              role: "presentation",
+              children: n.filter((t) => (t.group ?? "") === e).map((t) => /* @__PURE__ */ c("li", {
+                role: "option",
+                "aria-selected": t.value === s,
+                "aria-disabled": t.disabled || void 0,
+                className: [
+                  "studio-editor-select__option",
+                  t.value === K ? "studio-editor-select__option--active" : "",
+                  t.value === s ? "studio-editor-select__option--chosen" : ""
+                ].join(" ").trim(),
+                title: t.reason,
+                onMouseDown: (L) => L.preventDefault(),
+                onClick: () => x(t),
+                children: [/* @__PURE__ */ l("span", { children: t.label }), t.disabled && t.reason && /* @__PURE__ */ l("small", { children: t.reason })]
+              }, t.value))
+            })]
+          }, e))]
+        })]
+      })
+    ]
+  });
+};
+export {
+  R as t
+};

package/dist/screen-editor/SelectEditor-BuQPlIyf.js

@@ -0,0 +1,26 @@
+import { n as b, t as p } from "./choiceKeys-DQcUX97p.js";
+import { t as h } from "./SearchableSelect-WUNlC3tk.js";
+import { jsx as m } from "react/jsx-runtime";
+var x = ({ value: i, onChange: c, descriptor: o, context: s, disabled: n, problem: d, id: r }) => {
+  const a = s.strings.editors.select, l = i ?? void 0, t = b(o.choices ?? [], l);
+  return /* @__PURE__ */ m(h, {
+    id: r,
+    options: t.map((e) => ({
+      value: e.key,
+      label: e.label
+    })),
+    value: l === void 0 ? void 0 : p(l),
+    disabled: n,
+    invalid: d !== void 0,
+    placeholder: a.placeholder,
+    searchLabel: a.search,
+    emptyLabel: a.empty,
+    clearLabel: a.clear,
+    clearable: o.constraints?.required !== !0,
+    "aria-labelledby": `${r}-label`,
+    onChange: (e) => c(e === void 0 ? void 0 : t.find((v) => v.key === e)?.value)
+  });
+};
+export {
+  x as SelectEditor
+};

package/dist/screen-editor/SliceEditor-Dle8OlsB.js

@@ -0,0 +1,45 @@
+import { t as m } from "./SearchableSelect-WUNlC3tk.js";
+import { jsx as u } from "react/jsx-runtime";
+function b(t, a, o) {
+  return (t.slices.length > 0 ? t.slices : t.stateChangeSlices.map((e) => ({
+    id: e.id,
+    name: e.name,
+    kind: "StateChange",
+    path: e.origin
+  }))).map((e) => {
+    const l = a === void 0 || a.includes(e.kind);
+    return {
+      value: e.id,
+      label: e.name,
+      group: e.path.join(" › "),
+      ...l ? {} : {
+        disabled: !0,
+        reason: o.slice.notKind(a?.[0] ?? e.kind)
+      }
+    };
+  });
+}
+var g = ({ value: t, onChange: a, descriptor: o, context: e, disabled: l, problem: c, id: s }) => {
+  const r = e.strings.editors, i = b(e.lookups, o.editorOptions?.kinds, r), n = typeof t == "string" && t !== "" ? t : void 0, d = n !== void 0 && !i.some((p) => p.value === n);
+  return /* @__PURE__ */ u(m, {
+    id: s,
+    options: d ? [...i, {
+      value: n,
+      label: n,
+      group: ""
+    }] : i,
+    value: n,
+    disabled: l,
+    invalid: d || c !== void 0,
+    placeholder: r.slice.placeholder,
+    searchLabel: r.select.search,
+    emptyLabel: r.select.empty,
+    clearLabel: r.select.clear,
+    clearable: o.constraints?.required !== !0,
+    "aria-labelledby": `${s}-label`,
+    onChange: a
+  });
+};
+export {
+  g as SliceEditor
+};

package/dist/screen-editor/StateChangeEditors-9k3Gqtc0.js

@@ -0,0 +1,15 @@
+import { SliceEditor as r } from "./SliceEditor-Dle8OlsB.js";
+import { jsx as i } from "react/jsx-runtime";
+var d = (t) => /* @__PURE__ */ i(r, {
+  ...t,
+  descriptor: {
+    ...t.descriptor,
+    editorOptions: {
+      kinds: ["StateChange"],
+      ...t.descriptor.editorOptions
+    }
+  }
+});
+export {
+  d as StateChangeEditor
+};

package/dist/screen-editor/StructuredPropertyEditor-B3lVjrHZ.js

@@ -0,0 +1,13 @@
+import { t as s } from "./StructuredValueEditor-CcwyOga0.js";
+import { jsx as u } from "react/jsx-runtime";
+var p = ({ value: r, onChange: t, descriptor: e, context: i, disabled: d, id: o }) => /* @__PURE__ */ u(s, {
+  descriptor: e,
+  value: r,
+  idPrefix: o,
+  strings: i.strings.structured,
+  disabled: d === !0,
+  onChange: t
+});
+export {
+  p as StructuredPropertyEditor
+};

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
+};