@cratis/event-models 0.346.0 → 0.347.0

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

@@ -1,455 +0,0 @@
-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-Bwbw58wD.js";
-import { t as j } from "./StructuredValueEditor-DUSATTWd.js";
-import { c as D } from "./structuredValue-vqCZttsk.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 = D(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(j, {
-        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
-};