@cratis/event-models 0.180.0 → 0.181.0

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

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

package/dist/screen-editor/SliceEditor-Dle8OlsB.js

@@ -1,45 +0,0 @@
-import { t as m } from "./SearchableSelect-WUNlC3tk.js";
-import { jsx as u } from "react/jsx-runtime";
-function b(t, a, o) {
-  return (t.slices.length > 0 ? t.slices : t.stateChangeSlices.map((e) => ({
-    id: e.id,
-    name: e.name,
-    kind: "StateChange",
-    path: e.origin
-  }))).map((e) => {
-    const l = a === void 0 || a.includes(e.kind);
-    return {
-      value: e.id,
-      label: e.name,
-      group: e.path.join(" › "),
-      ...l ? {} : {
-        disabled: !0,
-        reason: o.slice.notKind(a?.[0] ?? e.kind)
-      }
-    };
-  });
-}
-var g = ({ value: t, onChange: a, descriptor: o, context: e, disabled: l, problem: c, id: s }) => {
-  const r = e.strings.editors, i = b(e.lookups, o.editorOptions?.kinds, r), n = typeof t == "string" && t !== "" ? t : void 0, d = n !== void 0 && !i.some((p) => p.value === n);
-  return /* @__PURE__ */ u(m, {
-    id: s,
-    options: d ? [...i, {
-      value: n,
-      label: n,
-      group: ""
-    }] : i,
-    value: n,
-    disabled: l,
-    invalid: d || c !== void 0,
-    placeholder: r.slice.placeholder,
-    searchLabel: r.select.search,
-    emptyLabel: r.select.empty,
-    clearLabel: r.select.clear,
-    clearable: o.constraints?.required !== !0,
-    "aria-labelledby": `${s}-label`,
-    onChange: a
-  });
-};
-export {
-  g as SliceEditor
-};