@nivaro/react 0.3.41 → 0.3.42

package/dist/shared/components/access/PermissionSummary.js

@@ -0,0 +1,106 @@
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { useQuery as N } from "@tanstack/react-query";
+import { RefreshCw as b, ScrollText as w, Loader2 as k } from "lucide-react";
+import { useState as I } from "react";
+import { useNivaroClient as S } from "../../context.js";
+import { get as $ } from "../../lib/commands.js";
+import { SectionCard as g } from "../profile/primitives.js";
+const u = 8;
+function v(t) {
+  if (t.length <= 1) return t[0] ?? "";
+  const r = t.slice(0, 8), l = t.length - r.length;
+  return l > 0 ? `${r.join(", ")} and ${l} more` : `${r.slice(0, -1).join(", ")} and ${r[r.length - 1]}`;
+}
+function h(t) {
+  const r = S(), l = t.roleId ? `role=${encodeURIComponent(t.roleId)}` : `user=${encodeURIComponent(t.userId ?? "")}`;
+  return N({
+    queryKey: ["access-summary", t.roleId ? "role" : "user", t.roleId ?? t.userId],
+    queryFn: () => r.request($(`/access/summary?${l}`)).then((e) => e.data),
+    enabled: !!(t.roleId || t.userId),
+    staleTime: 6e4
+  });
+}
+function C({
+  roleId: t,
+  userId: r,
+  pageLabel: l
+}) {
+  var d;
+  const { data: e, isLoading: i, isError: p } = h({ roleId: t, userId: r }), [a, x] = I(!1);
+  if (i)
+    return /* @__PURE__ */ m("p", { className: "flex items-center gap-1.5 text-[12px] text-slate-500 dark:text-slate-400", children: [
+      /* @__PURE__ */ n(k, { className: "h-3.5 w-3.5 animate-spin" }),
+      " Reading the policies…"
+    ] });
+  if (p || !e)
+    return /* @__PURE__ */ n("p", { className: "text-[12px] text-slate-500 dark:text-slate-400", children: "Could not put this access into words." });
+  const o = a ? e.lines : e.lines.slice(0, u), c = e.ui_disabled.length && l ? `Pages turned off${(d = e.ui_line) != null && d.includes(" for you") ? " for you" : ""}: ${v(
+    e.ui_disabled.map((s) => l(s) || s)
+  )}.` : e.ui_line, f = e.sentences.filter(
+    (s) => s !== e.ui_line && s !== e.closed_line && !e.lines.some((y) => y.sentence === s)
+  );
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: "space-y-2 text-[12.5px] leading-relaxed text-slate-700 dark:text-slate-300",
+      "data-access-summary": !0,
+      children: [
+        /* @__PURE__ */ n("p", { className: "font-medium text-slate-800 dark:text-slate-100", children: e.headline }),
+        o.length > 0 && /* @__PURE__ */ n("ul", { className: "space-y-1.5", children: o.map((s) => /* @__PURE__ */ n(
+          "li",
+          {
+            "data-access-line": s.kind,
+            className: "border-l-2 border-slate-200 pl-2.5 dark:border-border",
+            children: s.sentence
+          },
+          s.sentence
+        )) }),
+        e.lines.length > u && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: () => x((s) => !s),
+            className: "text-[12px] font-medium text-nvr-navy hover:underline dark:text-nvr-cyan",
+            children: a ? "Show fewer" : `Show all ${e.lines.length}`
+          }
+        ),
+        e.closed_line && e.lines.length > 0 && /* @__PURE__ */ n("p", { className: "text-[12px] text-slate-500 dark:text-slate-400", children: e.closed_line }),
+        c && /* @__PURE__ */ n("p", { className: "text-[12px] text-slate-500 dark:text-slate-400", children: c }),
+        f.map((s) => /* @__PURE__ */ n("p", { className: "text-[12px] text-amber-700 dark:text-amber-400", children: s }, s))
+      ]
+    }
+  );
+}
+function A({
+  roleId: t,
+  userId: r,
+  pageLabel: l
+}) {
+  const { refetch: e, isFetching: i } = h({ roleId: t, userId: r });
+  return /* @__PURE__ */ n(
+    g,
+    {
+      icon: /* @__PURE__ */ n(w, { className: "h-4 w-4" }),
+      title: "Permissions in words",
+      hint: "From the role’s policies, field lists, row filters and User Scopes — what the API enforces",
+      testId: "permission-summary",
+      actions: /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: () => void e(),
+          disabled: i,
+          className: "text-slate-400 transition-colors hover:text-nvr-cyan disabled:opacity-50",
+          "aria-label": "Read again",
+          children: /* @__PURE__ */ n(b, { className: i ? "h-3.5 w-3.5 animate-spin" : "h-3.5 w-3.5" })
+        }
+      ),
+      children: /* @__PURE__ */ n(C, { roleId: t, userId: r, pageLabel: l })
+    }
+  );
+}
+export {
+  C as PermissionSummaryBody,
+  A as PermissionSummaryCard,
+  h as usePermissionSummary
+};

