@cratis/event-models 0.175.0 → 0.176.0

package/dist/screen-editor/InheritanceModeEditor-CtdsACnc.js

@@ -0,0 +1,65 @@
+import { useState as b } from "react";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+var u = [
+  "inherit",
+  "extend",
+  "override"
+], g = ({ value: i, onChange: n, context: d, disabled: p, id: c }) => {
+  const t = d.strings.editors.inheritanceMode, o = i !== void 0 && u.includes(i) ? i : "inherit", [h, s] = b(!1), m = (e) => {
+    if (e !== o) {
+      if (o === "inherit" && e === "override") {
+        s(!0);
+        return;
+      }
+      s(!1), n(e);
+    }
+  }, a = (e) => {
+    s(!1), n("override"), d.session?.copyInheritedItems?.(e);
+  };
+  return /* @__PURE__ */ l("div", {
+    id: c,
+    className: "studio-editor-mode",
+    children: [
+      /* @__PURE__ */ r("div", {
+        className: "studio-editor-segments",
+        role: "radiogroup",
+        "aria-labelledby": `${c}-label`,
+        children: u.map((e) => /* @__PURE__ */ r("button", {
+          type: "button",
+          role: "radio",
+          "aria-checked": e === o,
+          disabled: p,
+          className: `studio-editor-segment${e === o ? " studio-editor-segment--chosen" : ""}`,
+          onClick: () => m(e),
+          children: t.modes[e].label
+        }, e))
+      }),
+      /* @__PURE__ */ r("p", {
+        className: "studio-editor-properties__hint",
+        children: t.modes[o].effect
+      }),
+      h && /* @__PURE__ */ l("div", {
+        className: "studio-editor-mode__prompt",
+        role: "alertdialog",
+        "aria-label": t.copyPrompt,
+        children: [
+          /* @__PURE__ */ r("span", { children: t.copyPrompt }),
+          /* @__PURE__ */ r("button", {
+            type: "button",
+            autoFocus: !0,
+            onClick: () => a(!0),
+            children: t.copyYes
+          }),
+          /* @__PURE__ */ r("button", {
+            type: "button",
+            onClick: () => a(!1),
+            children: t.copyNo
+          })
+        ]
+      })
+    ]
+  });
+};
+export {
+  g as InheritanceModeEditor
+};

package/dist/screen-editor/ListEditor-CfFPVVJ4.js

@@ -0,0 +1,53 @@
+import { l as d, t as g, v as N, y as _ } from "./structuredValue-vqCZttsk.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+var k = ({ value: m, onChange: b, descriptor: n, context: h, disabled: p, id: v }) => {
+  const l = h.strings.editors.list, a = n.editorKind === "numberList", e = g(m), i = (o) => b(o.length === 0 ? void 0 : o);
+  return /* @__PURE__ */ c("fieldset", {
+    id: v,
+    className: "studio-editor-list",
+    disabled: p,
+    children: [e.map((o, t) => /* @__PURE__ */ c("div", {
+      className: "studio-editor-list__row",
+      children: [
+        /* @__PURE__ */ s("input", {
+          className: "studio-editor-field__input",
+          type: a ? "number" : "text",
+          "aria-label": `${n.label} ${t + 1}`,
+          defaultValue: String(o ?? ""),
+          onBlur: (f) => {
+            const u = f.target.value, r = a ? Number(u) : u;
+            r !== o && (!a || Number.isFinite(r)) && i(N(e, t, r));
+          }
+        }),
+        /* @__PURE__ */ s("button", {
+          type: "button",
+          "aria-label": l.moveUp,
+          disabled: t === 0,
+          onClick: () => i(d(e, t, -1)),
+          children: "↑"
+        }),
+        /* @__PURE__ */ s("button", {
+          type: "button",
+          "aria-label": l.moveDown,
+          disabled: t === e.length - 1,
+          onClick: () => i(d(e, t, 1)),
+          children: "↓"
+        }),
+        /* @__PURE__ */ s("button", {
+          type: "button",
+          "aria-label": l.remove,
+          onClick: () => i(_(e, t)),
+          children: "×"
+        })
+      ]
+    }, t)), /* @__PURE__ */ s("button", {
+      type: "button",
+      className: "studio-editor-list__add",
+      onClick: () => i([...e, a ? 0 : ""]),
+      children: l.add
+    })]
+  });
+};
+export {
+  k as ListEditor
+};

