@cratis/event-models 0.175.0 → 0.176.0

package/dist/screen-editor/BindingExpressionPropertyEditor-DbYpy_bX.js

@@ -0,0 +1,426 @@
+import { a as V, i as _, l as J, n as I, o as R, r as O, s as Q, t as j } from "./defaultStructuredEditorStrings-Ch1I0Lci.js";
+import { c as w } from "./structuredValue-vqCZttsk.js";
+import { t as D } from "./StructuredValueEditor-CcwyOga0.js";
+import { useEffect as K, useRef as E, useState as k } from "react";
+import { BindingSourceKind as d, PropertyValueType as C } from "@cratis/scene.model";
+import { Fragment as x, jsx as t, jsxs as i } from "react/jsx-runtime";
+var u = /* @__PURE__ */ (function(e) {
+  return e.String = "string", e.Number = "number", e.Boolean = "boolean", e.Null = "null", e.Json = "json", e;
+})(u || {}), F = ({ property: e, sources: l, strings: s, disabled: c, onChange: p }) => {
+  const r = s.properties.binding, h = Q(e.effectiveValue) ? e.effectiveValue : void 0, m = h ? void 0 : T(e.effectiveValue), f = V(e), o = h ?? f, g = L(o, e.descriptor.acceptedBindingKinds?.length ? e.descriptor.acceptedBindingKinds : I, l, r), b = o.query ? l.queryResults.find((n) => n.id === o.query || n.name === o.query) : void 0, v = o.componentId ? l.componentOutputs.find((n) => n.componentId === o.componentId) : void 0, a = (n) => p(A({
+    ...o,
+    ...n
+  })), P = () => p(void 0);
+  return m !== void 0 ? /* @__PURE__ */ i("fieldset", {
+    className: "studio-editor-binding",
+    disabled: c,
+    children: [
+      /* @__PURE__ */ t("legend", { children: e.descriptor.label }),
+      /* @__PURE__ */ i("div", {
+        className: "studio-editor-binding__missing",
+        role: "alert",
+        children: [/* @__PURE__ */ t("p", { children: r.unsupportedValue }), /* @__PURE__ */ t("pre", { children: JSON.stringify(m, void 0, 2) ?? "" })]
+      }),
+      /* @__PURE__ */ i("div", {
+        className: "studio-editor-binding__row",
+        children: [/* @__PURE__ */ t("button", {
+          type: "button",
+          onClick: () => p(f),
+          children: r.replaceUnsupported
+        }), /* @__PURE__ */ t("button", {
+          type: "button",
+          onClick: P,
+          children: r.clear
+        })]
+      })
+    ]
+  }) : /* @__PURE__ */ i("fieldset", {
+    className: "studio-editor-binding",
+    disabled: c,
+    children: [
+      /* @__PURE__ */ t("legend", { children: e.descriptor.label }),
+      /* @__PURE__ */ i("div", {
+        className: "studio-editor-binding__row",
+        children: [
+          /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.source }), /* @__PURE__ */ t("select", {
+            value: o.kind ?? d.DataContext,
+            onChange: (n) => a(M(n.target.value, o)),
+            children: g.map((n) => /* @__PURE__ */ t("option", {
+              value: n.kind,
+              disabled: n.disabled,
+              children: n.label
+            }, n.kind))
+          })] }),
+          /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.mode }), /* @__PURE__ */ i("select", {
+            value: o.mode ?? "",
+            onChange: (n) => a({ mode: n.target.value === "" ? void 0 : n.target.value }),
+            children: [/* @__PURE__ */ t("option", {
+              value: "",
+              children: r.inheritedMode
+            }), O.map((n) => /* @__PURE__ */ t("option", {
+              value: n,
+              children: n
+            }, n))]
+          })] }),
+          /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.nullBehavior }), /* @__PURE__ */ i("select", {
+            value: o.nullBehavior ?? "",
+            onChange: (n) => a({ nullBehavior: n.target.value === "" ? void 0 : n.target.value }),
+            children: [/* @__PURE__ */ t("option", {
+              value: "",
+              children: r.defaultNullBehavior
+            }), _.map((n) => /* @__PURE__ */ t("option", {
+              value: n,
+              children: n
+            }, n))]
+          })] }),
+          /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.expectedType }), /* @__PURE__ */ i("select", {
+            value: o.expectedValueType ?? "",
+            onChange: (n) => a({ expectedValueType: n.target.value === "" ? void 0 : n.target.value }),
+            children: [/* @__PURE__ */ t("option", {
+              value: "",
+              children: r.inferType
+            }), R.map((n) => /* @__PURE__ */ t("option", {
+              value: n,
+              children: n
+            }, n))]
+          })] })
+        ]
+      }),
+      g.filter((n) => n.disabled && n.reason).map((n) => /* @__PURE__ */ i("p", {
+        className: "studio-editor-binding__missing",
+        children: [
+          n.label,
+          ": ",
+          n.reason
+        ]
+      }, `${n.kind}:reason`)),
+      y(o) === d.DataContext && /* @__PURE__ */ t(S, {
+        id: `${e.descriptor.path}-data-context-paths`,
+        label: r.path,
+        value: o.path,
+        options: l.dataContextPaths,
+        onChange: (n) => a({ path: n })
+      }),
+      y(o) === d.QueryResult && /* @__PURE__ */ i(x, { children: [
+        /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.query }), /* @__PURE__ */ i("select", {
+          value: o.query ?? "",
+          onChange: (n) => a({
+            query: n.target.value,
+            path: ""
+          }),
+          children: [
+            /* @__PURE__ */ t("option", {
+              value: "",
+              children: r.noSource
+            }),
+            o.query && !b && /* @__PURE__ */ t("option", {
+              value: o.query,
+              children: r.missingQuery(o.query)
+            }),
+            l.queryResults.map((n) => /* @__PURE__ */ t("option", {
+              value: n.id,
+              children: n.name
+            }, n.id))
+          ]
+        })] }),
+        /* @__PURE__ */ t(S, {
+          id: `${e.descriptor.path}-query-paths`,
+          label: r.path,
+          value: o.path,
+          options: b?.fields ?? [],
+          onChange: (n) => a({ path: n })
+        }),
+        o.query && !b && /* @__PURE__ */ t("p", {
+          className: "studio-editor-binding__missing",
+          role: "alert",
+          children: r.missingQuery(o.query)
+        })
+      ] }),
+      y(o) === d.ComponentProperty && /* @__PURE__ */ i(x, { children: [
+        /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: r.component }), /* @__PURE__ */ i("select", {
+          value: o.componentId ?? "",
+          onChange: (n) => a({
+            componentId: n.target.value,
+            componentPropertyPath: "",
+            path: ""
+          }),
+          children: [
+            /* @__PURE__ */ t("option", {
+              value: "",
+              children: r.noSource
+            }),
+            o.componentId && !v && /* @__PURE__ */ t("option", {
+              value: o.componentId,
+              children: r.missingComponent(o.componentId)
+            }),
+            l.componentOutputs.map((n) => /* @__PURE__ */ i("option", {
+              value: n.componentId,
+              children: [
+                n.label,
+                " (",
+                n.componentId,
+                ")"
+              ]
+            }, n.componentId))
+          ]
+        })] }),
+        /* @__PURE__ */ t(S, {
+          id: `${e.descriptor.path}-component-paths`,
+          label: r.componentProperty,
+          value: o.componentPropertyPath ?? o.path,
+          options: v?.outputs.map((n) => n.path) ?? [],
+          onChange: (n) => a({
+            componentPropertyPath: n,
+            path: n
+          })
+        }),
+        o.componentId && !v && /* @__PURE__ */ t("p", {
+          className: "studio-editor-binding__missing",
+          role: "alert",
+          children: r.missingComponent(o.componentId)
+        })
+      ] }),
+      y(o) === d.Literal && /* @__PURE__ */ t($, {
+        value: o.value,
+        descriptor: e.descriptor,
+        targetType: o.expectedValueType ?? e.descriptor.valueType,
+        strings: r,
+        structured: s.properties.structured ?? j,
+        onChange: (n) => a({
+          value: n,
+          path: ""
+        })
+      }, N(o.value, o.expectedValueType ?? e.descriptor.valueType)),
+      h && /* @__PURE__ */ t("button", {
+        type: "button",
+        onClick: P,
+        children: r.clear
+      })
+    ]
+  });
+}, S = ({ id: e, label: l, value: s, options: c, onChange: p }) => /* @__PURE__ */ i("label", { children: [
+  /* @__PURE__ */ t("span", { children: l }),
+  /* @__PURE__ */ t("input", {
+    list: e,
+    value: s,
+    onChange: (r) => p(r.target.value)
+  }),
+  /* @__PURE__ */ t("datalist", {
+    id: e,
+    children: c.map((r) => /* @__PURE__ */ t("option", { value: r }, r))
+  })
+] }), $ = ({ value: e, descriptor: l, targetType: s, strings: c, structured: p, onChange: r }) => {
+  const h = q(e, s), m = N(e, s), f = E(m), [o, g] = k(h);
+  K(() => {
+    const a = N(e, s);
+    a !== f.current && (f.current = a, g(q(e, s)));
+  }, [e, s]);
+  const b = (a) => {
+    g(a);
+    const P = B(a);
+    f.current = N(P, s), r(P);
+  }, v = w(l);
+  return /* @__PURE__ */ i("div", {
+    className: "studio-editor-binding__literal",
+    children: [
+      /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: c.literalType }), /* @__PURE__ */ i("select", {
+        value: o,
+        onChange: (a) => b(a.target.value),
+        children: [
+          /* @__PURE__ */ t("option", {
+            value: u.String,
+            children: "String"
+          }),
+          /* @__PURE__ */ t("option", {
+            value: u.Number,
+            children: "Number"
+          }),
+          /* @__PURE__ */ t("option", {
+            value: u.Boolean,
+            children: "Boolean"
+          }),
+          /* @__PURE__ */ t("option", {
+            value: u.Null,
+            children: "Null"
+          }),
+          (v || o === u.Json) && /* @__PURE__ */ t("option", {
+            value: u.Json,
+            children: c.literalStructured
+          })
+        ]
+      })] }),
+      o === u.String && /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: c.literalValue }), /* @__PURE__ */ t("input", {
+        value: typeof e == "string" ? e : "",
+        onChange: (a) => r(a.target.value)
+      })] }),
+      o === u.Number && /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: c.literalValue }), /* @__PURE__ */ t("input", {
+        type: "number",
+        value: typeof e == "number" ? String(e) : "",
+        onChange: (a) => r(a.target.value === "" ? void 0 : Number(a.target.value))
+      })] }),
+      o === u.Boolean && /* @__PURE__ */ i("label", { children: [/* @__PURE__ */ t("span", { children: c.literalValue }), /* @__PURE__ */ i("select", {
+        value: e === !0 ? "true" : "false",
+        onChange: (a) => r(a.target.value === "true"),
+        children: [/* @__PURE__ */ t("option", {
+          value: "true",
+          children: "true"
+        }), /* @__PURE__ */ t("option", {
+          value: "false",
+          children: "false"
+        })]
+      })] }),
+      o === u.Null && /* @__PURE__ */ t("p", { children: c.literalNull }),
+      o === u.Json && v && /* @__PURE__ */ t(D, {
+        descriptor: l,
+        value: e,
+        idPrefix: "literal",
+        strings: p,
+        disabled: !1,
+        onChange: (a) => r(a ?? B(u.Json))
+      }),
+      o === u.Json && !v && /* @__PURE__ */ t("p", {
+        className: "studio-editor-binding__missing",
+        role: "alert",
+        children: c.literalNoEditor
+      })
+    ]
+  });
+};
+function L(e, l, s, c) {
+  const p = y(e);
+  return I.map((r) => {
+    const h = l.includes(r), m = r === d.QueryResult && s.queryResults.length === 0 || r === d.ComponentProperty && s.componentOutputs.length === 0;
+    return {
+      kind: r,
+      label: z(r, c.sources),
+      disabled: r !== p && (!h || m),
+      reason: h ? m ? c.unavailableSource : void 0 : c.incompatibleSource
+    };
+  });
+}
+function y(e) {
+  return e.kind ?? d.DataContext;
+}
+function T(e) {
+  if (!(!e || typeof e != "object" || Array.isArray(e)))
+    return [
+      "kind",
+      "path",
+      "query",
+      "componentId",
+      "componentPropertyPath",
+      "value"
+    ].some((l) => l in e) ? e : void 0;
+}
+function A(e) {
+  switch (y(e)) {
+    case d.Literal:
+      return {
+        ...e,
+        path: "",
+        query: void 0,
+        componentId: void 0,
+        componentPropertyPath: void 0
+      };
+    case d.QueryResult:
+      return {
+        ...e,
+        componentId: void 0,
+        componentPropertyPath: void 0,
+        value: void 0
+      };
+    case d.ComponentProperty:
+      return {
+        ...e,
+        query: void 0,
+        value: void 0,
+        path: e.componentPropertyPath ?? e.path
+      };
+    case d.DataContext:
+      return {
+        ...e,
+        query: void 0,
+        componentId: void 0,
+        componentPropertyPath: void 0,
+        value: void 0
+      };
+  }
+}
+function M(e, l) {
+  switch (e) {
+    case d.Literal:
+      return {
+        kind: e,
+        path: "",
+        value: l.value ?? ""
+      };
+    case d.QueryResult:
+      return {
+        kind: e,
+        query: l.query,
+        path: l.path
+      };
+    case d.ComponentProperty:
+      return {
+        kind: e,
+        componentId: l.componentId,
+        componentPropertyPath: l.componentPropertyPath ?? l.path,
+        path: l.componentPropertyPath ?? l.path
+      };
+    case d.DataContext:
+      return {
+        kind: e,
+        path: l.path
+      };
+  }
+}
+function q(e, l) {
+  return e === null ? u.Null : typeof e == "number" ? u.Number : typeof e == "boolean" ? u.Boolean : typeof e == "object" ? u.Json : l === C.Number ? u.Number : l === C.Boolean ? u.Boolean : l === C.Object || l === C.Collection || l === C.Json ? u.Json : u.String;
+}
+function N(e, l) {
+  return JSON.stringify({
+    kind: q(e, l),
+    value: e
+  }) ?? "undefined";
+}
+function B(e) {
+  switch (e) {
+    case u.String:
+      return "";
+    case u.Number:
+      return 0;
+    case u.Boolean:
+      return !1;
+    case u.Null:
+      return null;
+    case u.Json:
+      return {};
+  }
+}
+function z(e, l) {
+  switch (e) {
+    case d.DataContext:
+      return l.dataContext;
+    case d.QueryResult:
+      return l.queryResult;
+    case d.ComponentProperty:
+      return l.componentProperty;
+    case d.Literal:
+      return l.literal;
+  }
+}
+var Z = ({ onChange: e, context: l, disabled: s }) => {
+  const { session: c } = l;
+  if (!c) return null;
+  const { controller: p, environment: r } = c, h = J(p.document, p.composition.roots, p.context, r.availableSources, r.queryCandidates);
+  return /* @__PURE__ */ t(F, {
+    property: c.property,
+    sources: h,
+    strings: c.screenStrings,
+    disabled: s === !0,
+    onChange: e
+  });
+};
+export {
+  Z as BindingExpressionPropertyEditor
+};

package/dist/screen-editor/BooleanEditor-eC1yCpz0.js

@@ -0,0 +1,17 @@
+import { jsx as e } from "react/jsx-runtime";
+var a = ({ value: o, onChange: i, descriptor: r, disabled: s, id: c }) => {
+  const t = typeof o == "boolean" ? o : r.default === !0;
+  return /* @__PURE__ */ e("button", {
+    type: "button",
+    id: c,
+    role: "switch",
+    "aria-checked": t,
+    disabled: s,
+    className: `studio-editor-switch${t ? " studio-editor-switch--on" : ""}`,
+    onClick: () => i(!t),
+    children: /* @__PURE__ */ e("span", { className: "studio-editor-switch__thumb" })
+  });
+};
+export {
+  a as BooleanEditor
+};