@nivaro/react 0.3.24 → 0.3.26

package/dist/shared/components/PageRenderer.js

@@ -7,18 +7,19 @@ import { useDebounced as He } from "../hooks/useDebounced.js";
 import { get as je, post as Y } from "../lib/commands.js";
 import { explicitAllUrlParams as Ye, initialFilterSelection as Xe, filterSelectionToSearch as Ze } from "../lib/query-filter-seed.js";
 import { userErrorMessage as Re } from "../lib/safe-error.js";
-import { resolveSheetDef as et } from "../lib/sheet-def.js";
-import { uniqueByValue as tt } from "../lib/unique-options.js";
-import { useMyScopes as rt, matchScopeDimension as Se, effectiveScopeSeedIds as nt, translateScopeValues as at } from "../lib/use-my-scopes.js";
-import { titleCase as L, formatRelative as lt, formatNumber as st } from "../lib/utils.js";
-import { CacheStamp as it } from "./CacheStamp.js";
-import { RelationCombobox as ot } from "./item-edit/RelationCombobox.js";
+import { safeLinkKind as et } from "../lib/safe-href.js";
+import { resolveSheetDef as tt } from "../lib/sheet-def.js";
+import { uniqueByValue as rt } from "../lib/unique-options.js";
+import { useMyScopes as nt, matchScopeDimension as Se, effectiveScopeSeedIds as at, translateScopeValues as lt } from "../lib/use-my-scopes.js";
+import { titleCase as L, formatRelative as st, formatNumber as it } from "../lib/utils.js";
+import { CacheStamp as ot } from "./CacheStamp.js";
+import { RelationCombobox as dt } from "./item-edit/RelationCombobox.js";
 import { MatrixEditor as se } from "./MatrixEditor.js";
-import { QueryStatStrip as dt } from "./QueryStatStrip.js";
-import { QueryTable as ct } from "./QueryTable.js";
-import { RecordDrilldownSheet as ut } from "./RecordDrilldownSheet.js";
+import { QueryStatStrip as ct } from "./QueryStatStrip.js";
+import { QueryTable as ut } from "./QueryTable.js";
+import { RecordDrilldownSheet as mt } from "./RecordDrilldownSheet.js";
 import { RecordGridEditor as $e } from "./RecordGridEditor.js";
-import { SheetHeaderBody as mt } from "./SheetHeaderBody.js";
+import { SheetHeaderBody as pt } from "./SheetHeaderBody.js";
 const ae = 76;
 function X() {
   return /* @__PURE__ */ t("div", { className: "space-y-1.5 p-3", children: [1, 2, 3].map((e) => /* @__PURE__ */ t(
@@ -33,7 +34,7 @@ function Z({ error: e }) {
   const r = Re(e, "Failed to load widget data");
   return /* @__PURE__ */ t("div", { className: "flex h-full items-center justify-center p-3 text-[12px] text-amber-600 dark:text-amber-500", children: r });
 }
-function pt(e) {
+function ht(e) {
   if (e == null) return "—";
   if (typeof e == "boolean") return e ? "true" : "false";
   const r = String(e);
@@ -61,13 +62,13 @@ function le(e, r) {
         );
       else {
         const a = o.match(/^\[([^\]]+)\]\(([^)]+)\)$/);
-        a && (/^https?:\/\//i.test(a[2]) || a[2].startsWith("/")) ? n.push(
+        a && et(a[2]) !== null ? n.push(
           /* @__PURE__ */ t("a", { href: a[2], className: "text-nvr-cyan underline-offset-2 hover:underline", children: a[1] }, d)
         ) : n.push(o);
       }
   }), n;
 }
-function ht({ content: e }) {
+function xt({ content: e }) {
   const r = [];
   let n = [], l = [], o = !1;
   const m = (a) => {
@@ -107,7 +108,7 @@ function ie(e, r, n) {
     staleTime: 3e4
   });
 }
-function xt({ slug: e, widget: r }) {
+function ft({ slug: e, widget: r }) {
   var u;
   const n = r.config ?? {}, { data: l, isLoading: o, error: m } = ie(e, r, !!n.collection), d = Ue();
   if (!n.collection)
@@ -138,7 +139,7 @@ function xt({ slug: e, widget: r }) {
           "td",
           {
             className: "whitespace-nowrap px-3 py-1.5 text-slate-700 dark:text-slate-300",
-            children: pt(f[$])
+            children: ht(f[$])
           },
           $
         ))
@@ -147,14 +148,14 @@ function xt({ slug: e, widget: r }) {
     )) })
   ] }) });
 }
