@cratis/event-models 0.317.1 → 0.318.0

package/dist/screen-editor/BindingExpressionPropertyEditor-BCLo-6E0.js

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

package/dist/screen-editor/ScreenEditor/Binding/bindingExpressionModel.d.ts

@@ -1,5 +1,6 @@
 import { BindingMode, BindingNullBehavior, BindingSourceKind, PropertyValueType, type BindingExpression, type InspectedProperty } from '@cratis/scene.model';
 export declare const allBindingSourceKinds: BindingSourceKind[];
+export declare const defaultAcceptedBindingKinds: BindingSourceKind[];
 export declare const bindingModes: BindingMode[];
 export declare const bindingNullBehaviors: BindingNullBehavior[];
 export declare const expectedValueTypes: PropertyValueType[];

package/dist/screen-editor/ScreenEditor/Binding/bindingSources.d.ts

@@ -9,8 +9,13 @@ export interface ComponentOutputSource {
         type: string;
     }[];
 }
+export interface CommandResponseSource {
+    command: string;
+    paths: string[];
+}
 export interface BindingSourceInventory {
     dataContextPaths: string[];
+    commandResponse?: CommandResponseSource;
     queryResults: {
         id: string;
         name: string;

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

@@ -240,6 +240,7 @@ export interface ScreenEditorStrings {
             replaceUnsupported: string;
             incompatibleSource: string;
             unavailableSource: string;
+            commandResponseOutOfScope: string;
             mode: string;
             inheritedMode: string;
             nullBehavior: string;

package/dist/screen-editor/{defaultStructuredEditorStrings-Ch1I0Lci.js → defaultStructuredEditorStrings-BPl2XP8A.js}

@@ -1,4 +1,4 @@
-import { BindingMode as p, BindingNullBehavior as c, BindingSourceKind as d, PropertyValueType as i } from "@cratis/scene.model";
+import { BindingMode as p, BindingNullBehavior as c, BindingSourceKind as a, PropertyValueType as i } from "@cratis/scene.model";
 import { elementNodeId as f, inspect as y, isCanvas as g, isExternalComponent as h, isPanel as $ } from "@cratis/scene.engine";
 function u(e) {
   return $(e) ? e.children : h(e) ? Object.values(e.slots).flat() : [];
@@ -15,7 +15,7 @@ function b(e, t) {
 }
 function v(e, t) {
   for (const n of e) {
-    if (u(n).some((s) => s.id === t)) return n;
+    if (u(n).some((d) => d.id === t)) return n;
     const o = v(u(n), t);
     if (o) return o;
   }
@@ -24,42 +24,48 @@ function B(e, t) {
   const n = v(e, t);
   return n !== void 0 && g(n);
 }
-function M(e, t, n, o, s) {
-  const a = m(t).map((r) => C(e, r, n)).filter((r) => !!r && r.outputs.length > 0);
+function M(e, t, n, o, d) {
+  const s = m(t).map((r) => C(e, r, n)).filter((r) => !!r && r.outputs.length > 0);
   return {
     dataContextPaths: Object.keys(o).sort((r, l) => r.localeCompare(l)),
-    queryResults: s.map((r) => ({
+    queryResults: d.map((r) => ({
       id: r.id,
       name: r.name,
       fields: r.resultFields.map((l) => l.name)
     })),
-    componentOutputs: a
+    componentOutputs: s
   };
 }
 function C(e, t, n) {
   const o = y(e, f(t), n);
   if (!o) return;
-  const s = o.properties.filter((a) => a.descriptor.output === !0).map((a) => ({
-    path: a.descriptor.path,
-    label: a.descriptor.label,
-    type: String(a.descriptor.valueType)
+  const d = o.properties.filter((s) => s.descriptor.output === !0).map((s) => ({
+    path: s.descriptor.path,
+    label: s.descriptor.label,
+    type: String(s.descriptor.valueType)
   }));
   return {
     componentId: t,
     label: o.label,
-    outputs: s
+    outputs: d
   };
 }
 var E = [
-  d.DataContext,
-  d.QueryResult,
-  d.ComponentProperty,
-  d.Literal
-], S = [p.OneWay, p.TwoWay], N = [
+  a.DataContext,
+  a.QueryResult,
+  a.ComponentProperty,
+  a.Literal,
+  a.CommandResponse
+], S = [
+  a.DataContext,
+  a.QueryResult,
+  a.ComponentProperty,
+  a.Literal
+], N = [p.OneWay, p.TwoWay], R = [
   c.Propagate,
   c.Clear,
   c.Preserve
-], O = [
+], D = [
   i.String,
   i.Number,
   i.Boolean,
@@ -75,18 +81,18 @@ function T(e) {
   const t = e;
   return !!t && typeof t == "object" && typeof t.path == "string" && (t.kind === void 0 || E.includes(t.kind));
 }
-function D(e) {
+function O(e) {
   return (e.descriptor.acceptedBindingKinds?.length ?? 0) > 0 || T(e.effectiveValue);
 }
 function P(e) {
   return {
-    kind: e.descriptor.acceptedBindingKinds?.[0] ?? d.DataContext,
+    kind: e.descriptor.acceptedBindingKinds?.[0] ?? a.DataContext,
     path: "",
     mode: e.descriptor.bindingMode,
     expectedValueType: e.descriptor.valueType
   };
 }
-var R = {
+var L = {
   unset: "Not set",
   item: "Item",
   itemTitle: (e, t) => `${e} ${t}`,
@@ -120,18 +126,19 @@ var R = {
   noEditor: (e) => `'${e}' has no editor: nothing describes what it holds, so it cannot be edited here.`
 };
 export {
-  P as a,
-  D as c,
-  m as d,
-  b as f,
-  N as i,
-  M as l,
-  v as m,
+  S as a,
+  T as c,
+  u as d,
+  m as f,
+  v as h,
+  R as i,
+  O as l,
+  B as m,
   E as n,
-  O as o,
-  B as p,
-  S as r,
-  T as s,
-  R as t,
-  u
+  P as o,
+  b as p,
+  N as r,
+  D as s,
+  L as t,
+  M as u
 };