package/dist/screen-editor/NavigationTargetEditor-DGnW5pVF.js

@@ -0,0 +1,41 @@
+import { o as g } from "./structuredValue-vqCZttsk.js";
+import { t as v } from "./SearchableSelect-WUNlC3tk.js";
+import { Fragment as f, jsx as l, jsxs as y } from "react/jsx-runtime";
+var T = (o) => typeof o == "string" && o !== "" ? o : g(o) && typeof o.screen == "string" && o.screen !== "" ? o.screen : void 0, C = ({ value: o, onChange: b, descriptor: t, context: n, disabled: h, id: c }) => {
+  const r = n.strings.editors, d = n.lookups.destinations, s = T(o), a = d.find((e) => e.id === s), i = s !== void 0 && a === void 0, m = t.valueType === "destination", p = d.map((e) => ({
+    value: e.id,
+    label: e.label,
+    ...e.group ? { group: e.group } : {}
+  })), u = (e) => [...e.group ? e.group.split(/\s*[>›/]\s*/) : [], e.label].join(" › ");
+  return /* @__PURE__ */ y(f, { children: [/* @__PURE__ */ l(v, {
+    id: c,
+    options: i ? [...p, {
+      value: s,
+      label: s
+    }] : p,
+    value: s,
+    disabled: h,
+    invalid: i,
+    placeholder: r.navigationTarget.placeholder,
+    searchLabel: r.select.search,
+    emptyLabel: r.select.empty,
+    clearLabel: r.select.clear,
+    clearable: t.constraints?.required !== !0,
+    "aria-labelledby": `${c}-label`,
+    renderClosed: (e) => /* @__PURE__ */ l("span", {
+      className: e ? void 0 : "studio-editor-select__placeholder",
+      children: a ? u(a) : e?.label ?? r.navigationTarget.placeholder
+    }),
+    onChange: (e) => b(e === void 0 ? void 0 : m ? {
+      ...g(o) ? o : {},
+      screen: e
+    } : e)
+  }), i && /* @__PURE__ */ l("span", {
+    className: "studio-editor-chip studio-editor-chip--error",
+    role: "alert",
+    children: r.navigationTarget.unresolved(s)
+  })] });
+};
+export {
+  C as NavigationTargetEditor
+};

package/dist/screen-editor/NumberEditor-Cyo9_23Z.js

@@ -0,0 +1,48 @@
+import { t as h } from "./draftProblem-BGC5Gfsv.js";
+import { useEffect as j, useState as b } from "react";
+import { jsx as y, jsxs as k } from "react/jsx-runtime";
+var S = ({ value: s, onChange: a, descriptor: e, context: N, disabled: g, problem: x, id: d }) => {
+  const t = typeof s == "number" ? String(s) : "", [o, r] = b(t), [E, n] = b();
+  j(() => {
+    r(t), n(void 0);
+  }, [t]);
+  const { minimum: m, maximum: u, integer: _ } = e.constraints ?? {}, c = e.editorOptions?.step ?? (_ ? 1 : void 0), l = e.editorOptions?.unit, f = E ?? x, p = () => {
+    if (o === t) return;
+    if (o.trim() === "") {
+      n(void 0), a(void 0);
+      return;
+    }
+    const i = Number(o), v = Number.isFinite(i) ? h(e, i) : {
+      code: "invalidValue",
+      message: N.strings.editors.number.invalid
+    };
+    n(v), v || a(i);
+  };
+  return /* @__PURE__ */ k("span", {
+    className: "studio-editor-number",
+    children: [/* @__PURE__ */ y("input", {
+      id: d,
+      type: "number",
+      inputMode: "decimal",
+      className: "studio-editor-field__input",
+      value: o,
+      disabled: g,
+      ...m !== void 0 ? { min: m } : {},
+      ...u !== void 0 ? { max: u } : {},
+      ...c !== void 0 ? { step: c } : {},
+      "aria-invalid": f ? !0 : void 0,
+      "aria-describedby": f ? `${d}-problem` : void 0,
+      onChange: (i) => r(i.target.value),
+      onBlur: p,
+      onKeyDown: (i) => {
+        i.key === "Enter" && p(), i.key === "Escape" && (r(t), n(void 0));
+      }
+    }), l && /* @__PURE__ */ y("span", {
+      className: "studio-editor-number__unit",
+      children: l
+    })]
+  });
+};
+export {
+  S as NumberEditor
+};