-function ft({ slug: e, widget: r }) {
+function bt({ slug: e, widget: r }) {
   const n = r.config ?? {}, { data: l, isLoading: o, error: m } = ie(e, r, !!n.collection);
   return n.collection ? m ? /* @__PURE__ */ t(Z, { error: m }) : /* @__PURE__ */ p("div", { className: "flex h-full flex-col items-start justify-center px-4", children: [
-    o ? /* @__PURE__ */ t("div", { className: "h-9 w-24 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }) : /* @__PURE__ */ t("span", { className: "text-[32px] font-semibold leading-none tracking-tight text-slate-900 dark:text-slate-100", children: (l == null ? void 0 : l.value) != null ? st(Number(l.value)) : "—" }),
+    o ? /* @__PURE__ */ t("div", { className: "h-9 w-24 animate-pulse rounded bg-slate-100 dark:bg-[hsl(var(--nvr-skeleton))]" }) : /* @__PURE__ */ t("span", { className: "text-[32px] font-semibold leading-none tracking-tight text-slate-900 dark:text-slate-100", children: (l == null ? void 0 : l.value) != null ? it(Number(l.value)) : "—" }),
     /* @__PURE__ */ t("span", { className: "mt-1.5 text-[12px] text-slate-400", children: n.label || `${n.aggregate ?? "count"} of ${n.collection}` })
   ] }) : /* @__PURE__ */ t("div", { className: "p-3 text-[12px] text-slate-400", children: "Select a collection" });
 }
-function bt({ slug: e, widget: r }) {
+function gt({ slug: e, widget: r }) {
   const { data: n, isLoading: l, error: o } = ie(e, r, !0);
   if (l) return /* @__PURE__ */ t(X, {});
   if (o) return /* @__PURE__ */ t(Z, { error: o });
@@ -169,13 +170,13 @@ function bt({ slug: e, widget: r }) {
           d.collection,
           d.item ? ` · ${d.item}` : ""
         ] }),
-        /* @__PURE__ */ t("span", { className: "ml-auto shrink-0 text-[11px] text-slate-400", children: lt(d.timestamp) })
+        /* @__PURE__ */ t("span", { className: "ml-auto shrink-0 text-[11px] text-slate-400", children: st(d.timestamp) })
       ]
     },
     d.id
   )) }) : /* @__PURE__ */ t("div", { className: "p-3 text-[12px] text-slate-400", children: "No activity" });
 }
-function gt({ widget: e }) {
+function yt({ widget: e }) {
   var n;
   const r = String(((n = e.config) == null ? void 0 : n.url) ?? "");
   return r ? /^https?:\/\//i.test(r) ? /* @__PURE__ */ t(
@@ -220,7 +221,7 @@ function Te({
     }
   ) });
 }