package/dist/shared/components/bulk/BulkActionButtons.js

@@ -1,21 +1,22 @@
-import { jsxs as f, Fragment as W, jsx as h } from "react/jsx-runtime";
+import { jsxs as p, Fragment as W, jsx as f } from "react/jsx-runtime";
 import { useQueryClient as X, useQuery as Y } from "@tanstack/react-query";
 import { Loader2 as Q } from "lucide-react";
 import { useState as y } from "react";
-import { toast as R } from "sonner";
+import { toast as O } from "sonner";
 import { useNivaroClient as U } from "../../context.js";
 import { newBulkProgressId as Z, startBulkProgress as D, endBulkProgress as ee } from "../../lib/bulk-progress.js";
-import { get as te, post as j } from "../../lib/commands.js";
-import { userErrorMessage as re } from "../../lib/safe-error.js";
-import { cn as C } from "../../lib/utils.js";
-import { invalidateRecordQueries as ne } from "../item-edit/RecordLiveSync.js";
-import { Popover as oe, PopoverTrigger as se, PopoverContent as ie } from "../ui/popover.js";
-import { PushBulkButtons as le } from "./PushBulkButtons.js";
+import { get as te, post as R } from "../../lib/commands.js";
+import { errorToastOptions as re } from "../../lib/error-toast.js";
+import { userErrorMessage as ne } from "../../lib/safe-error.js";
+import { cn as j } from "../../lib/utils.js";
+import { invalidateRecordQueries as oe } from "../item-edit/RecordLiveSync.js";
+import { Popover as se, PopoverTrigger as ie, PopoverContent as le } from "../ui/popover.js";
+import { PushBulkButtons as ae } from "./PushBulkButtons.js";
 function x(t) {
   return t === !0 || t === 1 || t === "1" || t === "true" ? "true" : t === !1 || t === 0 || t === "0" || t === "false" ? "false" : String(t ?? "");
 }
 const H = (t) => t == null || t === "";
