@cratis/event-models 0.193.0 → 0.195.0

package/dist/screen-editor/toTemplateSources-CgAMAN8N.js

@@ -0,0 +1,501 @@
+import { useCallback as R, useEffect as x, useLayoutEffect as F, useMemo as q, useRef as L, useState as A } from "react";
+import { TemplateReferenceSource as O, TemplateScope as G } from "@cratis/scene.model";
+import { Fragment as U, jsx as c, jsxs as N } from "react/jsx-runtime";
+import { createPortal as j } from "react-dom";
+function W(t, a, i) {
+  const n = i.trim().toLocaleLowerCase();
+  return n.length === 0 ? !0 : [
+    t.displayName,
+    t.name,
+    t.description,
+    t.metadata?.category,
+    t.metadata?.type,
+    a
+  ].some((o) => o?.toLocaleLowerCase().includes(n));
+}
+var l = /* @__PURE__ */ (function(t) {
+  return t.Heading = "heading", t.Subheading = "subheading", t.Item = "item", t.Submenu = "submenu", t.Separator = "separator", t.Note = "note", t;
+})({}), M = 8, P = 4;
+function J(t, a, i) {
+  const n = Math.max(M, Math.min(t.left, i.width - a.width - M)), o = t.top + t.height + P;
+  return {
+    left: n,
+    top: o + a.height <= i.height - M ? o : Math.max(M, t.top - a.height - P)
+  };
+}
+function K(t, a, i) {
+  const n = t.left + t.width + P;
+  return {
+    left: n + a.width <= i.width - M ? n : Math.max(M, t.left - a.width - P),
+    top: Math.max(M, Math.min(t.top - 4, i.height - a.height - M))
+  };
+}
+var H = ({ entries: t, depth: a, anchor: i, openPath: n, label: o, filter: u, onOpen: m, onCollapse: g, onChosen: p }) => {
+  const f = L(null), [h, _] = A();
+  F(() => {
+    const e = f.current?.getBoundingClientRect();
+    if (!e) return;
+    const r = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    };
+    _(a === 0 ? J(i, e, r) : K(i, e, r));
+  }, [
+    i,
+    a,
+    t
+  ]), x(() => {
+    a === 0 && h && f.current?.querySelector("[data-cascade-focusable]")?.focus();
+  }, [a, h === void 0]);
+  const k = n[a], s = k ? t.find((e) => e.kind === l.Submenu && e.id === k.id) : void 0;
+  return /* @__PURE__ */ N(U, { children: [/* @__PURE__ */ N("div", {
+    ref: f,
+    className: "studio-cascade-menu__panel",
+    role: "menu",
+    "aria-label": o,
+    "data-cascade-depth": a,
+    style: {
+      top: h?.top ?? 0,
+      left: h?.left ?? 0,
+      visibility: h ? "visible" : "hidden"
+    },
+    children: [u && /* @__PURE__ */ c("input", {
+      type: "search",
+      className: "studio-cascade-menu__filter",
+      role: "searchbox",
+      "aria-label": u.placeholder,
+      placeholder: u.placeholder,
+      value: u.value,
+      "data-cascade-focusable": "",
+      onChange: (e) => u.onChange(e.target.value)
+    }), t.map((e) => {
+      switch (e.kind) {
+        case l.Heading:
+          return /* @__PURE__ */ c("div", {
+            className: "studio-cascade-menu__heading",
+            role: "presentation",
+            "data-cascade-entry": e.id,
+            children: e.label
+          }, e.id);
+        case l.Subheading:
+          return /* @__PURE__ */ c("div", {
+            className: "studio-cascade-menu__subheading",
+            role: "presentation",
+            "data-cascade-entry": e.id,
+            children: e.label
+          }, e.id);
+        case l.Separator:
+          return /* @__PURE__ */ c("div", {
+            className: "studio-cascade-menu__separator",
+            role: "separator"
+          }, e.id);
+        case l.Note:
+          return /* @__PURE__ */ c("div", {
+            className: "studio-cascade-menu__note",
+            role: "presentation",
+            "data-cascade-entry": e.id,
+            children: e.label
+          }, e.id);
+        case l.Submenu:
+          return /* @__PURE__ */ N("button", {
+            type: "button",
+            role: "menuitem",
+            "aria-haspopup": "menu",
+            "aria-expanded": k?.id === e.id,
+            className: `studio-cascade-menu__row studio-cascade-menu__row--submenu${k?.id === e.id ? " studio-cascade-menu__row--open" : ""}`,
+            "data-cascade-focusable": "",
+            "data-cascade-entry": e.id,
+            onMouseEnter: (r) => m(a, {
+              id: e.id,
+              rect: D(r.currentTarget)
+            }),
+            onClick: (r) => m(a, {
+              id: e.id,
+              rect: D(r.currentTarget)
+            }),
+            children: [/* @__PURE__ */ c("span", {
+              className: "studio-cascade-menu__label",
+              children: e.label
+            }), /* @__PURE__ */ c("span", {
+              className: "studio-cascade-menu__chevron",
+              "aria-hidden": "true",
+              children: "▸"
+            })]
+          }, e.id);
+        default:
+          return /* @__PURE__ */ N("div", {
+            className: "studio-cascade-menu__line",
+            role: "presentation",
+            onMouseEnter: () => g(a),
+            children: [/* @__PURE__ */ N("button", {
+              type: "button",
+              role: e.checked === void 0 ? "menuitem" : "menuitemradio",
+              "aria-checked": e.checked,
+              "aria-disabled": e.disabledReason !== void 0,
+              title: e.disabledReason,
+              className: `studio-cascade-menu__row${e.checked ? " studio-cascade-menu__row--current" : ""}${e.disabledReason ? " studio-cascade-menu__row--disabled" : ""}`,
+              "data-cascade-focusable": "",
+              "data-cascade-entry": e.id,
+              onClick: () => {
+                e.disabledReason || (e.onActivate(), p());
+              },
+              children: [
+                /* @__PURE__ */ c("span", {
+                  className: "studio-cascade-menu__check",
+                  "aria-hidden": "true",
+                  children: e.checked ? "✓" : ""
+                }),
+                /* @__PURE__ */ N("span", {
+                  className: "studio-cascade-menu__text",
+                  children: [/* @__PURE__ */ c("span", {
+                    className: "studio-cascade-menu__label",
+                    children: e.label
+                  }), e.description && /* @__PURE__ */ c("span", {
+                    className: "studio-cascade-menu__description",
+                    children: e.description
+                  })]
+                }),
+                e.trailing && /* @__PURE__ */ c("span", {
+                  className: "studio-cascade-menu__trailing",
+                  children: e.trailing
+                })
+              ]
+            }), e.actions?.map((r, d) => /* @__PURE__ */ c("button", {
+              type: "button",
+              className: "studio-cascade-menu__secondary",
+              "data-cascade-focusable": "",
+              "data-cascade-entry": `${e.id}:action-${d}`,
+              title: r.label,
+              "aria-label": `${r.label}: ${e.label}`,
+              onClick: () => {
+                r.onActivate(), r.closes && p();
+              },
+              children: r.label
+            }, d))]
+          }, e.id);
+      }
+    })]
+  }), s && s.kind === l.Submenu && /* @__PURE__ */ c(H, {
+    entries: s.entries,
+    depth: a + 1,
+    anchor: k.rect,
+    openPath: n,
+    label: s.label,
+    onOpen: m,
+    onCollapse: g,
+    onChosen: p
+  })] });
+};
+function D(t) {
+  const { top: a, left: i, width: n, height: o } = t.getBoundingClientRect();
+  return {
+    top: a,
+    left: i,
+    width: n,
+    height: o
+  };
+}
+var w = /* @__PURE__ */ (function(t) {
+  return t.Previous = "previous", t.Next = "next", t.First = "first", t.Last = "last", t.Into = "into", t.Out = "out", t;
+})({});
+function Q(t, a) {
+  switch (t) {
+    case "ArrowDown":
+      return w.Next;
+    case "ArrowUp":
+      return w.Previous;
+    case "ArrowRight":
+      return a ? void 0 : w.Into;
+    case "ArrowLeft":
+      return a ? void 0 : w.Out;
+    case "Home":
+      return a ? void 0 : w.First;
+    case "End":
+      return a ? void 0 : w.Last;
+    default:
+      return;
+  }
+}
+function V(t, a, i) {
+  if (i === 0) return -1;
+  switch (t) {
+    case w.First:
+      return 0;
+    case w.Last:
+      return i - 1;
+    case w.Previous:
+      return a <= 0 ? i - 1 : a - 1;
+    default:
+      return a < 0 || a >= i - 1 ? 0 : a + 1;
+  }
+}
+var v = (t) => {
+  t.isPropagationStopped = () => !0;
+}, X = {
+  onPointerDown: v,
+  onPointerUp: v,
+  onMouseDown: v,
+  onMouseUp: v,
+  onClick: v,
+  onDoubleClick: v,
+  onContextMenu: v,
+  onWheel: v,
+  onKeyUp: v,
+  onDragStart: v
+}, Y = v, y = (t) => [...t.querySelectorAll('[data-cascade-focusable]:not([aria-disabled="true"])')], Z = ({ anchor: t, trigger: a, entries: i, label: n, filter: o, onClose: u }) => {
+  const m = L(null), [g, p] = A([]), [f] = A(() => ({
+    top: t.top,
+    left: t.left,
+    width: t.width,
+    height: t.height
+  }));
+  x(() => {
+    const s = a ?? (document.activeElement instanceof HTMLElement ? document.activeElement : null);
+    return () => s?.focus?.();
+  }, [a]), x(() => {
+    const s = (e) => {
+      const r = e.target;
+      !m.current?.contains(r) && !a?.contains(r) && u();
+    };
+    return document.addEventListener("pointerdown", s, !0), () => document.removeEventListener("pointerdown", s, !0);
+  }, [u, a]);
+  const h = R((s, e) => p((r) => [...r.slice(0, s), e]), []), _ = R((s) => p((e) => e.length > s ? e.slice(0, s) : e), []);
+  return j(/* @__PURE__ */ c("div", {
+    ...X,
+    ref: m,
+    className: "studio-cascade-menu",
+    onKeyDown: (s) => {
+      Y(s);
+      const e = document.activeElement, r = e?.closest(".studio-cascade-menu__panel"), d = Number(r?.dataset.cascadeDepth ?? 0);
+      if (s.key === "Escape") {
+        if (s.preventDefault(), s.stopPropagation(), d > 0) {
+          const b = m.current?.querySelector(`[data-cascade-depth="${d - 1}"] [aria-expanded="true"]`);
+          _(d - 1), b?.focus();
+        } else u();
+        return;
+      }
+      if (s.key === "Tab" && r) {
+        const b = y(r);
+        if (b.length === 0) return;
+        s.preventDefault();
+        const $ = b.indexOf(e);
+        b[s.shiftKey ? $ <= 0 ? b.length - 1 : $ - 1 : ($ + 1) % b.length]?.focus();
+        return;
+      }
+      const T = Q(s.key, e instanceof HTMLInputElement);
+      if (!T || !r) return;
+      if (s.preventDefault(), T === w.Into) {
+        if (e?.getAttribute("aria-haspopup") !== "menu") return;
+        e.click(), requestAnimationFrame(() => {
+          const b = m.current?.querySelector(`[data-cascade-depth="${d + 1}"]`);
+          b && y(b)[0]?.focus();
+        });
+        return;
+      }
+      if (T === w.Out) {
+        if (d === 0) return;
+        const b = m.current?.querySelector(`[data-cascade-depth="${d - 1}"] [aria-expanded="true"]`);
+        _(d - 1), b?.focus();
+        return;
+      }
+      const S = y(r);
+      S[V(T, S.indexOf(e), S.length)]?.focus();
+    },
+    children: /* @__PURE__ */ c(H, {
+      entries: i,
+      depth: 0,
+      anchor: f,
+      openPath: g,
+      label: n,
+      filter: o,
+      onOpen: h,
+      onCollapse: _,
+      onChosen: u
+    })
+  }), document.body);
+}, I = /* @__PURE__ */ (function(t) {
+  return t.Blueprint = "blueprint", t.Application = "application", t;
+})({}), C = (t) => ({
+  kind: l.Separator,
+  id: t,
+  label: ""
+}), z = " · ";
+function ee(t, a) {
+  return a ? (t.reference.source === O.Own ? I.Application : I.Blueprint) === a.kind && t.reference.id.toLowerCase() === a.id.toLowerCase() : !1;
+}
+function te(t, a, i, n, o) {
+  const u = (e, r, d) => ({
+    kind: l.Item,
+    id: r,
+    label: e.displayName ?? e.name,
+    checked: ee(e, a),
+    actions: [...o.onPreview ? [{
+      label: n.preview,
+      closes: !0,
+      onActivate: () => o.onPreview(e)
+    }] : [], ...d !== void 0 && o.onCopyToMine ? [{
+      label: n.copyToMine,
+      closes: !0,
+      onActivate: () => o.onCopyToMine(e)
+    }] : []],
+    onActivate: () => o.onChoose(e)
+  }), m = E(t.own, void 0, i), g = m.length > 1 || m.some((e) => e.category !== void 0), p = m.flatMap((e, r) => [...g ? [{
+    kind: l.Subheading,
+    id: `own-category-${r}`,
+    label: e.category ?? n.uncategorized
+  }] : [], ...e.templates.map((d) => u(d, `own:${d.reference.id}`))]), f = t.blueprints.map((e) => ({
+    blueprint: e,
+    categories: E(e.categories, e.blueprint, i)
+  })).filter((e) => e.categories.length > 0), h = o.onBrowseGallery ? [...f.length > 0 ? [C("blueprints-gallery-separator")] : [], {
+    kind: l.Item,
+    id: "browse-gallery",
+    label: n.browseGallery,
+    onActivate: o.onBrowseGallery
+  }] : [], _ = f.length === 0 && h.length === 0 ? [] : [{
+    kind: l.Submenu,
+    id: "blueprints",
+    label: n.blueprints,
+    entries: [
+      {
+        kind: l.Heading,
+        id: "blueprints-heading",
+        label: n.blueprints
+      },
+      ...f.map(({ blueprint: e, categories: r }) => ({
+        kind: l.Submenu,
+        id: `blueprint:${e.blueprint}`,
+        label: B(e),
+        entries: r.flatMap((d, T) => [{
+          kind: l.Heading,
+          id: `blueprint:${e.blueprint}:category-${T}`,
+          label: [B(e), d.category ?? n.uncategorized].join(z)
+        }, ...d.templates.map((S) => u(S, `blueprint:${e.blueprint}:${S.reference.id}`, e.blueprint))])
+      })),
+      ...h
+    ]
+  }], k = [...o.onNewFromCurrent ? [{
+    kind: l.Item,
+    id: "new-from-current",
+    label: `+ ${n.newFromCurrent}`,
+    onActivate: o.onNewFromCurrent
+  }] : [], ...o.onClear ? [{
+    kind: l.Item,
+    id: "clear",
+    label: n.clear,
+    onActivate: o.onClear
+  }] : []], s = p.length === 0 && f.length === 0;
+  return [
+    ...p.length > 0 ? [{
+      kind: l.Heading,
+      id: "my-templates",
+      label: n.myTemplates
+    }, ...p] : [],
+    ...s ? [{
+      kind: l.Note,
+      id: "nothing-applies",
+      label: n.nothingApplies
+    }] : [],
+    ..._.length > 0 ? [...p.length > 0 ? [C("blueprints-separator")] : [], ..._] : [],
+    ...k.length > 0 ? [C("footer-separator"), ...k] : []
+  ];
+}
+function B(t) {
+  return t.displayName ?? t.blueprint;
+}
+function E(t, a, i) {
+  return t.map((n) => ({
+    ...n,
+    templates: n.templates.filter((o) => W(o, a, i))
+  })).filter((n) => n.templates.length > 0);
+}
+var ae = ({ anchor: t, trigger: a, applicable: i, current: n, labels: o, handlers: u, onClose: m }) => {
+  const [g, p] = A(""), f = q(() => te(i, n, g, o, u), [
+    i,
+    n,
+    g,
+    o,
+    u
+  ]);
+  return /* @__PURE__ */ c(Z, {
+    anchor: t,
+    trigger: a,
+    entries: f,
+    label: o.menu,
+    onClose: m,
+    filter: {
+      value: g,
+      placeholder: o.filter,
+      onChange: p
+    }
+  });
+}, se = ({ applicable: t, current: a, currentLabel: i, status: n, labels: o, handlers: u, ariaLabel: m, disabled: g = !1 }) => {
+  const p = L(null), [f, h] = A();
+  return /* @__PURE__ */ N("div", {
+    className: "studio-template-picker",
+    children: [
+      /* @__PURE__ */ N("button", {
+        ref: p,
+        type: "button",
+        className: "studio-template-picker__select",
+        "aria-haspopup": "menu",
+        "aria-expanded": f !== void 0,
+        "aria-label": m,
+        disabled: g,
+        onClick: () => h((_) => _ ? void 0 : p.current?.getBoundingClientRect()),
+        children: [/* @__PURE__ */ c("span", {
+          className: "studio-template-picker__value",
+          children: i ?? o.noTemplate
+        }), /* @__PURE__ */ c("span", {
+          className: "studio-template-picker__caret",
+          "aria-hidden": "true",
+          children: "▾"
+        })]
+      }),
+      n && /* @__PURE__ */ c("span", {
+        className: "studio-template-picker__status",
+        children: n
+      }),
+      f && /* @__PURE__ */ c(ae, {
+        anchor: f,
+        trigger: p.current,
+        applicable: t,
+        current: a,
+        labels: o,
+        handlers: u,
+        onClose: () => h(void 0)
+      })
+    ]
+  });
+};
+function ce({ bundles: t, profile: a, scope: i }) {
+  const n = a.layout ? [...t].reverse().flatMap((o) => [...o.layouts ?? []]).find((o) => o.name === a.layout) : void 0;
+  return {
+    scope: i ?? G.Slice,
+    ...n ? { container: {
+      name: n.name,
+      slots: n.slots
+    } } : {}
+  };
+}
+function le(t) {
+  const a = {
+    screen: /* @__PURE__ */ new Map(),
+    dialog: /* @__PURE__ */ new Map()
+  };
+  for (const i of t) {
+    for (const n of i.screenTemplates ?? []) a.screen.set(n.name, i.manifest.name);
+    for (const n of i.dialogTemplates ?? []) a.dialog.set(n.name, i.manifest.name);
+  }
+  return t.map((i) => ({
+    manifest: i.manifest,
+    layouts: i.layouts,
+    screenTemplates: i.screenTemplates?.filter((n) => a.screen.get(n.name) === i.manifest.name),
+    dialogTemplates: i.dialogTemplates?.filter((n) => a.dialog.get(n.name) === i.manifest.name)
+  }));
+}
+export {
+  I as i,
+  ce as n,
+  se as r,
+  le as t
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cratis/event-models",
-  "version": "0.193.0",
+  "version": "0.195.0",
   "description": "The Cratis event model board as a configurable React component.",
   "license": "MIT",
   "author": "Cratis",
@@ -58,7 +58,7 @@
     "build": "yarn g:build && yarn run -T tsc -p .frontend/tsconfig.build.json && cp Model/event-model-document.schema.json Theme/theme.css dist/ && rm -f dist/.tsbuildinfo && node ../../scripts/package-build/strip-declaration-stylesheets.mjs dist && yarn build:screen-editor",
     "build:screen-editor": "yarn run -T vite build --config .frontend/vite.screen-editor.config.ts && yarn run -T tsc -p .frontend/tsconfig.screen-editor.build.json && rm -f dist/screen-editor/.tsbuildinfo && node ../../scripts/package-build/strip-declaration-stylesheets.mjs dist/screen-editor",
     "guard:boundary": "node ../../scripts/package-guards/boundary-report.mjs --package Source/EventModels --allow eventModels --entry index.ts",
-    "guard:tarball": "node ../../scripts/package-guards/tarball-guard.mjs --package Source/EventModels --budget 2700000 --must-import @primereact/core/config",
+    "guard:tarball": "node ../../scripts/package-guards/tarball-guard.mjs --package Source/EventModels --budget 2800000 --must-import @primereact/core/config",
     "guard:self-test": "node ../../scripts/package-guards/tarball-guard.mjs --self-test && node ../../scripts/package-guards/boundary-report.mjs --self-test",
     "guard:screen-editor-boundary": "node ../../scripts/package-guards/boundary-report.mjs --package Source/Editor --allow screenEditor --entry ScreenEditor/index.ts",
     "guard:peer-floor": "node ../../scripts/package-guards/peer-floor-guard.mjs --self-test && node ../../scripts/package-guards/peer-floor-guard.mjs --package-json package.json --peer @primereact/styles --source ../Editor/ScreenEditor/Host/screenEditorPrimeReactDefaults.ts",
@@ -68,9 +68,12 @@
   "peerDependencies": {
     "@cratis/components": "^4.26.2",
     "@cratis/fundamentals": "^7.22.0",
-    "@cratis/scene": "^0.193.0",
+    "@cratis/scene": "^0.195.0",
+    "@cratis/scene.blueprint.approvals": "^4.12.0",
     "@cratis/scene.blueprint.components": "^4.12.0",
+    "@cratis/scene.blueprint.crm": "^4.12.0",
     "@cratis/scene.blueprint.default": "^4.12.0",
+    "@cratis/scene.blueprint.ticketing": "^4.12.0",
     "@cratis/scene.components": "^4.12.0",
     "@cratis/scene.engine": "^4.12.0",
     "@cratis/scene.model": "^4.12.0",
@@ -93,15 +96,18 @@
   "devDependencies": {
     "@cratis/components": "^4.26.2",
     "@cratis/fundamentals": "^7.22.0",
-    "@cratis/scene": "0.193.0",
-    "@cratis/scene.blueprint.components": "4.30.0",
-    "@cratis/scene.blueprint.default": "4.30.0",
-    "@cratis/scene.components": "4.30.0",
-    "@cratis/scene.engine": "4.30.0",
-    "@cratis/scene.model": "4.30.0",
-    "@cratis/scene.primereact": "4.30.0",
-    "@cratis/scene.react": "4.30.0",
-    "@cratis/scene.tailwind": "4.30.0",
+    "@cratis/scene": "0.195.0",
+    "@cratis/scene.blueprint.approvals": "4.53.0",
+    "@cratis/scene.blueprint.components": "4.53.0",
+    "@cratis/scene.blueprint.crm": "4.53.0",
+    "@cratis/scene.blueprint.default": "4.53.0",
+    "@cratis/scene.blueprint.ticketing": "4.53.0",
+    "@cratis/scene.components": "4.53.0",
+    "@cratis/scene.engine": "4.53.0",
+    "@cratis/scene.model": "4.53.0",
+    "@cratis/scene.primereact": "4.53.0",
+    "@cratis/scene.react": "4.53.0",
+    "@cratis/scene.tailwind": "4.53.0",
     "@primereact/styles": "^11.2.0",
     "chart.js": "4.5.1",
     "lucide-react": "1.52.0",
@@ -112,12 +118,21 @@
   },
   "packageManager": "yarn@4.5.3",
   "peerDependenciesMeta": {
+    "@cratis/scene.blueprint.approvals": {
+      "optional": true
+    },
     "@cratis/scene.blueprint.components": {
       "optional": true
     },
+    "@cratis/scene.blueprint.crm": {
+      "optional": true
+    },
     "@cratis/scene.blueprint.default": {
       "optional": true
     },
+    "@cratis/scene.blueprint.ticketing": {
+      "optional": true
+    },
     "@cratis/scene.components": {
       "optional": true
     },

package/dist/screen-editor/SelectEditor-DStMNhWd.js

@@ -1,26 +0,0 @@
-import { n as b, t as p } from "./choiceKeys-DQcUX97p.js";
-import { t as h } from "./SearchableSelect-Cj_cgVO0.js";
-import { jsx as m } from "react/jsx-runtime";
-var x = ({ value: i, onChange: c, descriptor: o, context: s, disabled: n, problem: d, id: r }) => {
-  const a = s.strings.editors.select, l = i ?? void 0, t = b(o.choices ?? [], l);
-  return /* @__PURE__ */ m(h, {
-    id: r,
-    options: t.map((e) => ({
-      value: e.key,
-      label: e.label
-    })),
-    value: l === void 0 ? void 0 : p(l),
-    disabled: n,
-    invalid: d !== void 0,
-    placeholder: a.placeholder,
-    searchLabel: a.search,
-    emptyLabel: a.empty,
-    clearLabel: a.clear,
-    clearable: o.constraints?.required !== !0,
-    "aria-labelledby": `${r}-label`,
-    onChange: (e) => c(e === void 0 ? void 0 : t.find((v) => v.key === e)?.value)
-  });
-};
-export {
-  x as SelectEditor
-};