package/dist/screen-editor/QueryBindingEditor-3C_utVJm.js

@@ -0,0 +1,17 @@
+import { jsx as l } from "react/jsx-runtime";
+var i = ({ diagnostics: t, label: s }) => {
+  if (t.length === 0) return null;
+  const a = [...t].sort((r, e) => +(e.severity === "error") - +(r.severity === "error"));
+  return /* @__PURE__ */ l("ul", {
+    className: "studio-editor-diagnostics",
+    role: "alert",
+    "aria-label": s,
+    children: a.map((r, e) => /* @__PURE__ */ l("li", {
+      "data-severity": r.severity,
+      children: r.message
+    }, `${r.code}:${r.path ?? ""}:${e}`))
+  });
+};
+export {
+  i as t
+};

package/dist/screen-editor/QueryBindingPropertyEditor-DLlC-slh.js

@@ -0,0 +1,169 @@
+import { t as N } from "./QueryBindingEditor-3C_utVJm.js";
+import { useState as C } from "react";
+import { validateBinding as E } from "@cratis/scene.engine";
+import { Fragment as I, jsx as o, jsxs as d } from "react/jsx-runtime";
+function j(e) {
+  return {
+    queryId: e.id,
+    query: e.name,
+    arguments: [],
+    results: []
+  };
+}
+function B(e) {
+  const r = e;
+  return !!r && typeof r == "object" && typeof r.queryId == "string" && Array.isArray(r.arguments) && Array.isArray(r.results);
+}
+function L(e, r, i) {
+  const s = e.arguments.filter((c) => c.parameter !== r);
+  return {
+    ...e,
+    arguments: i.trim() === "" ? s : [...s, {
+      parameter: r,
+      source: { path: i.trim() }
+    }]
+  };
+}
+function A(e, r, i = r) {
+  return e.results.some((s) => s.field === r) ? e : {
+    ...e,
+    results: [...e.results, {
+      target: i,
+      field: r
+    }]
+  };
+}
+function M(e, r) {
+  return {
+    ...e,
+    results: e.results.filter((i) => i.field !== r)
+  };
+}
+var S = (e, r) => e.arguments.find((i) => i.parameter === r.name)?.source.path ?? "", F = (e, r) => e.results.some((i) => i.field === r.name), u = /* @__PURE__ */ (function(e) {
+  return e.NoQuery = "noQuery", e.MissingQuery = "missingQuery", e.Loading = "loading", e.Empty = "empty", e.Error = "error", e.Ready = "ready", e;
+})({});
+function R({ binding: e, candidate: r, isLoading: i, error: s, rowCount: c }) {
+  return e ? r ? s != null ? u.Error : i ? u.Loading : c === 0 ? u.Empty : u.Ready : u.MissingQuery : u.NoQuery;
+}
+function v(e, r, i, s) {
+  const c = E(e, r, i, s);
+  return {
+    diagnostics: c,
+    isStorable: c.every((y) => y.severity !== "error")
+  };
+}
+var k = (e) => e.origin.map((r) => r.name).join(" / "), D = ({ property: e, candidates: r, scope: i, strings: s, disabled: c, onChange: y }) => {
+  const l = s.properties.query, [q, h] = C(), Q = B(e.effectiveValue) ? e.effectiveValue : void 0, t = q ?? Q, m = t ? r.find((n) => n.id === t.queryId) : void 0, b = t ? v(e.descriptor, m, t, i).diagnostics : [], p = (n) => {
+    if (!n) {
+      h(void 0), y(void 0);
+      return;
+    }
+    const a = v(e.descriptor, r.find((g) => g.id === n.queryId), n, i);
+    h(a.isStorable ? void 0 : n), a.isStorable && y(n);
+  }, f = R({
+    binding: t,
+    candidate: m,
+    isLoading: !1
+  }), _ = Object.keys(i.types);
+  return /* @__PURE__ */ d("fieldset", {
+    className: "studio-editor-query",
+    disabled: c,
+    children: [
+      /* @__PURE__ */ o("legend", { children: e.descriptor.label }),
+      /* @__PURE__ */ d("label", { children: [/* @__PURE__ */ o("span", { children: l.label }), /* @__PURE__ */ d("select", {
+        value: t?.queryId ?? "",
+        onChange: (n) => {
+          const a = r.find((g) => g.id === n.target.value);
+          p(a ? j(a) : void 0);
+        },
+        children: [
+          /* @__PURE__ */ o("option", {
+            value: "",
+            children: l.none
+          }),
+          t && !m && /* @__PURE__ */ o("option", {
+            value: t.queryId,
+            children: t.query
+          }),
+          r.map((n) => /* @__PURE__ */ d("option", {
+            value: n.id,
+            children: [
+              n.name,
+              " - ",
+              k(n)
+            ]
+          }, n.id))
+        ]
+      })] }),
+      t && !m && /* @__PURE__ */ o("p", {
+        className: "studio-editor-query__missing",
+        role: "alert",
+        children: l.missing
+      }),
+      t && m && /* @__PURE__ */ d(I, { children: [m.parameters.length > 0 && /* @__PURE__ */ d("div", {
+        className: "studio-editor-query__group",
+        children: [/* @__PURE__ */ o("strong", { children: l.parameters }), m.parameters.map((n) => /* @__PURE__ */ d("label", { children: [/* @__PURE__ */ d("span", { children: [l.sourceFor(n.name), n.required ? " *" : ""] }), /* @__PURE__ */ d("select", {
+          value: S(t, n),
+          onChange: (a) => p(L(t, n.name, a.target.value)),
+          children: [/* @__PURE__ */ o("option", {
+            value: "",
+            children: l.noSource
+          }), _.map((a) => /* @__PURE__ */ o("option", {
+            value: a,
+            children: a
+          }, a))]
+        })] }, n.name))]
+      }), /* @__PURE__ */ d("div", {
+        className: "studio-editor-query__group",
+        children: [/* @__PURE__ */ o("strong", { children: l.columns }), m.resultFields.map((n) => /* @__PURE__ */ d("label", {
+          className: "studio-editor-query__column",
+          children: [/* @__PURE__ */ o("input", {
+            type: "checkbox",
+            checked: F(t, n),
+            onChange: (a) => p(a.target.checked ? A(t, n.name) : M(t, n.name))
+          }), /* @__PURE__ */ o("span", { children: l.showColumn(n.name) })]
+        }, n.name))]
+      })] }),
+      /* @__PURE__ */ o("p", {
+        className: "studio-editor-query__preview",
+        role: "status",
+        "data-state": f,
+        children: O(f, l.preview)
+      }),
+      /* @__PURE__ */ o(N, {
+        diagnostics: b,
+        label: s.properties.diagnostics
+      })
+    ]
+  });
+};
+function O(e, r) {
+  switch (e) {
+    case u.NoQuery:
+      return r.noQuery;
+    case u.MissingQuery:
+      return r.missingQuery;
+    case u.Loading:
+      return r.loading;
+    case u.Empty:
+      return r.empty;
+    case u.Error:
+      return r.error;
+    case u.Ready:
+      return "";
+  }
+}
+var H = ({ onChange: e, context: r, disabled: i }) => {
+  const { session: s } = r;
+  return s ? /* @__PURE__ */ o(D, {
+    property: s.property,
+    candidates: r.lookups.queryCandidates,
+    scope: s.bindingScope,
+    strings: s.screenStrings,
+    disabled: i === !0,
+    onChange: e
+  }) : null;
+};
+export {
+  H as QueryBindingPropertyEditor
+};

