@cratis/event-models 0.183.1 → 0.184.0

package/dist/screen-editor/{toTemplateSources-CN-BMZ39.js → toTemplateSources-DHyjt_ff.js}

@@ -1,6 +1,6 @@
-import { useCallback as R, useEffect as x, useLayoutEffect as F, useMemo as q, useRef as L, useState as S } from "react";
+import { useCallback as R, useEffect as x, useLayoutEffect as B, useMemo as q, useRef as L, useState as S } from "react";
 import { TemplateReferenceSource as O, TemplateScope as U } from "@cratis/scene.model";
-import { Fragment as j, jsx as s, jsxs as N } from "react/jsx-runtime";
+import { Fragment as j, jsx as c, jsxs as N } from "react/jsx-runtime";
 import { createPortal as W } from "react-dom";
 function G(e, a, o) {
   const i = o.trim().toLocaleLowerCase();
@@ -30,16 +30,16 @@ function K(e, a, o) {
     top: Math.max(M, Math.min(e.top - 4, o.height - a.height - M))
   };
 }
-var B = ({ entries: e, depth: a, anchor: o, openPath: i, label: r, filter: u, onOpen: d, onCollapse: h, onChosen: m }) => {
+var F = ({ entries: e, depth: a, anchor: o, openPath: i, label: r, filter: u, onOpen: d, onCollapse: h, onChosen: m }) => {
   const p = L(null), [f, _] = S();
-  F(() => {
+  B(() => {
     const t = p.current?.getBoundingClientRect();
     if (!t) return;
-    const c = {
+    const s = {
       width: window.innerWidth,
       height: window.innerHeight
     };
-    _(a === 0 ? J(o, t, c) : K(o, t, c));
+    _(a === 0 ? J(o, t, s) : K(o, t, s));
   }, [
     o,
     a,
@@ -59,7 +59,7 @@ var B = ({ entries: e, depth: a, anchor: o, openPath: i, label: r, filter: u, on
       left: f?.left ?? 0,
       visibility: f ? "visible" : "hidden"
     },
-    children: [u && /* @__PURE__ */ s("input", {
+    children: [u && /* @__PURE__ */ c("input", {
       type: "search",
       className: "studio-cascade-menu__filter",
       role: "searchbox",
@@ -71,26 +71,26 @@ var B = ({ entries: e, depth: a, anchor: o, openPath: i, label: r, filter: u, on
     }), e.map((t) => {
       switch (t.kind) {
         case l.Heading:
-          return /* @__PURE__ */ s("div", {
+          return /* @__PURE__ */ c("div", {
             className: "studio-cascade-menu__heading",
             role: "presentation",
             "data-cascade-entry": t.id,
             children: t.label
           }, t.id);
         case l.Subheading:
-          return /* @__PURE__ */ s("div", {
+          return /* @__PURE__ */ c("div", {
             className: "studio-cascade-menu__subheading",
             role: "presentation",
             "data-cascade-entry": t.id,
             children: t.label
           }, t.id);
         case l.Separator:
-          return /* @__PURE__ */ s("div", {
+          return /* @__PURE__ */ c("div", {
             className: "studio-cascade-menu__separator",
             role: "separator"
           }, t.id);
         case l.Note:
-          return /* @__PURE__ */ s("div", {
+          return /* @__PURE__ */ c("div", {
             className: "studio-cascade-menu__note",
             role: "presentation",
             "data-cascade-entry": t.id,
@@ -105,18 +105,18 @@ var B = ({ entries: e, depth: a, anchor: o, openPath: i, label: r, filter: u, on
             className: `studio-cascade-menu__row studio-cascade-menu__row--submenu${k?.id === t.id ? " studio-cascade-menu__row--open" : ""}`,
             "data-cascade-focusable": "",
             "data-cascade-entry": t.id,
-            onMouseEnter: (c) => d(a, {
+            onMouseEnter: (s) => d(a, {
               id: t.id,
-              rect: D(c.currentTarget)
+              rect: D(s.currentTarget)
             }),
-            onClick: (c) => d(a, {
+            onClick: (s) => d(a, {
               id: t.id,
-              rect: D(c.currentTarget)
+              rect: D(s.currentTarget)
             }),
-            children: [/* @__PURE__ */ s("span", {
+            children: [/* @__PURE__ */ c("span", {
               className: "studio-cascade-menu__label",
               children: t.label
-            }), /* @__PURE__ */ s("span", {
+            }), /* @__PURE__ */ c("span", {
               className: "studio-cascade-menu__chevron",
               "aria-hidden": "true",
               children: "▸"
@@ -140,42 +140,42 @@ var B = ({ entries: e, depth: a, anchor: o, openPath: i, label: r, filter: u, on
                 t.disabledReason || (t.onActivate(), m());
               },
               children: [
-                /* @__PURE__ */ s("span", {
+                /* @__PURE__ */ c("span", {
                   className: "studio-cascade-menu__check",
                   "aria-hidden": "true",
                   children: t.checked ? "✓" : ""
                 }),
                 /* @__PURE__ */ N("span", {
                   className: "studio-cascade-menu__text",
-                  children: [/* @__PURE__ */ s("span", {
+                  children: [/* @__PURE__ */ c("span", {
                     className: "studio-cascade-menu__label",
                     children: t.label
-                  }), t.description && /* @__PURE__ */ s("span", {
+                  }), t.description && /* @__PURE__ */ c("span", {
                     className: "studio-cascade-menu__description",
                     children: t.description
                   })]
                 }),
-                t.trailing && /* @__PURE__ */ s("span", {
+                t.trailing && /* @__PURE__ */ c("span", {
                   className: "studio-cascade-menu__trailing",
                   children: t.trailing
                 })
               ]
-            }), t.actions?.map((c, g) => /* @__PURE__ */ s("button", {
+            }), t.actions?.map((s, g) => /* @__PURE__ */ c("button", {
               type: "button",
               className: "studio-cascade-menu__secondary",
               "data-cascade-focusable": "",
               "data-cascade-entry": `${t.id}:action-${g}`,
-              title: c.label,
-              "aria-label": `${c.label}: ${t.label}`,
+              title: s.label,
+              "aria-label": `${s.label}: ${t.label}`,
               onClick: () => {
-                c.onActivate(), c.closes && m();
+                s.onActivate(), s.closes && m();
               },
-              children: c.label
+              children: s.label
             }, g))]
           }, t.id);
       }
     })]
-  }), n && n.kind === l.Submenu && /* @__PURE__ */ s(B, {
+  }), n && n.kind === l.Submenu && /* @__PURE__ */ c(F, {
     entries: n.entries,
     depth: a + 1,
     anchor: k.rect,
@@ -254,19 +254,19 @@ var v = (e) => {
     return () => n?.focus?.();
   }, [a]), x(() => {
     const n = (t) => {
-      const c = t.target;
-      !d.current?.contains(c) && !a?.contains(c) && u();
+      const s = t.target;
+      !d.current?.contains(s) && !a?.contains(s) && u();
     };
     return document.addEventListener("pointerdown", n, !0), () => document.removeEventListener("pointerdown", n, !0);
   }, [u, a]);
-  const f = R((n, t) => m((c) => [...c.slice(0, n), t]), []), _ = R((n) => m((t) => t.length > n ? t.slice(0, n) : t), []);
-  return W(/* @__PURE__ */ s("div", {
+  const f = R((n, t) => m((s) => [...s.slice(0, n), t]), []), _ = R((n) => m((t) => t.length > n ? t.slice(0, n) : t), []);
+  return W(/* @__PURE__ */ c("div", {
     ...X,
     ref: d,
     className: "studio-cascade-menu",
     onKeyDown: (n) => {
       Y(n);
-      const t = document.activeElement, c = t?.closest(".studio-cascade-menu__panel"), g = Number(c?.dataset.cascadeDepth ?? 0);
+      const t = document.activeElement, s = t?.closest(".studio-cascade-menu__panel"), g = Number(s?.dataset.cascadeDepth ?? 0);
       if (n.key === "Escape") {
         if (n.preventDefault(), n.stopPropagation(), g > 0) {
           const b = d.current?.querySelector(`[data-cascade-depth="${g - 1}"] [aria-expanded="true"]`);
@@ -274,16 +274,16 @@ var v = (e) => {
         } else u();
         return;
       }
-      if (n.key === "Tab" && c) {
-        const b = C(c);
+      if (n.key === "Tab" && s) {
+        const b = C(s);
         if (b.length === 0) return;
         n.preventDefault();
-        const $ = b.indexOf(t);
-        b[n.shiftKey ? $ <= 0 ? b.length - 1 : $ - 1 : ($ + 1) % b.length]?.focus();
+        const A = b.indexOf(t);
+        b[n.shiftKey ? A <= 0 ? b.length - 1 : A - 1 : (A + 1) % b.length]?.focus();
         return;
       }
       const T = Q(n.key, t instanceof HTMLInputElement);
-      if (!T || !c) return;
+      if (!T || !s) return;
       if (n.preventDefault(), T === w.Into) {
         if (t?.getAttribute("aria-haspopup") !== "menu") return;
         t.click(), requestAnimationFrame(() => {
@@ -298,10 +298,10 @@ var v = (e) => {
         _(g - 1), b?.focus();
         return;
       }
-      const A = C(c);
-      A[V(T, A.indexOf(t), A.length)]?.focus();
+      const $ = C(s);
+      $[V(T, $.indexOf(t), $.length)]?.focus();
     },
-    children: /* @__PURE__ */ s(B, {
+    children: /* @__PURE__ */ c(F, {
       entries: o,
       depth: 0,
       anchor: p,
@@ -324,7 +324,7 @@ function ee(e, a) {
   return a ? (e.reference.source === O.Own ? y.Application : y.Blueprint) === a.kind && e.reference.id.toLowerCase() === a.id.toLowerCase() : !1;
 }
 function te(e, a, o, i, r) {
-  const u = (n, t, c) => ({
+  const u = (n, t, s) => ({
     kind: l.Item,
     id: t,
     label: n.displayName ?? n.name,
@@ -333,7 +333,7 @@ function te(e, a, o, i, r) {
       label: i.preview,
       closes: !0,
       onActivate: () => r.onPreview(n)
-    }] : [], ...c !== void 0 && r.onCopyToMine ? [{
+    }] : [], ...s !== void 0 && r.onCopyToMine ? [{
       label: i.copyToMine,
       closes: !0,
       onActivate: () => r.onCopyToMine(n)
@@ -343,7 +343,7 @@ function te(e, a, o, i, r) {
     kind: l.Subheading,
     id: `own-category-${t}`,
     label: n.category ?? i.uncategorized
-  }] : [], ...n.templates.map((c) => u(c, `own:${c.reference.id}`))]), p = e.blueprints.map((n) => ({
+  }] : [], ...n.templates.map((s) => u(s, `own:${s.reference.id}`))]), p = e.blueprints.map((n) => ({
     blueprint: n,
     categories: H(n.categories, n.blueprint, o)
   })).filter((n) => n.categories.length > 0), f = p.length === 0 ? [] : [{
@@ -358,11 +358,11 @@ function te(e, a, o, i, r) {
       kind: l.Submenu,
       id: `blueprint:${n.blueprint}`,
       label: E(n),
-      entries: t.flatMap((c, g) => [{
+      entries: t.flatMap((s, g) => [{
         kind: l.Heading,
         id: `blueprint:${n.blueprint}:category-${g}`,
-        label: [E(n), c.category ?? i.uncategorized].join(z)
-      }, ...c.templates.map((T) => u(T, `blueprint:${n.blueprint}:${T.reference.id}`, n.blueprint))])
+        label: [E(n), s.category ?? i.uncategorized].join(z)
+      }, ...s.templates.map((T) => u(T, `blueprint:${n.blueprint}:${T.reference.id}`, n.blueprint))])
     }))]
   }], _ = [...r.onNewFromCurrent ? [{
     kind: l.Item,
@@ -407,7 +407,7 @@ var ae = ({ anchor: e, trigger: a, applicable: o, current: i, labels: r, handler
     r,
     u
   ]);
-  return /* @__PURE__ */ s(Z, {
+  return /* @__PURE__ */ c(Z, {
     anchor: e,
     trigger: a,
     entries: p,
@@ -419,7 +419,7 @@ var ae = ({ anchor: e, trigger: a, applicable: o, current: i, labels: r, handler
       onChange: m
     }
   });
-}, ce = ({ applicable: e, current: a, currentLabel: o, status: i, labels: r, handlers: u, ariaLabel: d, disabled: h = !1 }) => {
+}, se = ({ applicable: e, current: a, currentLabel: o, status: i, labels: r, handlers: u, ariaLabel: d, disabled: h = !1 }) => {
   const m = L(null), [p, f] = S();
   return /* @__PURE__ */ N("div", {
     className: "studio-template-picker",
@@ -433,20 +433,20 @@ var ae = ({ anchor: e, trigger: a, applicable: o, current: i, labels: r, handler
         "aria-label": d,
         disabled: h,
         onClick: () => f((_) => _ ? void 0 : m.current?.getBoundingClientRect()),
-        children: [/* @__PURE__ */ s("span", {
+        children: [/* @__PURE__ */ c("span", {
           className: "studio-template-picker__value",
           children: o ?? r.noTemplate
-        }), /* @__PURE__ */ s("span", {
+        }), /* @__PURE__ */ c("span", {
           className: "studio-template-picker__caret",
           "aria-hidden": "true",
           children: "▾"
         })]
       }),
-      i && /* @__PURE__ */ s("span", {
+      i && /* @__PURE__ */ c("span", {
         className: "studio-template-picker__status",
         children: i
       }),
-      p && /* @__PURE__ */ s(ae, {
+      p && /* @__PURE__ */ c(ae, {
         anchor: p,
         trigger: m.current,
         applicable: e,
@@ -458,7 +458,7 @@ var ae = ({ anchor: e, trigger: a, applicable: o, current: i, labels: r, handler
     ]
   });
 };
-function se({ bundles: e, profile: a, scope: o }) {
+function ce({ bundles: e, profile: a, scope: o }) {
   const i = a.layout ? [...e].reverse().flatMap((r) => [...r.layouts ?? []]).find((r) => r.name === a.layout) : void 0;
   return {
     scope: o ?? U.Slice,
@@ -486,7 +486,7 @@ function ue(e) {
 }
 export {
   y as i,
-  se as n,
-  ce as r,
+  ce as n,
+  se as r,
   ue as t
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cratis/event-models",
-  "version": "0.183.1",
+  "version": "0.184.0",
   "description": "The Cratis event model board as a configurable React component.",
   "license": "MIT",
   "author": "Cratis",
@@ -68,7 +68,7 @@
   "peerDependencies": {
     "@cratis/components": "^4.26.2",
     "@cratis/fundamentals": "^7.22.0",
-    "@cratis/scene": "^0.183.1",
+    "@cratis/scene": "^0.184.0",
     "@cratis/scene.blueprint.components": "^4.12.0",
     "@cratis/scene.blueprint.default": "^4.12.0",
     "@cratis/scene.components": "^4.12.0",
@@ -93,7 +93,7 @@
   "devDependencies": {
     "@cratis/components": "^4.26.2",
     "@cratis/fundamentals": "^7.22.0",
-    "@cratis/scene": "0.183.1",
+    "@cratis/scene": "0.184.0",
     "@cratis/scene.blueprint.components": "4.30.0",
     "@cratis/scene.blueprint.default": "4.30.0",
     "@cratis/scene.components": "4.30.0",

package/dist/screen-editor/NavigationItemTargetEditor-C3epn45p.js

@@ -1,72 +0,0 @@
-import { o as f } from "./structuredValue-vqCZttsk.js";
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-var h = (t) => f(t) && typeof t.module == "string" && t.module !== "" ? {
-  module: t.module,
-  ...typeof t.feature == "string" && t.feature !== "" ? { feature: t.feature } : {}
-} : void 0, l = (t, e) => t?.module === e?.module && (t?.feature ?? "") === (e?.feature ?? "");
-function m(t, e, d, s) {
-  return e.flatMap((a) => {
-    const i = d ? `${d}.${a.id}` : a.id;
-    return [{
-      key: `${t}.${i}`,
-      label: a.name,
-      depth: s,
-      target: {
-        module: t,
-        feature: i
-      },
-      module: !1
-    }, ...m(t, a.features, i, s + 1)];
-  });
-}
-var v = (t) => t.modules.flatMap((e) => [{
-  key: e.id,
-  label: e.name,
-  depth: 0,
-  target: { module: e.id },
-  module: !0
-}, ...m(e.id, e.features, "", 1)]), k = ({ value: t, onChange: e, context: d, disabled: s, id: a }) => {
-  const i = d.strings.editors.navigationItemTarget, p = d.lookups.structure ?? { modules: [] }, u = v(p), r = h(t), g = r !== void 0 && !u.some((o) => l(o.target, r));
-  return /* @__PURE__ */ c("div", {
-    id: a,
-    className: "studio-editor-target",
-    role: "listbox",
-    "aria-labelledby": `${a}-label`,
-    "aria-disabled": s,
-    children: [
-      /* @__PURE__ */ n("button", {
-        type: "button",
-        role: "option",
-        "aria-selected": r === void 0,
-        disabled: s,
-        className: "studio-editor-target__row",
-        "data-chosen": r === void 0 || void 0,
-        onClick: () => e(void 0),
-        children: i.notLinked
-      }),
-      u.map((o) => /* @__PURE__ */ c("button", {
-        type: "button",
-        role: "option",
-        "aria-selected": l(o.target, r),
-        disabled: s,
-        "data-module": o.module || void 0,
-        "data-chosen": l(o.target, r) || void 0,
-        className: "studio-editor-target__row",
-        style: { paddingInlineStart: `${12 + o.depth * 16}px` },
-        onClick: () => e(o.target),
-        children: [/* @__PURE__ */ n("span", { children: o.label }), o.module && /* @__PURE__ */ n("span", {
-          className: "studio-editor-target__kind",
-          children: i.module
-        })]
-      }, o.key)),
-      g && /* @__PURE__ */ n("span", {
-        className: "studio-editor-chip studio-editor-chip--error",
-        role: "alert",
-        children: i.unresolved([r.module, r.feature].filter(Boolean).join(" › "))
-      })
-    ]
-  });
-};
-export {
-  k as NavigationItemTargetEditor
-};

package/dist/screen-editor/SearchableSelect-C4yzIyo_.js

@@ -1,110 +0,0 @@
-import { useId as P, useMemo as Q, useRef as R, useState as p } from "react";
-import { jsx as l, jsxs as d } from "react/jsx-runtime";
-function T(u, a) {
-  const s = a.trim().toLowerCase();
-  return u.filter((o) => s === "" || o.label.toLowerCase().includes(s) || (o.group ?? "").toLowerCase().includes(s));
-}
-var $ = ({ id: u, options: a, value: s, onChange: o, disabled: b, invalid: A, placeholder: j, searchLabel: v, emptyLabel: O, clearLabel: E, clearable: I, renderClosed: g, inline: i, ...y }) => {
-  const [K, w] = p(!1), c = i === !0 || K, [h, N] = p(""), [k, m] = p(0), x = P(), D = R(null), f = a.find((e) => e.value === s), n = Q(() => T(a, h), [a, h]), r = n.filter((e) => e.disabled !== !0), _ = () => {
-    i !== !0 && w(!1), N("");
-  }, C = (e) => {
-    e.disabled || (o(e.value), _());
-  }, L = (e) => {
-    if (e.key === "Escape") {
-      e.stopPropagation(), _();
-      return;
-    }
-    if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-      if (e.preventDefault(), r.length === 0) return;
-      m((t) => (t + (e.key === "ArrowDown" ? 1 : -1) + r.length) % r.length);
-    } else if (e.key === "Enter") {
-      e.preventDefault();
-      const t = r[Math.min(k, r.length - 1)];
-      t && C(t);
-    }
-  }, M = n.some((e) => e.section !== void 0), S = (e) => M ? e.section ?? "" : e.group ?? "", q = [...new Set(n.map(S))].sort((e, t) => M ? 0 : e === "" ? -1 : t === "" ? 1 : 0), B = r[Math.min(k, Math.max(r.length - 1, 0))]?.value;
-  return /* @__PURE__ */ d("div", {
-    ref: D,
-    className: "studio-editor-select",
-    onKeyDown: c ? L : void 0,
-    onBlur: (e) => {
-      D.current?.contains(e.relatedTarget) || _();
-    },
-    children: [
-      i !== !0 && /* @__PURE__ */ l("button", {
-        type: "button",
-        id: u,
-        role: "combobox",
-        "aria-haspopup": "listbox",
-        "aria-expanded": c,
-        "aria-controls": c ? x : void 0,
-        "aria-invalid": A || void 0,
-        className: "studio-editor-select__trigger",
-        disabled: b,
-        ...y,
-        onClick: () => {
-          w(!c), m(0);
-        },
-        children: g ? g(f) : /* @__PURE__ */ l("span", {
-          className: f ? void 0 : "studio-editor-select__placeholder",
-          children: f?.label ?? j
-        })
-      }),
-      I === !0 && s !== void 0 && !b && /* @__PURE__ */ l("button", {
-        type: "button",
-        className: "studio-editor-select__clear",
-        "aria-label": E,
-        onClick: () => o(void 0),
-        children: "×"
-      }),
-      c && /* @__PURE__ */ d("div", {
-        className: `studio-editor-select__panel${i === !0 ? " studio-editor-select__panel--inline" : ""}`,
-        children: [(i !== !0 || a.length > 10) && /* @__PURE__ */ l("input", {
-          type: "search",
-          autoFocus: !0,
-          className: "studio-editor-select__search",
-          "aria-label": v,
-          placeholder: v,
-          value: h,
-          onChange: (e) => {
-            N(e.target.value), m(0);
-          }
-        }), /* @__PURE__ */ d("ul", {
-          id: x,
-          role: "listbox",
-          "aria-labelledby": y["aria-labelledby"],
-          className: "studio-editor-select__options",
-          children: [n.length === 0 && /* @__PURE__ */ l("li", {
-            className: "studio-editor-select__empty",
-            children: O
-          }), q.map((e) => /* @__PURE__ */ d("li", {
-            role: "presentation",
-            children: [e !== "" && /* @__PURE__ */ l("div", {
-              className: "studio-editor-select__group",
-              children: e
-            }), /* @__PURE__ */ l("ul", {
-              role: "presentation",
-              children: n.filter((t) => S(t) === e).map((t) => /* @__PURE__ */ d("li", {
-                role: "option",
-                "aria-selected": t.value === s,
-                "aria-disabled": t.disabled || void 0,
-                className: [
-                  "studio-editor-select__option",
-                  t.value === B ? "studio-editor-select__option--active" : "",
-                  t.value === s ? "studio-editor-select__option--chosen" : ""
-                ].join(" ").trim(),
-                title: t.reason ?? (t.group ? t.group : void 0),
-                onMouseDown: (F) => F.preventDefault(),
-                onClick: () => C(t),
-                children: [/* @__PURE__ */ l("span", { children: t.label }), t.trailing !== void 0 ? /* @__PURE__ */ l("small", { children: t.trailing }) : t.disabled && t.reason && /* @__PURE__ */ l("small", { children: t.reason })]
-              }, t.value))
-            })]
-          }, e))]
-        })]
-      })
-    ]
-  });
-};
-export {
-  $ as t
-};