@cratis/event-models 0.195.0 → 0.196.0

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

@@ -1,501 +0,0 @@
-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
-};