package/dist/screen-editor/ReferenceEditor-BnI2Qd7H.js

@@ -0,0 +1,32 @@
+import { t as h } from "./SearchableSelect-WUNlC3tk.js";
+import { Fragment as v, jsx as p, jsxs as g } from "react/jsx-runtime";
+var L = ({ value: s, onChange: d, descriptor: i, context: l, disabled: u, problem: b, id: n }) => {
+  const o = l.strings.editors.select, c = i.editorOptions?.reference, m = c ? l.lookups.references(c.target) : [], r = typeof s == "string" && s !== "" ? s : void 0, t = m.map((e) => ({
+    value: e.id,
+    label: e.label,
+    ...e.group ? { group: e.group } : {}
+  })), a = r !== void 0 && !t.some((e) => e.value === r);
+  return /* @__PURE__ */ g(v, { children: [/* @__PURE__ */ p(h, {
+    id: n,
+    options: a ? [...t, {
+      value: r,
+      label: r
+    }] : t,
+    value: r,
+    disabled: u,
+    invalid: a || b !== void 0,
+    placeholder: o.placeholder,
+    searchLabel: o.search,
+    emptyLabel: o.empty,
+    clearLabel: o.clear,
+    clearable: i.constraints?.required !== !0,
+    "aria-labelledby": `${n}-label`,
+    onChange: d
+  }), a && /* @__PURE__ */ p("span", {
+    className: "studio-editor-chip studio-editor-chip--error",
+    children: l.strings.editors.unresolved
+  })] });
+};
+export {
+  L as ReferenceEditor
+};

