@cratis/event-models 0.350.3 → 0.351.0

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

@@ -1,337 +0,0 @@
-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 { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { PropertyValueType as y } from "@cratis/scene.model";
-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
-};