-function Ne(t, i) {
+function Pe(t, i) {
   for (const n of t ?? []) {
     if (!n || typeof n.field != "string") continue;
     if (!(n.field in i)) return null;
@@ -67,13 +68,13 @@ function z(t) {
 function G(t, i, n) {
   return t ? t.includes(n) || t.includes(`${i}:${n}`) : !0;
 }
-function _e(t, i) {
+function qe(t, i) {
   const { data: n } = z(t), s = !!n && Object.values(n).some((o) => o.some((c) => c.source === "builtin"));
   return (o) => s ? t.some(
     (c) => ((n == null ? void 0 : n[c]) ?? []).some((g) => g.source === "builtin" && g.key === o) && G(i, c, o)
   ) : !0;
 }
-function ae(t, i, n) {
+function ce(t, i, n) {
   const s = /* @__PURE__ */ new Map();
   for (const o of i)
     for (const c of (t == null ? void 0 : t[o]) ?? []) {
@@ -83,102 +84,104 @@ function ae(t, i, n) {
     }
   return [...s.values()];
 }
-function ce(t, i, n) {
+function de(t, i, n) {
   const s = [`${i.succeeded} done`];
   return i.skipped && s.push(`${i.skipped} skipped`), i.failed && s.push(`${i.failed} failed`), `${t}: ${s.join(" · ")}${n !== i.succeeded + i.skipped + i.failed ? ` of ${n}` : ""}`;
 }
-function Pe({
+function Be({
   targets: t,
   enabledKeys: i,
   tone: n = "light",
   disabled: s,
   onDone: o
 }) {
-  const c = U(), g = X(), k = [...new Set(t.map((e) => e.collection))], { data: K } = z(k), O = ae(K, k, i), [L, $] = y(null), [N, _] = y(""), [P, S] = y(null), [A, q] = y({}), [E, M] = y(!1), J = async (e) => {
+  const c = U(), g = X(), k = [...new Set(t.map((e) => e.collection))], { data: K } = z(k), C = ce(K, k, i), [L, $] = y(null), [N, _] = y(""), [P, S] = y(null), [A, q] = y({}), [T, E] = y(!1), J = async (e) => {
     const u = `${e.source}:${e.key}`;
     if (e.source === "db") {
       q((a) => ({ ...a, [u]: "loading" }));
       try {
         const a = { would_change: 0, skipped: 0, failed: 0, outcomes: [] };
-        for (const b of e.collections) {
-          const d = t.filter((r) => r.collection === b).map((r) => r.id);
+        for (const h of e.collections) {
+          const d = t.filter((r) => r.collection === h).map((r) => r.id);
           if (d.length === 0) continue;
-          const p = await c.request(
-            j("/bulk-actions/preview", { collection: b, key: e.key, ids: d })
+          const b = await c.request(
+            R("/bulk-actions/preview", { collection: h, key: e.key, ids: d })
           );
-          a.would_change += p.data.would_change, a.skipped += p.data.skipped, a.failed += p.data.failed, a.outcomes.push(...p.data.outcomes);
+          a.would_change += b.data.would_change, a.skipped += b.data.skipped, a.failed += b.data.failed, a.outcomes.push(...b.data.outcomes);
         }
-        q((b) => ({ ...b, [u]: a }));
+        q((h) => ({ ...h, [u]: a }));
       } catch {
         q((a) => ({ ...a, [u]: null }));
       }
     }
-  }, T = /* @__PURE__ */ h(
-    le,
+  }, M = /* @__PURE__ */ f(
+    ae,
     {
       targets: t,
       enabledKeys: i,
       tone: n,
       disabled: s || !!P,
-      onDone: (e) => o == null ? void 0 : o({ ...e, action: de })
+      onDone: (e) => o == null ? void 0 : o({ ...e, action: ue })
     }
   );
-  if (O.length === 0) return T;
+  if (C.length === 0) return M;
   const F = async (e) => {
     const u = `${e.source}:${e.key}`;
     S(u);
     const a = { succeeded: 0, failed: 0, skipped: 0, errors: [] };
-    let b = 0;
+    let h = 0;
     try {
       for (const r of e.collections) {
         const m = t.filter((B) => B.collection === r).map((B) => B.id);
         if (m.length === 0) continue;
-        b += m.length;
+        h += m.length;
         const w = { collection: r, ids: m, reason: N.trim() || null }, l = e.source === "db" ? Z() : null;
         l && D(l, m);
         const v = (e.source === "db" ? await c.request(
-          j(`/bulk-actions/run?progress=${l}`, { ...w, key: e.key })
+          R(`/bulk-actions/run?progress=${l}`, { ...w, key: e.key })
         ).finally(() => ee(l)) : await c.request(
-          j(`/bulk-actions/${e.key}/execute`, w)
+          R(`/bulk-actions/${e.key}/execute`, w)
         )).data ?? {};
         a.succeeded += v.succeeded ?? (e.source === "extension" ? m.length : 0), a.failed += v.failed ?? 0, a.skipped += v.skipped ?? 0, a.errors.push(...v.errors ?? []);
       }
       for (const r of e.collections)
-        ne(
+        oe(
           g,
           r,
           t.filter((m) => m.collection === r).map((m) => m.id)
         );
-      const d = ce(e.label, a, b), p = a.errors.slice(0, 3).map((r) => `#${r.item}: ${r.error}`).join(`
+      const d = de(e.label, a, h), b = a.errors.slice(0, 3).map((r) => `#${r.item}: ${r.error}`).join(`
 `);
-      a.failed > 0 ? R.warning(d, { description: p || void 0, duration: 8e3 }) : R.success(d, { duration: 4e3 }), o == null || o({ ...a, action: e }), $(null), _("");
+      a.failed > 0 ? O.warning(d, { description: b || void 0, duration: 8e3 }) : O.success(d, { duration: 4e3 }), o == null || o({ ...a, action: e }), $(null), _("");
     } catch (d) {
-      const p = d.response;
-      R.error((p == null ? void 0 : p.error) ?? re(d, `${e.label} failed`));
+      O.error(
+        ne(d, `${e.label} failed`),
+        re(d, { action: e.label })
+      );
     } finally {
       S(null);
     }
-  }, V = (e, u) => n === "dark" ? C(
+  }, V = (e, u) => n === "dark" ? j(
     "h-8 rounded-md px-3 text-[12.5px] font-medium transition-colors disabled:opacity-50",
     e.variant === "danger" ? "border border-red-400/50 text-red-200 hover:bg-red-500/20 dark:border-red-500/40 dark:text-red-400 dark:hover:bg-red-500/10" : "border border-white/20 hover:bg-white/10 dark:border-border dark:hover:bg-muted",
     u && (e.variant === "danger" ? "bg-red-500/20" : "bg-white/10")
-  ) : C(
+  ) : j(
     "rounded-md px-2.5 py-1 text-[12px] font-medium transition-colors disabled:opacity-50",
     e.variant === "danger" ? "text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-500/10" : "text-slate-600 hover:bg-slate-100 dark:text-slate-300 dark:hover:bg-muted",
     u && (e.variant === "danger" ? "bg-red-50 dark:bg-red-500/10" : "bg-slate-100 dark:bg-muted")
   );
-  return /* @__PURE__ */ f(W, { children: [
-    O.map((e) => {
-      const u = `${e.source}:${e.key}`, a = L === u, b = P === u, d = t.filter((r) => e.collections.includes(r.collection)).length, p = d > 0 && (!e.require_reason || N.trim().length > 0) && !b;
-      return /* @__PURE__ */ f(
-        oe,
+  return /* @__PURE__ */ p(W, { children: [
+    C.map((e) => {
+      const u = `${e.source}:${e.key}`, a = L === u, h = P === u, d = t.filter((r) => e.collections.includes(r.collection)).length, b = d > 0 && (!e.require_reason || N.trim().length > 0) && !h;
+      return /* @__PURE__ */ p(
+        se,
         {
           open: a,
           onOpenChange: (r) => {
-            $(r ? u : null), r ? (M(!1), J(e)) : _("");
+            $(r ? u : null), r ? (E(!1), J(e)) : _("");
           },
           children: [
-            /* @__PURE__ */ h(se, { asChild: !0, children: /* @__PURE__ */ h(
+            /* @__PURE__ */ f(ie, { asChild: !0, children: /* @__PURE__ */ f(
               "button",
               {
                 type: "button",
@@ -186,11 +189,11 @@ function Pe({
                 "data-bulk-action": e.key,
                 title: e.summary,
                 className: V(e, a),
-                children: b ? /* @__PURE__ */ h(Q, { className: "inline h-3.5 w-3.5 animate-spin" }) : e.label
+                children: h ? /* @__PURE__ */ f(Q, { className: "inline h-3.5 w-3.5 animate-spin" }) : e.label
               }
             ) }),
-            /* @__PURE__ */ f(
-              ie,
+            /* @__PURE__ */ p(
+              le,
               {
                 align: "center",
                 side: "top",
@@ -198,20 +201,20 @@ function Pe({
                 className: "w-[320px] p-3",
                 "data-bulk-action-popover": e.key,
                 children: [
-                  /* @__PURE__ */ f("p", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: [
+                  /* @__PURE__ */ p("p", { className: "text-[13px] font-semibold text-slate-800 dark:text-slate-100", children: [
                     e.label,
-                    /* @__PURE__ */ f("span", { className: "ml-1.5 font-normal text-slate-500 dark:text-slate-400", children: [
+                    /* @__PURE__ */ p("span", { className: "ml-1.5 font-normal text-slate-500 dark:text-slate-400", children: [
                       "· ",
                       d,
                       " record",
                       d === 1 ? "" : "s"
                     ] })
                   ] }),
-                  /* @__PURE__ */ h("p", { className: "mt-1 text-[12px] leading-snug text-slate-600 dark:text-slate-400", children: e.confirm_text ?? e.summary }),
+                  /* @__PURE__ */ f("p", { className: "mt-1 text-[12px] leading-snug text-slate-600 dark:text-slate-400", children: e.confirm_text ?? e.summary }),
                   e.source === "db" && (() => {
                     const r = A[u];
                     if (r === "loading")
-                      return /* @__PURE__ */ h("p", { className: "mt-2 text-[11.5px] text-slate-400", "data-bulk-preview": "loading", children: "Checking what would change…" });
+                      return /* @__PURE__ */ f("p", { className: "mt-2 text-[11.5px] text-slate-400", "data-bulk-preview": "loading", children: "Checking what would change…" });
                     if (!r) return null;
                     const m = r.outcomes.filter((l) => l.outcome !== "change"), w = /* @__PURE__ */ new Map();
                     for (const l of m)
@@ -219,36 +222,36 @@ function Pe({
                         l.reason ?? l.outcome,
                         (w.get(l.reason ?? l.outcome) ?? 0) + 1
                       );
-                    return /* @__PURE__ */ f(
+                    return /* @__PURE__ */ p(
                       "div",
                       {
                         className: "mt-2 rounded-md border border-slate-200 bg-slate-50 px-2 py-1.5 text-[11.5px] dark:border-border dark:bg-muted/40",
                         "data-bulk-preview": r.would_change,
                         children: [
-                          /* @__PURE__ */ f("p", { className: "font-medium text-slate-700 dark:text-slate-200", children: [
+                          /* @__PURE__ */ p("p", { className: "font-medium text-slate-700 dark:text-slate-200", children: [
                             r.would_change,
                             " of ",
                             d,
                             " would change",
-                            m.length > 0 && /* @__PURE__ */ f("span", { className: "font-normal text-slate-500", children: [
+                            m.length > 0 && /* @__PURE__ */ p("span", { className: "font-normal text-slate-500", children: [
                               " · ",
                               [...w.entries()].map(([l, I]) => `${I} ${l}`).join(" · ")
                             ] })
                           ] }),
-                          m.length > 0 && /* @__PURE__ */ f(
+                          m.length > 0 && /* @__PURE__ */ p(
                             "button",
                             {
                               type: "button",
-                              onClick: () => M((l) => !l),
+                              onClick: () => E((l) => !l),
                               className: "mt-0.5 text-[11px] text-slate-500 underline-offset-2 hover:underline",
                               "data-bulk-preview-toggle": !0,
                               children: [
-                                E ? "Hide" : "Show",
+                                T ? "Hide" : "Show",
                                 " which records"
                               ]
                             }
                           ),
-                          E && /* @__PURE__ */ h("ul", { className: "mt-1 max-h-32 space-y-0.5 overflow-auto font-mono text-[10.5px] text-slate-600 dark:text-slate-300", children: m.slice(0, 50).map((l) => /* @__PURE__ */ f("li", { "data-bulk-preview-row": l.item, children: [
+                          T && /* @__PURE__ */ f("ul", { className: "mt-1 max-h-32 space-y-0.5 overflow-auto font-mono text-[10.5px] text-slate-600 dark:text-slate-300", children: m.slice(0, 50).map((l) => /* @__PURE__ */ p("li", { "data-bulk-preview-row": l.item, children: [
                             "#",
                             l.item,
                             " — ",
@@ -258,19 +261,19 @@ function Pe({
                       }
                     );
                   })(),
-                  e.require_reason && /* @__PURE__ */ f("label", { className: "mt-2.5 block", children: [
-                    /* @__PURE__ */ f("span", { className: "text-[11px] font-medium text-slate-600 dark:text-slate-400", children: [
+                  e.require_reason && /* @__PURE__ */ p("label", { className: "mt-2.5 block", children: [
+                    /* @__PURE__ */ p("span", { className: "text-[11px] font-medium text-slate-600 dark:text-slate-400", children: [
                       "Reason ",
-                      /* @__PURE__ */ h("span", { className: "text-destructive", children: "*" })
+                      /* @__PURE__ */ f("span", { className: "text-destructive", children: "*" })
                     ] }),
-                    /* @__PURE__ */ h(
+                    /* @__PURE__ */ f(
                       "textarea",
                       {
                         autoFocus: !0,
                         value: N,
                         onChange: (r) => _(r.target.value),
                         onKeyDown: (r) => {
-                          r.key === "Enter" && (r.metaKey || r.ctrlKey) && p && F(e);
+                          r.key === "Enter" && (r.metaKey || r.ctrlKey) && b && F(e);
                         },
                         rows: 2,
                         placeholder: "Recorded on every record’s history",
@@ -278,8 +281,8 @@ function Pe({
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ f("div", { className: "mt-3 flex items-center justify-end gap-2", children: [
-                    /* @__PURE__ */ h(
+                  /* @__PURE__ */ p("div", { className: "mt-3 flex items-center justify-end gap-2", children: [
+                    /* @__PURE__ */ f(
                       "button",
                       {
                         type: "button",
@@ -288,18 +291,18 @@ function Pe({
                         children: "Close"
                       }
                     ),
-                    /* @__PURE__ */ h(
+                    /* @__PURE__ */ f(
                       "button",
                       {
                         type: "button",
                         onClick: () => void F(e),
-                        disabled: !p,
+                        disabled: !b,
                         "data-bulk-action-run": !0,
-                        className: C(
+                        className: j(
                           "h-8 rounded-md px-3 text-[12.5px] font-semibold disabled:opacity-40",
                           e.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : "bg-nvr-cyan text-[#172940] hover:bg-nvr-cyan-dark"
                         ),
-                        children: b ? /* @__PURE__ */ h(Q, { className: "h-3.5 w-3.5 animate-spin" }) : (() => {
+                        children: h ? /* @__PURE__ */ f(Q, { className: "h-3.5 w-3.5 animate-spin" }) : (() => {
                           const r = A[u];
                           return r && r !== "loading" && r.would_change !== d ? `${e.label} · ${r.would_change} of ${d}` : `${e.label} ${d}`;
                         })()
@@ -314,10 +317,10 @@ function Pe({
         u
       );
     }),
-    T
+    M
   ] });
 }
-const de = {
+const ue = {
   key: "push",
   source: "builtin",
   collection: null,
@@ -330,10 +333,10 @@ const de = {
   summary: "Integration push"
 };
 export {
-  Pe as BulkActionButtons,
+  Be as BulkActionButtons,
   G as bulkActionEnabled,
-  Ne as guardMatches,
-  ae as mergeBulkActions,
+  Pe as guardMatches,
+  ce as mergeBulkActions,
   z as useAvailableBulkActions,
-  _e as useBuiltinGate
+  qe as useBuiltinGate
 };