package/dist/screen-editor/ReferenceTargetEditors-COKAWO5q.js

@@ -0,0 +1,19 @@
+import { ReferenceEditor as o } from "./ReferenceEditor-BnI2Qd7H.js";
+import { jsx as i } from "react/jsx-runtime";
+var r = (t) => (e) => /* @__PURE__ */ i(o, {
+  ...e,
+  descriptor: {
+    ...e.descriptor,
+    editorOptions: {
+      ...e.descriptor.editorOptions,
+      reference: {
+        target: t,
+        ...e.descriptor.editorOptions?.reference
+      }
+    }
+  }
+}), m = r("template"), p = r("sampleData");
+export {
+  p as SampleDataEditor,
+  m as TemplateEditor
+};

package/dist/screen-editor/RenderingSlotEditor-Cani_PtT.js

@@ -0,0 +1,128 @@
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+function u(i, n) {
+  switch (i.toLowerCase()) {
+    case "header":
+    case "top":
+    case "topbar":
+      return {
+        x: 0,
+        y: 0,
+        width: 1,
+        height: 0.2
+      };
+    case "footer":
+    case "bottom":
+      return {
+        x: 0,
+        y: 0.8,
+        width: 1,
+        height: 0.2
+      };
+    case "side":
+    case "sidebar":
+    case "start":
+    case "left":
+      return {
+        x: 0,
+        y: 0.2,
+        width: 0.25,
+        height: 0.6
+      };
+    case "aside":
+    case "end":
+    case "right":
+      return {
+        x: 0.75,
+        y: 0.2,
+        width: 0.25,
+        height: 0.6
+      };
+    case "content":
+    case "main":
+    case "body":
+      return {
+        x: 0.25,
+        y: 0.2,
+        width: 0.5,
+        height: 0.6
+      };
+    default: {
+      const o = n.filter((r) => ![
+        "header",
+        "top",
+        "topbar",
+        "footer",
+        "bottom",
+        "side",
+        "sidebar",
+        "start",
+        "left",
+        "aside",
+        "end",
+        "right",
+        "content",
+        "main",
+        "body"
+      ].includes(r.toLowerCase())), h = o.indexOf(i);
+      return {
+        x: 0.25 + 0.5 * (Math.max(h, 0) / Math.max(o.length, 1)),
+        y: 0.2,
+        width: 0.5 / Math.max(o.length, 1),
+        height: 0.6
+      };
+    }
+  }
+}
+var p = ({ value: i, onChange: n, context: o, disabled: h, id: r }) => {
+  const l = o.strings.editors.renderingSlot, c = o.lookups.slots, t = typeof i == "string" && i !== "" ? i : void 0, a = t !== void 0 && !c.includes(t) ? [...c, t] : c;
+  return a.length === 0 ? /* @__PURE__ */ s("p", {
+    id: r,
+    className: "studio-editor-properties__hint",
+    children: l.none
+  }) : /* @__PURE__ */ g("div", {
+    id: r,
+    className: "studio-editor-slot",
+    role: "radiogroup",
+    "aria-labelledby": `${r}-label`,
+    children: [/* @__PURE__ */ s("div", {
+      className: "studio-editor-chips",
+      children: a.map((e) => /* @__PURE__ */ s("button", {
+        type: "button",
+        role: "radio",
+        "aria-checked": e === t,
+        disabled: h,
+        className: `studio-editor-chip${e === t ? " studio-editor-chip--chosen" : ""}`,
+        onClick: () => n(e === t ? void 0 : e),
+        children: e
+      }, e))
+    }), /* @__PURE__ */ g("svg", {
+      className: "studio-editor-slot__diagram",
+      viewBox: "0 0 100 60",
+      role: "img",
+      "aria-label": t ? l.diagram(t) : "",
+      children: [/* @__PURE__ */ s("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "99",
+        height: "59",
+        rx: "3",
+        className: "studio-editor-slot__page"
+      }), a.map((e) => {
+        const d = u(e, a);
+        return /* @__PURE__ */ s("rect", {
+          "data-slot": e,
+          "data-chosen": e === t || void 0,
+          x: d.x * 100 + 1,
+          y: d.y * 60 + 1,
+          width: d.width * 100 - 2,
+          height: d.height * 60 - 2,
+          rx: "2",
+          className: `studio-editor-slot__region${e === t ? " studio-editor-slot__region--chosen" : ""}`
+        }, e);
+      })]
+    })]
+  });
+};
+export {
+  p as RenderingSlotEditor
+};

