@nivaro/react 0.3.24 → 0.3.26

package/dist/shared/components/item-edit/RowMatchPanel.js

@@ -5,7 +5,7 @@ import { useMemo as O } from "react";
 import { get as V } from "../../lib/commands.js";
 import { evaluateNumeric as ee } from "../../lib/expression.js";
 import { cn as W } from "../../lib/utils.js";
-import "../../lib/field-interfaces.js";
+import "./FieldRenderer.js";
 import { resolveOptionFilterTokens as te } from "../../lib/option-filter-tokens.js";
 const U = (t, e) => e.split(".").reduce(
   (a, s) => a && typeof a == "object" ? a[s] : void 0,

package/dist/shared/components/item-edit/m2m-invalidate.js

@@ -0,0 +1,19 @@
+function r(t, i) {
+  const o = /* @__PURE__ */ new Set();
+  for (const e of i) o.add(String(e));
+  const n = (e) => e.length > 3 && o.has(String(e[3]));
+  t.invalidateQueries({ queryKey: ["m2m-items"], predicate: (e) => n(e.queryKey) }), t.invalidateQueries({
+    queryKey: ["m2m-items"],
+    predicate: (e) => !n(e.queryKey),
+    refetchType: "none"
+  });
+}
+function s(t) {
+  const i = [];
+  for (const o of t.values()) for (const n of o.keys()) i.push(String(n));
+  return i;
+}
+export {
+  s as editedRowIds,
+  r as invalidateM2MFor
+};

package/dist/shared/components/item-edit/record-lookups.js

@@ -0,0 +1,15 @@
+const t = /* @__PURE__ */ new Map();
+function r(o, e) {
+  if (t.delete(o), t.set(o, { role: e.role, state: e.state }), t.size > 200) {
+    const s = t.keys().next().value;
+    s !== void 0 && t.delete(s);
+  }
+}
+function n(o) {
+  const e = t.get(o);
+  return e && (e.role || e.state) ? e : null;
+}
+export {
+  n as recordLookupsFor,
+  r as rememberRecordLookups
+};

package/dist/shared/components/item-edit/render-stability.js

@@ -0,0 +1,147 @@
+import { useRef as S, useLayoutEffect as v, useMemo as a } from "react";
+function C(e, t) {
+  if (Object.is(e, t)) return !0;
+  if (e == null || t == null || typeof e != "object" || typeof t != "object") return !1;
+  try {
+    return JSON.stringify(e) === JSON.stringify(t);
+  } catch {
+    return !1;
+  }
+}
+function E(e, t) {
+  if (Object.is(e, t)) return !0;
+  if (!e || !t) return !1;
+  const n = Object.keys(e);
+  if (n.length !== Object.keys(t).length) return !1;
+  for (const o of n) if (!Object.hasOwn(t, o) || !Object.is(e[o], t[o])) return !1;
+  return !0;
+}
+function b(e, t, n) {
+  const o = e.current;
+  return o !== void 0 && n(o, t) ? o : (e.current = t, t);
+}
+function j(e, t) {
+  const n = S(void 0);
+  return b(n, e, t);
+}
+function L(e, t) {
+  const n = Object.keys(e);
+  if (n.length !== Object.keys(t).length) return !1;
+  for (const o of n) {
+    const s = e[o], r = t[o];
+    if (!r || s.label !== r.label || s.count !== r.count) return !1;
+  }
+  return !0;
+}
+function T(e) {
+  const t = S(e);
+  v(() => {
+    t.current = e;
+  });
+  const n = a(
+    () => ({
+      dismissRemoteChange: (c) => t.current.dismissRemoteChange(c),
+      takeRemoteChange: (c) => {
+        var u, f;
+        return (f = (u = t.current).takeRemoteChange) == null ? void 0 : f.call(u, c);
+      },
+      onLockHover: () => {
+        var c, u;
+        return (u = (c = t.current).onLockHover) == null ? void 0 : u.call(c);
+      },
+      openRelated: (c, u) => {
+        var f, i;
+        return (i = (f = t.current).openRelated) == null ? void 0 : i.call(f, c, u);
+      }
+    }),
+    []
+  ), o = j(e.lockReasons, E), s = j(e.applyToLines, L), r = a(() => {
+    const c = {};
+    for (const [u, f] of Object.entries(s))
+      c[u] = {
+        ...f,
+        onApply: (i) => {
+          var d;
+          return (d = t.current.applyToLines[u]) == null ? void 0 : d.onApply(i);
+        }
+      };
+    return c;
+  }, [s]), l = !!e.takeRemoteChange, p = !!e.onLockHover, y = !!e.openRelated, { remoteChanges: h, layoutId: g, pickerMisses: k, fromAutofill: O, glossaryHelp: R, placementText: m } = e;
+  return a(
+    () => ({
+      remoteChanges: h,
+      dismissRemoteChange: n.dismissRemoteChange,
+      takeRemoteChange: l ? n.takeRemoteChange : void 0,
+      lockReasons: o,
+      onLockHover: p ? n.onLockHover : void 0,
+      applyToLines: r,
+      openRelated: y ? n.openRelated : void 0,
+      layoutId: g,
+      pickerMisses: k,
+      fromAutofill: O,
+      glossaryHelp: R,
+      placementText: m
+    }),
+    [
+      h,
+      n,
+      l,
+      o,
+      p,
+      r,
+      y,
+      g,
+      k,
+      O,
+      R,
+      m
+    ]
+  );
+}
+function q(e, t) {
+  if (e.size !== t.size) return !1;
+  for (const n of e) if (!t.has(n)) return !1;
+  return !0;
+}
+function A(e, t) {
+  if (e.length !== t.length) return !1;
+  for (let n = 0; n < e.length; n++) if (!Object.is(e[n], t[n])) return !1;
+  return !0;
+}
+const P = /* @__PURE__ */ new Set(["summaryFields", "swapConfig", "alternateWidths"]), w = /* @__PURE__ */ new Set(["onToggle", "onSwapToggle"]);
+function N(e, t) {
+  const n = Object.keys(e);
+  if (n.length !== Object.keys(t).length) return !1;
+  for (const o of n) {
+    if (!Object.hasOwn(t, o)) return !1;
+    const s = e[o], r = t[o];
+    if (!Object.is(s, r)) {
+      if (w.has(o)) {
+        if (typeof s == "function" && typeof r == "function") continue;
+        return !1;
+      }
+      if (P.has(o)) {
+        if (C(s, r)) continue;
+        return !1;
+      }
+      if (s instanceof Set && r instanceof Set) {
+        if (q(s, r)) continue;
+        return !1;
+      }
+      if (Array.isArray(s) && Array.isArray(r)) {
+        if (A(s, r)) continue;
+        return !1;
+      }
+      return !1;
+    }
+  }
+  return !0;
+}
+export {
+  N as groupSectionPropsEqual,
+  C as jsonEqual,
+  b as keepIfEqual,
+  E as shallowRecordEqual,
+  j as useKeepIfEqual,
+  T as useStableFieldAffordances
+};

package/dist/shared/components/layout-editor/FormMapButton.js

@@ -55,9 +55,9 @@ function H({
   collection: i,
   onClose: c
 }) {
-  const a = L(i), l = j(i), d = B(!0), t = a.data, n = l.data ?? [], s = d.data ?? [], p = a.isError || l.isError || d.isError, k = () => {
+  const a = L(i), l = j(i), d = B(!0), t = a.data, n = l.data ?? [], s = d.data ?? [], p = a.isError || l.isError || d.isError, w = () => {
     a.isError && a.refetch(), l.isError && l.refetch(), d.isError && d.refetch();
-  }, u = f(null), h = f(null), w = F(() => {
+  }, u = f(null), h = f(null), k = F(() => {
     const r = D({
       bundle: o,
       collectionLabel: (t == null ? void 0 : t.label) || i,
@@ -119,14 +119,15 @@ function H({
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-hidden p-4 sm:p-6", children: p ? /* @__PURE__ */ e("div", { className: "mx-auto max-w-[900px] rounded-md border border-slate-200 bg-white p-4 dark:border-border dark:bg-card", children: /* @__PURE__ */ e(R, { what: "the field labels and roles for the map", onRetry: k }) }) : (
+        /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-hidden p-4 sm:p-6", children: p ? /* @__PURE__ */ e("div", { className: "mx-auto max-w-[900px] rounded-md border border-slate-200 bg-white p-4 dark:border-border dark:bg-card", children: /* @__PURE__ */ e(R, { what: "the field labels and roles for the map", onRetry: w }) }) : (
           // The page itself is always light: it is paper.
           /* @__PURE__ */ e(
             "iframe",
             {
               ref: u,
               title: "Form map preview",
-              srcDoc: w,
+              srcDoc: k,
+              sandbox: "allow-same-origin allow-modals",
               "data-form-map-frame": "",
               className: "mx-auto block h-full w-full max-w-[900px] rounded-md border border-slate-300 bg-white shadow-lg dark:border-border"
             }

package/dist/shared/lib/picker-rank.js

@@ -0,0 +1,21 @@
+const i = (r) => r.toLocaleLowerCase().replace(/\s+/g, " ").trim();
+function s(r, o) {
+  const t = i(o);
+  if (!t) return 4;
+  const e = i(r);
+  if (e === t) return 0;
+  if (e.startsWith(t)) return 1;
+  const n = e.split(/[\s,.;:()/\-_@]+/).filter(Boolean);
+  return t.split(" ").every((c) => n.some((f) => f.startsWith(c))) ? 2 : e.includes(t) ? 3 : 4;
+}
+function l(r, o, t, e = !1) {
+  if (t.trim()) {
+    const n = s(r, t) - s(o, t);
+    if (n) return n;
+  }
+  return e ? o.localeCompare(r) : r.localeCompare(o);
+}
+export {
+  l as compareByMatch,
+  s as pickerMatchTier
+};

package/dist/shared/lib/safe-href.js

@@ -0,0 +1,10 @@
+function n(t) {
+  return /^\/(?![/\\])/.test(t) && !/[\s\\]/.test(t);
+}
+function e(t) {
+  return /^https?:\/\/\S+$/i.test(t) ? "external" : n(t) ? "internal" : null;
+}
+export {
+  n as isInAppPath,
+  e as safeLinkKind
+};

package/dist/shared/lib/socket-realtime.js

@@ -1,11 +1,32 @@
-var N = Object.defineProperty;
-var U = (i, n, r) => n in i ? N(i, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[n] = r;
-var _ = (i, n, r) => U(i, typeof n != "symbol" ? n + "" : n, r);
-import { bindClientChaosSocket as k } from "./client-chaos.js";
-import { deliveryAckFor as L } from "./delivery-ack.js";
-import { forgetSettledReads as y } from "./request-gate.js";
-import { createRoomGapTracker as M, refetchEventsFor as W } from "./room-gaps.js";
-const p = {
+var y = Object.defineProperty;
+var I = (i, n, r) => n in i ? y(i, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[n] = r;
+var N = (i, n, r) => I(i, typeof n != "symbol" ? n + "" : n, r);
+import { bindClientChaosSocket as J } from "./client-chaos.js";
+import { deliveryAckFor as O } from "./delivery-ack.js";
+import { forgetSettledReads as L } from "./request-gate.js";
+import { createRoomGapTracker as W, refetchEventsFor as $ } from "./room-gaps.js";
+const U = 3e3;
+function x(i = U) {
+  const n = /* @__PURE__ */ new Map();
+  return (r, d) => {
+    var g;
+    if (!(i > 0)) {
+      d();
+      return;
+    }
+    const a = n.has(r);
+    if (n.set(r, d), a) return;
+    const l = setTimeout(
+      () => {
+        const f = n.get(r);
+        n.delete(r), f == null || f();
+      },
+      Math.floor(Math.random() * i)
+    );
+    (g = l.unref) == null || g.call(l);
+  };
+}
+const j = {
   catchupFull: "nvr:catchup-full",
   accessChanged: "nvr:access-changed",
   configUpdate: "nvr:config-update",
@@ -13,7 +34,7 @@ const p = {
 };
 class C {
   constructor(n, r) {
-    _(this, "refs", /* @__PURE__ */ new Map());
+    N(this, "refs", /* @__PURE__ */ new Map());
     this.join = n, this.leave = r;
   }
   add(n) {
@@ -31,154 +52,162 @@ class C {
     return [...this.refs.keys()];
   }
 }
-function G(i) {
-  let n = null, r = 0, j = !1, l = null, a = { state: "live", transport: null, refreshed: null, resumed: null };
-  const T = /* @__PURE__ */ new Set(), v = (e) => {
+function z(i) {
+  let n = null, r = 0, d = !1, a = null, l = { state: "live", transport: null, refreshed: null, resumed: null };
+  const g = /* @__PURE__ */ new Set(), f = (e) => {
     var o;
     return ((o = i.windowEvents) == null ? void 0 : o[e]) !== !1;
-  }, g = (e) => {
-    const o = { ...a, ...e };
-    if (!(o.state === a.state && o.transport === a.transport && o.refreshed === a.refreshed && o.resumed === a.resumed)) {
-      a = o;
-      for (const t of T) t(a);
+  }, b = x(i.reactionJitterMs ?? U), A = /* @__PURE__ */ new Set(), p = (e) => {
+    const o = { ...l, ...e };
+    if (!(o.state === l.state && o.transport === l.transport && o.refreshed === l.refreshed && o.resumed === l.resumed)) {
+      l = o;
+      for (const t of g) t(l);
     }
-  }, R = () => {
+  }, _ = () => {
     var e, o, t;
     return ((t = (o = (e = n == null ? void 0 : n.io) == null ? void 0 : e.engine) == null ? void 0 : o.transport) == null ? void 0 : t.name) ?? null;
-  }, b = (e, o) => {
-    l && clearTimeout(l), l = null, g({ state: "live", transport: R(), refreshed: e, resumed: o });
-  }, u = (e, o) => {
-    typeof window > "u" || window.dispatchEvent(new CustomEvent(e, { detail: o }));
+  }, E = (e, o) => {
+    a && clearTimeout(a), a = null, p({ state: "live", transport: _(), refreshed: e, resumed: o });
   }, h = (e, o) => {
+    typeof window > "u" || window.dispatchEvent(new CustomEvent(e, { detail: o }));
+  }, m = (e, o) => {
     n != null && n.connected && n.emit(e, o);
-  }, E = (e, o) => {
+  }, F = (e, o) => {
     var t;
     for (const s of ((t = n == null ? void 0 : n.listeners) == null ? void 0 : t.call(n, e)) ?? []) s(o);
-  }, F = (e) => {
-    for (const o of W(e)) E(o.event, o.payload);
-    u("nvr:realtime-stale", { rooms: e });
-  }, m = M({
-    request: (e) => h("catchup:room", e),
-    dispatch: E,
-    refetch: F
-  }), q = new C(
+  }, M = (e) => {
+    for (const o of $(e)) F(o.event, o.payload);
+    h("nvr:realtime-stale", { rooms: e });
+  }, w = W({
+    request: (e) => m("catchup:room", e),
+    dispatch: F,
+    refetch: M
+  }), R = new C(
     (e) => {
-      m.reset([`collection:${e}`]), h("collection:join", { collection: e });
+      w.reset([`collection:${e}`]), m("collection:join", { collection: e });
     },
     (e) => {
-      m.reset([`collection:${e}`]), h("collection:leave", { collection: e });
+      w.reset([`collection:${e}`]), m("collection:leave", { collection: e });
     }
-  ), A = new C(
+  ), S = new C(
     // The Traffic Map page reads batched frames (api traffic-map-batch.ts); twin: admin
     // lib/socket.ts watchJoinPayload.
-    (e) => h("admin:join", e === "traffic-map" ? { room: e, frames: "batch" } : { room: e }),
-    (e) => h("admin:leave", { room: e })
-  ), S = new C(
-    (e) => h("ops:join", { topic: e }),
-    (e) => h("ops:leave", { topic: e })
-  ), w = () => {
+    (e) => m("admin:join", e === "traffic-map" ? { room: e, frames: "batch" } : { room: e }),
+    (e) => m("admin:leave", { room: e })
+  ), q = new C(
+    (e) => m("ops:join", { topic: e }),
+    (e) => m("ops:leave", { topic: e })
+  ), T = () => {
     var o;
     if (n) return n;
     const e = typeof i.socket == "function" ? i.socket() : i.socket;
-    return n = e, k(e), j = e.connected, e.on("auth:ok", () => {
-      if (m.reset(), q.rejoinAll(), A.rejoinAll(), S.rejoinAll(), j && r > 0) {
+    return n = e, J(e), d = e.connected, e.on("auth:ok", () => {
+      if (w.reset(), R.rejoinAll(), S.rejoinAll(), q.rejoinAll(), d && r > 0) {
         const t = r;
-        g({ transport: R() }), l && clearTimeout(l), l = setTimeout(() => b(null, "unverified"), i.catchupTimeoutMs ?? 8e3), e.emit("catchup", { cursor: t });
+        p({ transport: _() }), a && clearTimeout(a), a = setTimeout(() => E(null, "unverified"), i.catchupTimeoutMs ?? 8e3), e.emit("catchup", { cursor: t });
       } else
-        g({
+        p({
           state: "live",
-          transport: R(),
+          transport: _(),
           refreshed: null,
-          resumed: j && a.state === "reconnecting" ? "unverified" : null
+          resumed: d && l.state === "reconnecting" ? "unverified" : null
         });
-      j = !0;
+      d = !0;
     }), e.on("catchup:cursor", (t) => {
       r === 0 && typeof (t == null ? void 0 : t.seq) == "number" && t.seq > 0 && (r = t.seq);
     }), e.on("disconnect", () => {
-      l && clearTimeout(l), l = null, g({ state: "reconnecting", refreshed: null });
-    }), e.on("connect_error", () => g({ state: "reconnecting", refreshed: null })), (o = e.onAny) == null || o.call(e, (t, s) => {
+      a && clearTimeout(a), a = null, p({ state: "reconnecting", refreshed: null });
+    }), e.on("connect_error", () => p({ state: "reconnecting", refreshed: null })), (o = e.onAny) == null || o.call(e, (t, s) => {
       const c = s == null ? void 0 : s._seq;
-      typeof c == "number" && c > r && (r = c), m.observe(s);
-      const d = L(s);
-      d && e.emit("rt:ack", d);
-    }), e.on("catchup:room:events", (t) => m.replayed(t)), e.on("realtime:stale", (t) => {
+      typeof c == "number" && c > r && (r = c), w.observe(s);
+      const v = O(s);
+      v && e.emit("rt:ack", v);
+    }), e.on("catchup:room:events", (t) => w.replayed(t)), e.on("realtime:stale", (t) => {
       const s = Array.isArray(t == null ? void 0 : t.rooms) ? t.rooms.filter((c) => typeof c == "string") : [];
-      m.reset(s), t != null && t.all ? (v("catchupFull") && u(p.catchupFull, {}), u("nvr:realtime-stale", { rooms: s, all: !0 })) : s.length && F(s);
+      w.reset(s), t != null && t.all ? (f("catchupFull") && h(j.catchupFull, {}), h("nvr:realtime-stale", { rooms: s, all: !0 })) : s.length && M(s);
     }), e.on(
       "catchup:events",
       (t) => {
         var s;
         for (const c of (t == null ? void 0 : t.events) ?? []) {
           c.seq > r && (r = c.seq);
-          for (const d of ((s = e.listeners) == null ? void 0 : s.call(e, c.event)) ?? []) d({ ...c.payload, _seq: c.seq });
+          for (const v of ((s = e.listeners) == null ? void 0 : s.call(e, c.event)) ?? []) v({ ...c.payload, _seq: c.seq });
         }
-        b(null, "replayed");
+        E(null, "replayed");
       }
     ), e.on("catchup:full", (t) => {
-      v("catchupFull") && u(p.catchupFull, {}), b(
+      f("catchupFull") && b("full", () => h(j.catchupFull, {})), E(
         (t == null ? void 0 : t.reason) === "slow-consumer" ? "Live updates resumed. This tab fell too far behind to send each change, so the lists and records on this page were reloaded." : "Live updates resumed. The connection was gone too long to replay each change, so the lists and records on this page were reloaded.",
         "reloaded"
       );
     }), e.on("access:changed", (t) => {
       var s;
-      y(), (s = t == null ? void 0 : t.rooms_left) != null && s.length && v("accessChanged") && u(p.accessChanged, t);
+      if (L(), (s = t == null ? void 0 : t.rooms_left) != null && s.length && f("accessChanged")) {
+        for (const c of t.rooms_left) A.add(c);
+        b("access", () => {
+          const c = [...A];
+          A.clear(), h(j.accessChanged, { rooms_left: c });
+        });
+      }
     }), e.on("config:update", (t) => {
-      y(), v("configUpdate") && u(p.configUpdate, t ?? {});
+      L(), f("configUpdate") && h(j.configUpdate, t ?? {});
     }), e.on("client:force-refresh", (t) => {
-      v("forceRefresh") && u(p.forceRefresh, t ?? {});
+      f("forceRefresh") && h(j.forceRefresh, t ?? {});
     }), e;
   };
   return {
     subscribeCollections(e, o) {
-      const t = w(), s = [...new Set(e.filter(Boolean))];
-      for (const f of s) q.add(f);
-      const c = (f) => {
-        f != null && f.collection && s.includes(f.collection) && o(f);
+      const t = T(), s = [...new Set(e.filter(Boolean))];
+      for (const u of s) R.add(u);
+      const c = (u) => {
+        u != null && u.collection && s.includes(u.collection) && o(u);
       };
       t.on("collection:update", c);
-      let d = !1;
+      let v = !1;
       return () => {
-        if (!d) {
-          d = !0, t.off("collection:update", c);
-          for (const f of s) q.remove(f);
+        if (!v) {
+          v = !0, t.off("collection:update", c);
+          for (const u of s) R.remove(u);
         }
       };
     },
     on(e, o) {
-      const t = w();
+      const t = T();
       return t.on(e, o), () => {
         t.off(e, o);
       };
     },
     emit(e, o) {
-      if (w(), e === "ops:join" || e === "ops:leave") {
+      if (T(), e === "ops:join" || e === "ops:leave") {
         const t = String((o == null ? void 0 : o.topic) ?? "");
         if (!t) return;
-        e === "ops:join" ? S.add(t) : S.remove(t);
+        e === "ops:join" ? q.add(t) : q.remove(t);
         return;
       }
       n == null || n.emit(e, o);
     },
     status() {
-      return a;
+      return l;
     },
     onStatus(e) {
-      return w(), T.add(e), () => {
-        T.delete(e);
+      return T(), g.add(e), () => {
+        g.delete(e);
       };
     },
     joinWatch(e) {
-      w(), A.add(e);
+      T(), S.add(e);
       let o = !1;
       return () => {
-        o || (o = !0, A.remove(e));
+        o || (o = !0, S.remove(e));
       };
     },
     held() {
-      return { collections: q.keys(), watch: A.keys(), ops: S.keys() };
+      return { collections: R.keys(), watch: S.keys(), ops: q.keys() };
     }
   };
 }
 export {
-  G as createSocketRealtime
+  U as REACTION_JITTER_MS,
+  x as createJitteredReaction,
+  z as createSocketRealtime
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nivaro/react",
-  "version": "0.3.24",
+  "version": "0.3.26",
   "description": "React hooks and components for Nivaro CMS forms",
   "type": "module",
   "main": "./dist/index.js",
@@ -77,11 +77,11 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.14",
     "@radix-ui/react-tooltip": "^1.2.7",
-    "@tiptap/extension-link": "^3.26.0",
-    "@tiptap/extension-placeholder": "^3.26.0",
-    "@tiptap/extension-underline": "^3.26.0",
-    "@tiptap/react": "^3.26.0",
-    "@tiptap/starter-kit": "^3.26.0",
+    "@tiptap/extension-link": "^3.32.0",
+    "@tiptap/extension-placeholder": "^3.32.0",
+    "@tiptap/extension-underline": "^3.32.0",
+    "@tiptap/react": "^3.32.0",
+    "@tiptap/starter-kit": "^3.32.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "cmdk": "^1.0.0",