-function yt({ widget: e }) {
+function vt({ widget: e }) {
   const r = e.config ?? {}, [n, l] = q(!1);
   return !r.target_collection || !r.option_collection || !r.key_field || !r.value_field ? /* @__PURE__ */ t("div", { className: "p-3 text-[12px] text-slate-400", children: "Matrix editor not configured" }) : r.display === "drawer" ? /* @__PURE__ */ p("div", { className: "flex h-full items-center", children: [
     /* @__PURE__ */ t(
@@ -242,7 +243,7 @@ function yt({ widget: e }) {
     )
   ] }) : /* @__PURE__ */ t(se, { config: r });
 }
-function vt(e) {
+function kt(e) {
   return Xe(
     e,
     typeof window > "u" ? "" : window.location.search
@@ -262,7 +263,7 @@ function We(e, r, n, l, o, m) {
   }
   return e;
 }
-function kt(e, r, n, l, o, m) {
+function wt(e, r, n, l, o, m) {
   const d = {};
   for (const [a, c] of Object.entries(e.params ?? {})) {
     const u = We(c, r, n, l, o, m);
@@ -270,7 +271,7 @@ function kt(e, r, n, l, o, m) {
   }
   return { ...e, params: d };
 }
-function wt({
+function Nt({
   config: e,
   stats: r,
   asOf: n,
@@ -290,7 +291,7 @@ function wt({
       className: "shrink-0 border-b border-slate-200 bg-white px-4 py-3 dark:border-border dark:bg-card",
       "data-sheet-header": !0,
       children: /* @__PURE__ */ t(
-        mt,
+        pt,
         {
           stats: r,
           rows: (d == null ? void 0 : d.data) ?? [],
@@ -304,7 +305,7 @@ function wt({
     }
   );
 }
-function Nt({
+function St({
   def: e,
   row: r,
   onClose: n
@@ -345,7 +346,7 @@ function Nt({
           )
         ] }),
         e.header && /* @__PURE__ */ t(
-          wt,
+          Nt,
           {
             config: e.header.config,
             stats: e.header.stats,
@@ -376,7 +377,7 @@ function Nt({
     }
   ) });
 }
-function St(e, r, n, l) {
+function $t(e, r, n, l) {
   if (!e) return;
   const o = (c) => {
     const u = /^\$filters\.(\w+)(?:\.(\w+))?$/.exec(c);
@@ -390,11 +391,11 @@ function St(e, r, n, l) {
   ) : c, d = (c) => c === void 0 ? !0 : Array.isArray(c) ? c.some(d) : c && typeof c == "object" ? Object.values(c).some(d) : !1, a = m(e);
   return Array.isArray(a._and) && (a._and = a._and.filter((c) => !d(c))), d(a) ? void 0 : a;
 }
-const $t = 400, _t = 2500;
+const _t = 400, Ct = 2500;
 function _e(e, r) {
   return e.map((n) => String(n[r] ?? "")).sort().join("\0");
 }
-function Ct({
+function qt({
   filter: e,
   selected: r,
   onChange: n,
@@ -425,7 +426,7 @@ function Ct({
     };
     return window.addEventListener("mousedown", v), () => window.removeEventListener("mousedown", v);
   }, [a]);
-  const j = e.label ?? L(e.param), O = tt(
+  const j = e.label ?? L(e.param), O = rt(
     l != null && l.length ? _.filter((v) => l.some((s) => String(s) === String(v.id))) : _,
     (v) => String(v[w] ?? "")
   ).filter(
@@ -510,10 +511,10 @@ function Ct({
     ] })
   ] });
 }
-function qt({ widget: e }) {
+function jt({ widget: e }) {
   return /* @__PURE__ */ t(Me, { config: e.config ?? {} });
 }
-function jt({ widget: e }) {
+function Rt({ widget: e }) {
   const r = e.config ?? {}, [n, l] = q(!1);
   return r.collection ? r.display === "drawer" ? /* @__PURE__ */ p("div", { className: "flex h-full items-center", children: [
     /* @__PURE__ */ t(
@@ -560,7 +561,7 @@ function jt({ widget: e }) {
     )
   ] }) : /* @__PURE__ */ t($e, { config: r }) : /* @__PURE__ */ t("div", { className: "p-3 text-[12px] text-slate-400", children: "Configure the record grid (collection)" });
 }
-function Rt({
+function Tt({
   cfg: e
 }) {
   const [r, n] = q(!1), l = { ...e };
@@ -610,12 +611,12 @@ function Rt({
   ] });
 }
 function Me({ config: e }) {
-  return e.display === "drawer" ? /* @__PURE__ */ t(Rt, { cfg: e }) : /* @__PURE__ */ t(Oe, { config: e });
+  return e.display === "drawer" ? /* @__PURE__ */ t(Tt, { cfg: e }) : /* @__PURE__ */ t(Oe, { config: e });
 }
 function Oe({ config: e }) {
   var fe, be, ge, ye, ve, ke, we;
   const r = z(), n = qe(), [l, o] = q(null), [m, d] = q(null), [a, c] = q(null), [u, f] = q(
-    () => vt(e.filters)
+    () => kt(e.filters)
   ), [S] = q(
     () => Ye(e.filters, typeof window > "u" ? "" : window.location.search)
   ), $ = (i, h) => {
@@ -637,7 +638,7 @@ function Oe({ config: e }) {
     }, 250);
     return () => window.clearInterval(i);
   }, [_ == null ? void 0 : _.phase]);
-  const { scopes: C, ready: v } = rt(), s = D(!1), [y, M] = q(!1), [B, K] = q(/* @__PURE__ */ new Map());
+  const { scopes: C, ready: v } = nt(), s = D(!1), [y, M] = q(!1), [B, K] = q(/* @__PURE__ */ new Map());
   H(() => {
     if (s.current || !v) return;
     s.current = !0;
@@ -654,9 +655,9 @@ function Oe({ config: e }) {
         for (const b of i) {
           const x = Se(C, { key: b.param, collection: b.collection });
           if (!x) continue;
-          const g = nt(C, x.name);
+          const g = at(C, x.name);
           if (!g.length) continue;
-          const N = b.value_field ?? "id", T = await at(
+          const N = b.value_field ?? "id", T = await lt(
             r,
             x,
             g,
@@ -695,7 +696,7 @@ function Oe({ config: e }) {
     return i;
   }, [e.params, e.filters, u]), [V, Fe] = q(/* @__PURE__ */ new Set()), ee = D(!1), oe = JSON.stringify(J), Pe = He(
     oe,
-    ee.current ? V.size > 0 ? _t : $t : 0
+    ee.current ? V.size > 0 ? Ct : _t : 0
   ), te = ee.current ? Pe : oe, A = Ne(
     () => JSON.parse(te),
     [te]
@@ -767,7 +768,7 @@ function Oe({ config: e }) {
       ), R(`${i.action.label} failed: ${x}`);
     }
   }, Be = /* @__PURE__ */ t(
-    it,
+    ot,
     {
       envelope: F,
       onRefresh: Ee,
@@ -778,7 +779,7 @@ function Oe({ config: e }) {
     (e.filters ?? []).map((i) => {
       const h = Se(C, { key: i.param, collection: i.collection }), b = h ? (C == null ? void 0 : C.restricted[h.name]) ?? [] : [];
       return /* @__PURE__ */ t(
-        Ct,
+        qt,
         {
           filter: i,
           selected: u[i.param] ?? [],
@@ -810,7 +811,7 @@ function Oe({ config: e }) {
     w && /* @__PURE__ */ t("span", { className: "text-[12px] text-slate-500", children: w }),
     Be
   ] }) : null, he = (be = e.stats) != null && be.length ? /* @__PURE__ */ t(
-    dt,
+    ct,
     {
       stats: e.stats,
       rows: G ?? [],
@@ -830,7 +831,7 @@ function Oe({ config: e }) {
       /* @__PURE__ */ t(Z, { error: ce })
     ] });
   const k = e.row_click, xe = (i, h) => {
-    const x = et(i, (N) => kt(
+    const x = tt(i, (N) => wt(
       N,
       h,
       G ?? [],
@@ -886,7 +887,7 @@ function Oe({ config: e }) {
         ne,
         he,
         /* @__PURE__ */ t(
-          ct,
+          ut,
           {
             rows: G ?? [],
             config: (
@@ -915,7 +916,7 @@ function Oe({ config: e }) {
                 children: [
                   /* @__PURE__ */ t("p", { className: "mb-2 text-[13px] font-semibold text-slate-700 dark:text-slate-200", children: k.picker.title ?? "Choose a record" }),
                   /* @__PURE__ */ t(
-                    ot,
+                    dt,
                     {
                       collection: k.picker.collection,
                       value: null,
@@ -934,7 +935,7 @@ function Oe({ config: e }) {
                           });
                         }
                       },
-                      extraFilter: St(k.picker.filter, l, u, e.filters),
+                      extraFilter: $t(k.picker.filter, l, u, e.filters),
                       placeholder: "Search…"
                     }
                   ),
@@ -962,9 +963,9 @@ function Oe({ config: e }) {
             onClose: () => d(null)
           }
         ),
-        a && /* @__PURE__ */ t(Nt, { def: a.def, row: a.row, onClose: () => c(null) }),
+        a && /* @__PURE__ */ t(St, { def: a.def, row: a.row, onClose: () => c(null) }),
         _ && /* @__PURE__ */ t(
-          Tt,
+          Wt,
           {
             run: _,
             onConfirm: () => void pe(_),
@@ -978,7 +979,7 @@ function Oe({ config: e }) {
   );
 }
 const U = (e) => e < 6e4 ? `${(e / 1e3).toFixed(e < 1e4 ? 1 : 0)}s` : `${Math.floor(e / 6e4)}m ${Math.round(e % 6e4 / 1e3)}s`;
-function Tt({
+function Wt({
   run: e,
   onConfirm: r,
   onClose: n
@@ -1101,26 +1102,26 @@ function Ce({ slug: e, widget: r }) {
   var n;
   switch (r.type) {
     case "table":
-      return /* @__PURE__ */ t(xt, { slug: e, widget: r });
-    case "kpi":
       return /* @__PURE__ */ t(ft, { slug: e, widget: r });
+    case "kpi":
+      return /* @__PURE__ */ t(bt, { slug: e, widget: r });
     case "markdown":
-      return /* @__PURE__ */ t(ht, { content: String(((n = r.config) == null ? void 0 : n.content) ?? "") });
+      return /* @__PURE__ */ t(xt, { content: String(((n = r.config) == null ? void 0 : n.content) ?? "") });
     case "iframe":
-      return /* @__PURE__ */ t(gt, { widget: r });
+      return /* @__PURE__ */ t(yt, { widget: r });
     case "query":
-      return /* @__PURE__ */ t(qt, { widget: r });
+      return /* @__PURE__ */ t(jt, { widget: r });
     case "matrix":
-      return /* @__PURE__ */ t(yt, { widget: r });
+      return /* @__PURE__ */ t(vt, { widget: r });
     case "record-grid":
-      return /* @__PURE__ */ t(jt, { widget: r });
+      return /* @__PURE__ */ t(Rt, { widget: r });
     case "recent-activity":
-      return /* @__PURE__ */ t(bt, { slug: e, widget: r });
+      return /* @__PURE__ */ t(gt, { slug: e, widget: r });
     default:
       return /* @__PURE__ */ t("div", { className: "p-3 text-[12px] text-slate-400", children: "Unknown widget" });
   }
 }
-function Zt({ slug: e, hideHeader: r, className: n }) {
+function tr({ slug: e, hideHeader: r, className: n }) {
   var C, v;
   const l = z(), o = qe(), m = Ve("drill.page"), d = m.value, {
     data: a,
@@ -1197,7 +1198,7 @@ function Zt({ slug: e, hideHeader: r, className: n }) {
   ] });
   return o ? O : /* @__PURE__ */ p(Ge.Provider, { value: { open: (s) => m.push([s]) }, children: [
     d != null && d.length ? /* @__PURE__ */ t(
-      ut,
+      mt,
       {
         collection: d[0].collection,
         itemId: d[0].itemId,
@@ -1214,8 +1215,8 @@ function Zt({ slug: e, hideHeader: r, className: n }) {
   ] });
 }
 export {
-  Zt as PageRenderer,
+  tr as PageRenderer,
   Me as QueryWidgetView,
-  jt as RecordGridWidgetBody,
+  Rt as RecordGridWidgetBody,
   _e as selectionSignature
 };