package/dist/screen-editor/ScreenEditor/Host/ScreenEditorHost.d.ts

@@ -5,6 +5,8 @@ import type { ScreenEditorRuntime } from '../Runtime/screenEditorRuntime';
 import type { QuillLoader } from '@cratis/scene.primereact';
 import type { StateChangeSlice } from '../Actions/StateChangeSlice';
 import type { ScreenEditorFileUpload } from './ScreenEditorFileUpload';
+import type { ColorToken, EditorReference, EditorSlice } from '../PropertyEditors/Registry/PropertyEditorProps';
+import type { PropertyEditorRegistry } from '../PropertyEditors/Registry/PropertyEditorRegistry';
 export interface ScreenEditorSubject {
     documentText?: string;
     document?: SceneDocument;
@@ -23,6 +25,13 @@ export interface ScreenEditorEnvironment {
     availableSources: Record<string, string>;
     richText?: QuillLoader;
     fileUpload?: ScreenEditorFileUpload;
+    propertyEditors?: {
+        registry?: PropertyEditorRegistry;
+        slices?: readonly EditorSlice[];
+        slots?: readonly string[];
+        colorTokens?: readonly ColorToken[];
+        references?: (target: string) => readonly EditorReference[];
+    };
     templateScope?: TemplateScope;
 }
 export interface ScreenEditorResult {

package/dist/screen-editor/ScreenEditor/Inspector/PropertiesPanel.d.ts

@@ -1,8 +1,7 @@
 import { type ChangeLayoutTypeEdit, type NodeInspection } from '@cratis/scene.model';
-import { type SceneOrderedItem } from '../Collections/orderedItems';
+import type { SceneOrderedItem } from '../Collections/orderedItems';
 import type { ScreenEditorController } from '../Host/ScreenEditorController';
 import type { ScreenEditorEnvironment } from '../Host/ScreenEditorHost';
-import { isSimpleProperty } from '../Properties/toPropertyGroups';
 import type { ScreenEditorStrings } from './ScreenEditorStrings';
 import type { Ownership } from '../Structure/Ownership';
 export interface PropertiesPanelProps {
@@ -14,4 +13,3 @@ export interface PropertiesPanelProps {
 }
 export declare const PropertiesPanel: ({ controller, environment, strings, ownership, authoringTemplate }: PropertiesPanelProps) => import("react").JSX.Element;
 export type { NodeInspection, ChangeLayoutTypeEdit, SceneOrderedItem };
-export { isSimpleProperty };

package/dist/screen-editor/ScreenEditor/Inspector/ScreenEditorStrings.d.ts

@@ -1,5 +1,6 @@
 import type { IconPickerLabels } from '@cratis/components/IconPicker';
 import type { IconPropertyFieldStrings } from '../../Icons/IconPropertyFieldStrings';
+import type { PropertyEditorStrings } from '../PropertyEditors/Registry/PropertyEditorStrings';
 import type { StructuredEditorStrings } from '../PropertyEditors/Structured/StructuredEditorStrings';
 import type { Ownership } from '../Structure/Ownership';
 import type { SceneDocumentProblem } from '../Document/readSceneDocument';
@@ -71,10 +72,7 @@ export interface ScreenEditorStrings {
         icon: IconPropertyFieldStrings;
         iconPickerLabels?: IconPickerLabels;
         structured?: StructuredEditorStrings;
-        undescribed?: {
-            label: string;
-            message: (property: string, valueType: string, editorKind: string | undefined) => string;
-        };
+        editors?: PropertyEditorStrings;
         templates: {
             label: string;
             choose: string;

package/dist/screen-editor/ScreenEditor/Properties/choiceKeys.d.ts

@@ -4,3 +4,12 @@ export declare const selectedChoiceKey: (value: unknown) => string;
 export declare function choiceValueOf(property: InspectedProperty, key: unknown): {
     value: unknown;
 } | undefined;
+export interface ChoiceOption {
+    key: string;
+    label: string;
+    value: unknown;
+}
+export declare function choiceOptions(choices: readonly {
+    value: unknown;
+    label: string;
+}[], stored: unknown): ChoiceOption[];

package/dist/screen-editor/ScreenEditor/Properties/toPropertyGroups.d.ts

@@ -1,9 +1,8 @@
 import { type InspectedProperty } from '@cratis/scene.model';
-import type { PropertyDescriptor as ControlDescriptor, PropertyGroup } from '@cratis/components/ConfigurationEditor';
-export declare const isSimpleProperty: (property: InspectedProperty) => boolean;
 export declare const isDrawnByItsOwnEditor: (typeId: string, path: string) => boolean;
-export declare function toControlDescriptor(property: InspectedProperty): ControlDescriptor;
-export declare function toPropertyGroups(properties: readonly InspectedProperty[], typeId?: string): {
-    groups: PropertyGroup[];
-    values: Record<string, unknown>;
-};
+export declare const editableProperties: (properties: readonly InspectedProperty[], typeId: string, isDrawnElsewhere?: (property: InspectedProperty) => boolean) => InspectedProperty[];
+export interface PropertyGroup {
+    name: string;
+    properties: InspectedProperty[];
+}
+export declare function groupProperties(properties: readonly InspectedProperty[]): PropertyGroup[];

package/dist/screen-editor/ScreenEditor/PropertyEditors/Generic/BooleanEditor.d.ts

@@ -0,0 +1,2 @@
+import type { PropertyEditorProps } from '../Registry/PropertyEditorProps';
+export declare const BooleanEditor: ({ value, onChange, descriptor, disabled, id }: PropertyEditorProps<boolean>) => import("react").JSX.Element;

package/dist/screen-editor/ScreenEditor/PropertyEditors/Generic/ColorEditor.d.ts

@@ -0,0 +1,2 @@
+import type { PropertyEditorProps } from '../Registry/PropertyEditorProps';
+export declare const ColorEditor: ({ value, onChange, descriptor, context, disabled, id }: PropertyEditorProps<string>) => import("react").JSX.Element;