@nivaro/react 0.3.37 → 0.3.39

package/dist/shared/components/imports/RunDetailSheet.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e, Fragment as R } from "react/jsx-runtime";
 import { useQueryClient as oe, useQuery as X, useMutation as Y } from "@tanstack/react-query";
-import { FileSpreadsheet as Ne, Download as Z, RotateCcw as ve, Undo2 as ee, Ban as we, ArrowRight as ye, AlertTriangle as Ce, Loader2 as H, Search as _e, ChevronDown as ie, ChevronRight as ce, Check as ue, Copy as me, ExternalLink as $e } from "lucide-react";
+import { FileSpreadsheet as Ne, Download as Z, RotateCcw as ve, Undo2 as ee, Ban as we, ArrowRight as ye, AlertTriangle as Ce, Loader2 as H, Search as $e, ChevronDown as ie, ChevronRight as ce, Check as ue, Copy as me, ExternalLink as _e } from "lucide-react";
 import { useState as N, useEffect as he, useMemo as pe } from "react";
 import { useNivaroClient as te, useApiFetchConfig as Re, useItemNavigation as Se } from "../../context.js";
 import { useDebounced as Te } from "../../hooks/useDebounced.js";
@@ -465,7 +465,7 @@ function Ae({
                   v
                 ),
                 children: [
-                  /* @__PURE__ */ e($e, { className: "h-3 w-3" }),
+                  /* @__PURE__ */ e(_e, { className: "h-3 w-3" }),
                   " Open the record"
                 ]
               }
@@ -499,10 +499,10 @@ function Ie({
   var O, U, z;
   const p = te(), u = oe(), { download: s, busy: g, error: r } = ke(), [f, x] = N(""), [m, Q] = N(null), [w, L] = N(1), [q, D] = N(null), C = Te(f, 300);
   he(() => L(1), [o, m, C, t]);
-  const _ = { kind: o ?? "", collection: m ?? "", search: C, page: w, limit: B }, y = X({
-    queryKey: ["staged-import-run-items", t, _],
+  const $ = { kind: o ?? "", collection: m ?? "", search: C, page: w, limit: B }, y = X({
+    queryKey: ["staged-import-run-items", t, $],
     queryFn: () => p.request(
-      xe(`/staged-imports/${t}/items`, _)
+      xe(`/staged-imports/${t}/items`, $)
     ),
     placeholderData: (d) => d,
     refetchInterval: c ? fe : !1
@@ -520,14 +520,14 @@ function Ie({
       var k;
       return D(((k = d.response) == null ? void 0 : k.error) ?? d.message);
     }
-  }), F = ((O = y.data) == null ? void 0 : O.facets) ?? {}, j = Object.keys(F.collection ?? n.collections ?? {}), $ = ((U = y.data) == null ? void 0 : U.total) ?? 0, M = ((z = y.data) == null ? void 0 : z.data) ?? [], V = n.items_stored ?? 0, W = [
+  }), F = ((O = y.data) == null ? void 0 : O.facets) ?? {}, j = Object.keys(F.collection ?? n.collections ?? {}), _ = ((U = y.data) == null ? void 0 : U.total) ?? 0, M = ((z = y.data) == null ? void 0 : z.data) ?? [], V = n.items_stored ?? 0, W = [
     { key: null, label: "All", n: Object.values(F.kind ?? {}).reduce((d, k) => d + k, 0) },
     ...["created", "updated", "removed", "skipped", "failed"].map((d) => {
       var k;
       return { key: d, label: K[d].label, n: ((k = F.kind) == null ? void 0 : k[d]) ?? 0 };
     }).filter((d) => d.n > 0 || d.key === o)
   ];
-  return V === 0 && !y.isLoading && $ === 0 && !C && !o ? /* @__PURE__ */ a("section", { "data-run-records": !0, children: [
+  return V === 0 && !y.isLoading && _ === 0 && !C && !o ? /* @__PURE__ */ a("section", { "data-run-records": !0, children: [
     /* @__PURE__ */ e(T, { children: "Records" }),
     /* @__PURE__ */ e("p", { className: "rounded-md border border-dashed border-slate-200 px-3 py-4 text-[12.5px] text-slate-600 dark:border-border dark:text-muted-foreground", children: "This run changed no records and left no rows out. Every row in the file already matched what is stored." })
   ] }) : /* @__PURE__ */ a("section", { "data-run-records": !0, children: [
@@ -538,7 +538,7 @@ function Ie({
           P,
           {
             "data-run-items-download": !0,
-            disabled: g != null || $ === 0,
+            disabled: g != null || _ === 0,
             onClick: () => s(
               `/staged-imports/${t}/items.csv?kind=${o ?? ""}&collection=${m ?? ""}&search=${encodeURIComponent(C)}`,
               `import-run-${t}${o ? `-${o}` : ""}.csv`
@@ -607,7 +607,7 @@ function Ie({
         }
       ),
       /* @__PURE__ */ a("div", { className: "relative ml-auto w-[220px] max-w-full", children: [
-        /* @__PURE__ */ e(_e, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
+        /* @__PURE__ */ e($e, { className: "pointer-events-none absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-slate-400" }),
         /* @__PURE__ */ e(
           Ke,
           {
@@ -654,14 +654,14 @@ function Ie({
         }) })
       }
     ),
-    $ > B && /* @__PURE__ */ a("div", { className: "mt-2 flex items-center justify-between text-[11.5px] text-slate-600 dark:text-muted-foreground", children: [
+    _ > B && /* @__PURE__ */ a("div", { className: "mt-2 flex items-center justify-between text-[11.5px] text-slate-600 dark:text-muted-foreground", children: [
       /* @__PURE__ */ a("span", { className: "tabular-nums", children: [
         h((w - 1) * B + 1),
         "–",
-        h(Math.min(w * B, $)),
+        h(Math.min(w * B, _)),
         " of",
         " ",
-        h($)
+        h(_)
       ] }),
       /* @__PURE__ */ a("span", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ e(
@@ -681,7 +681,7 @@ function Ie({
             variant: "outline",
             size: "sm",
             className: "h-6 px-2 text-[11.5px]",
-            disabled: w * B >= $,
+            disabled: w * B >= _,
             onClick: () => L((d) => d + 1),
             children: "Next"
           }
@@ -907,12 +907,12 @@ function Nt({
   he(() => {
     w(null), q(!1), C(!1);
   }, [n]);
-  const _ = Y({
+  const $ = Y({
     mutationFn: () => u.request(
       J(`/staged-imports/${n}/report/rebuild`, {})
     ),
     onSuccess: () => void s.invalidateQueries({ queryKey: ["staged-import-run", n] })
-  }), y = r ? be(r).mode : null, E = (r == null ? void 0 : r.status) === "completed" || (r == null ? void 0 : r.status) === "error", F = l && !!f && E && (f.counts.created > 0 || f.counts.updated > 0), j = !!f, $ = pe(() => r ? /* @__PURE__ */ a("dl", { className: "mt-3 grid grid-cols-2 gap-x-5 gap-y-2 sm:grid-cols-4", children: [
+  }), y = r ? be(r).mode : null, E = (r == null ? void 0 : r.status) === "completed" || (r == null ? void 0 : r.status) === "error", F = l && !!f && E && (f.counts.created > 0 || f.counts.updated > 0), j = !!f, _ = pe(() => r ? /* @__PURE__ */ a("dl", { className: "mt-3 grid grid-cols-2 gap-x-5 gap-y-2 sm:grid-cols-4", children: [
     /* @__PURE__ */ e(I, { label: "Queued by", children: ze(r) ?? "—" }),
     /* @__PURE__ */ e(I, { label: r.finished_at ? "Finished" : r.started_at ? "Started" : "Queued", children: se(r.finished_at ?? r.started_at ?? r.created_at ?? /* @__PURE__ */ new Date()) }),
     /* @__PURE__ */ e(I, { label: "Took", children: /* @__PURE__ */ e("span", { className: "tabular-nums", children: ne(r.duration) }) }),
@@ -952,7 +952,7 @@ function Nt({
               o,
               x != null && ` · ${ne(x)} elapsed`
             ] }),
-            $
+            _
           ] }),
           /* @__PURE__ */ a("div", { className: "min-h-0 flex-1 space-y-6 overflow-y-auto px-5 py-4", children: [
             f ? /* @__PURE__ */ a(R, { children: [
@@ -995,18 +995,18 @@ function Nt({
                     {
                       type: "button",
                       "data-run-rebuild": !0,
-                      disabled: _.isPending,
-                      onClick: () => _.mutate(),
+                      disabled: $.isPending,
+                      onClick: () => $.mutate(),
                       className: b(
                         "font-medium text-[#0369a1] underline-offset-2 hover:underline disabled:opacity-60 dark:text-[#7dd3fc]",
                         v
                       ),
-                      children: _.isPending ? "Reading…" : "Read it back from recorded changes"
+                      children: $.isPending ? "Reading…" : "Read it back from recorded changes"
                     }
                   )
                 ] })
               ] }),
-              _.isError && /* @__PURE__ */ e("p", { className: "mt-1.5 max-w-[64ch] text-[12px] text-slate-700 dark:text-foreground", children: ((z = _.error.response) == null ? void 0 : z.error) ?? _.error.message })
+              $.isError && /* @__PURE__ */ e("p", { className: "mt-1.5 max-w-[64ch] text-[12px] text-slate-700 dark:text-foreground", children: ((z = $.error.response) == null ? void 0 : z.error) ?? $.error.message })
             ] }),
             /* @__PURE__ */ a("section", { "data-run-file": !0, children: [
               /* @__PURE__ */ e(T, { children: "File" }),
@@ -1019,9 +1019,10 @@ function Nt({
                 m && /* @__PURE__ */ e(
                   "a",
                   {
-                    href: m,
-                    target: "_blank",
+                    href: `${m}${m.includes("?") ? "&" : "?"}download=1`,
+                    download: r.file_name ?? !0,
                     rel: "noreferrer",
+                    "data-run-file-download": !0,
                     className: b(
                       "rounded p-1 text-slate-500 transition-colors hover:bg-slate-100 hover:text-slate-800 dark:hover:bg-muted",
                       v

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

@@ -1,86 +1,92 @@
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { useQueryClient as D, useQuery as j, useMutation as F } from "@tanstack/react-query";
-import { Loader2 as I, EyeOff as L, CalendarClock as Q, ChevronsUpDown as R, Check as B } from "lucide-react";
-import { useState as c, useId as K, useMemo as M } from "react";
-import { toast as f } from "sonner";
+import { useQueryClient as D, useQuery as L, useMutation as F } from "@tanstack/react-query";
+import { Loader2 as j, EyeOff as I, CalendarClock as Q, ChevronsUpDown as R, Check as B } from "lucide-react";
+import { useState as m, useId as K, useMemo as M } from "react";
+import { toast as g } from "sonner";
 import { useNivaroClient as $ } from "../../context.js";
 import { get as V, post as q } from "../../lib/commands.js";
 import { titleCase as W, cn as z } from "../../lib/utils.js";
 import { Button as w } from "../ui/button.js";
 import { Command as A, CommandInput as H, CommandList as U, CommandEmpty as G, CommandItem as J } from "../ui/command.js";
 import { Input as S } from "../ui/input.js";
-import { Popover as _, PopoverTrigger as E, PopoverContent as P } from "../ui/popover.js";
+import { Popover as E, PopoverTrigger as P, PopoverContent as _ } from "../ui/popover.js";
 function O(l, r) {
   return l instanceof Error && l.message ? l.message : r;
 }
-function ce({
-  collection: l,
-  itemId: r,
-  layoutSlug: d
-}) {
-  const u = $(), x = D(), m = ["picker-exclusion", l, r], { data: s } = j({
-    queryKey: m,
-    queryFn: () => u.request(
+function X(l, r, i = {}) {
+  const s = $(), c = D(), h = ["picker-exclusion", l, r], { data: o, isLoading: p } = L({
+    queryKey: h,
+    queryFn: () => s.request(
       V(`/picker-exclusions/status/${l}/${r}`)
     ).then((a) => a.data),
+    enabled: i.enabled ?? !0,
     staleTime: 6e4
-  }), i = (s == null ? void 0 : s.excluded) ?? !1, o = F({
+  }), d = (o == null ? void 0 : o.excluded) ?? !1, u = F({
     mutationFn: () => {
-      const a = { collection: l, item_id: r, layout: d ?? null };
-      return u.request(
-        i ? { _method: "DELETE", _path: "/picker-exclusions", _body: a } : q("/picker-exclusions", a)
+      const a = { collection: l, item_id: r, layout: i.layoutSlug ?? null };
+      return s.request(
+        d ? { _method: "DELETE", _path: "/picker-exclusions", _body: a } : q("/picker-exclusions", a)
       );
     },
     onSuccess: () => {
-      x.invalidateQueries({ queryKey: m }), f.success(i ? "Record re-enabled in pickers" : "Record excluded from pickers");
+      var a;
+      c.invalidateQueries({ queryKey: h }), g.success(d ? "Record re-enabled in pickers" : "Record excluded from pickers"), (a = i.onDone) == null || a.call(i);
     },
-    onError: (a) => f.error(O(a, "Could not change picker visibility"))
+    onError: (a) => g.error(O(a, "Could not change picker visibility"))
   });
+  return { excluded: d, isLoading: p, toggle: u };
+}
+function de({
+  collection: l,
+  itemId: r,
+  layoutSlug: i
+}) {
+  const { excluded: s, toggle: c } = X(l, r, { layoutSlug: i });
   return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       "data-record-picker-exclusion": !0,
-      "data-excluded": i ? "true" : "false",
-      disabled: o.isPending,
-      onClick: () => o.mutate(),
-      "data-tip": i ? "This record is hidden from pickers — click to offer it again" : "Hide this record from every picker that would offer it",
+      "data-excluded": s ? "true" : "false",
+      disabled: c.isPending,
+      onClick: () => c.mutate(),
+      "data-tip": s ? "This record is hidden from pickers — click to offer it again" : "Hide this record from every picker that would offer it",
       className: "inline-flex items-center",
       children: [
-        o.isPending ? /* @__PURE__ */ t(I, { className: "animate-spin" }) : /* @__PURE__ */ t(L, {}),
-        i ? "Re-enable in pickers" : "Disable in pickers"
+        c.isPending ? /* @__PURE__ */ t(j, { className: "animate-spin" }) : /* @__PURE__ */ t(I, {}),
+        s ? "Re-enable in pickers" : "Disable in pickers"
       ]
     }
   );
 }
-function de({
+function ue({
   collection: l,
   itemId: r,
-  fields: d,
-  layoutSlug: u
+  fields: i,
+  layoutSlug: s
 }) {
-  const x = $(), [m, s] = c(!1), [i, o] = c(!1), [a, N] = c(""), [g, v] = c(""), [p, C] = c(""), h = K(), k = M(
-    () => d.filter((e) => !e.field.startsWith("__") && !e.field.includes(".")).map((e) => ({ field: e.field, label: e.label || W(e.field) })),
-    [d]
-  ), b = k.find((e) => e.field === a), y = F({
-    mutationFn: () => x.request(
+  const c = $(), [h, o] = m(!1), [p, d] = m(!1), [u, a] = m(""), [b, v] = m(""), [f, k] = m(""), x = K(), C = M(
+    () => i.filter((e) => !e.field.startsWith("__") && !e.field.includes(".")).map((e) => ({ field: e.field, label: e.label || W(e.field) })),
+    [i]
+  ), y = C.find((e) => e.field === u), N = F({
+    mutationFn: () => c.request(
       q("/scheduled-changes", {
         collection: l,
         item_id: r,
         change_type: "field_update",
-        changes: { [a]: g },
+        changes: { [u]: b },
         // datetime-local is the viewer's local time; the API stores UTC.
-        scheduled_at: new Date(p).toISOString(),
-        layout: u ?? null
+        scheduled_at: new Date(f).toISOString(),
+        layout: s ?? null
       })
     ),
     onSuccess: () => {
-      s(!1), N(""), v(""), C(""), f.success("Change scheduled");
+      o(!1), a(""), v(""), k(""), g.success("Change scheduled");
     },
-    onError: (e) => f.error(O(e, "Could not schedule the change"))
-  }), T = p !== "" && !Number.isNaN(new Date(p).getTime());
-  return /* @__PURE__ */ n(_, { open: m, onOpenChange: s, children: [
-    /* @__PURE__ */ t(E, { asChild: !0, children: /* @__PURE__ */ n(
+    onError: (e) => g.error(O(e, "Could not schedule the change"))
+  }), T = f !== "" && !Number.isNaN(new Date(f).getTime());
+  return /* @__PURE__ */ n(E, { open: h, onOpenChange: o, children: [
+    /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ n(
       "button",
       {
         type: "button",
@@ -93,37 +99,37 @@ function de({
         ]
       }
     ) }),
-    /* @__PURE__ */ n(P, { side: "left", align: "start", className: "w-80 p-4", "data-schedule-change-panel": !0, children: [
+    /* @__PURE__ */ n(_, { side: "left", align: "start", className: "w-80 p-4", "data-schedule-change-panel": !0, children: [
       /* @__PURE__ */ t("p", { className: "mb-3 text-[13px] font-medium", children: "Schedule a field change" }),
       /* @__PURE__ */ n("div", { className: "space-y-3", children: [
         /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ t("span", { className: "mb-1 block text-[11px] font-medium text-muted-foreground", children: "Field" }),
-          /* @__PURE__ */ n(_, { open: i, onOpenChange: o, children: [
-            /* @__PURE__ */ t(E, { asChild: !0, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ n(E, { open: p, onOpenChange: d, children: [
+            /* @__PURE__ */ t(P, { asChild: !0, children: /* @__PURE__ */ n(
               w,
               {
                 type: "button",
                 variant: "outline",
                 role: "combobox",
-                "aria-expanded": i,
+                "aria-expanded": p,
                 "aria-label": "Field",
                 className: "h-8 w-full justify-between text-[12px] font-normal",
                 children: [
-                  /* @__PURE__ */ t("span", { className: "truncate", children: (b == null ? void 0 : b.label) ?? "Select a field…" }),
+                  /* @__PURE__ */ t("span", { className: "truncate", children: (y == null ? void 0 : y.label) ?? "Select a field…" }),
                   /* @__PURE__ */ t(R, { className: "ml-1 h-3 w-3 shrink-0 opacity-50" })
                 ]
               }
             ) }),
-            /* @__PURE__ */ t(P, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: /* @__PURE__ */ n(A, { children: [
+            /* @__PURE__ */ t(_, { className: "w-[--radix-popover-trigger-width] p-0", align: "start", children: /* @__PURE__ */ n(A, { children: [
               /* @__PURE__ */ t(H, { placeholder: "Search fields…", className: "h-8 text-[12px]" }),
               /* @__PURE__ */ n(U, { children: [
                 /* @__PURE__ */ t(G, { className: "py-3 text-center text-[12px] text-muted-foreground", children: "No field matches" }),
-                k.map((e) => /* @__PURE__ */ n(
+                C.map((e) => /* @__PURE__ */ n(
                   J,
                   {
                     value: `${e.label} ${e.field}`,
                     onSelect: () => {
-                      N(e.field), o(!1);
+                      a(e.field), d(!1);
                     },
                     className: "text-[12px]",
                     children: [
@@ -132,7 +138,7 @@ function de({
                         {
                           className: z(
                             "mr-2 h-3.5 w-3.5",
-                            a === e.field ? "opacity-100" : "opacity-0"
+                            u === e.field ? "opacity-100" : "opacity-0"
                           )
                         }
                       ),
@@ -150,7 +156,7 @@ function de({
           /* @__PURE__ */ t(
             "label",
             {
-              htmlFor: `${h}-value`,
+              htmlFor: `${x}-value`,
               className: "mb-1 block text-[11px] font-medium text-muted-foreground",
               children: "New value"
             }
@@ -158,8 +164,8 @@ function de({
           /* @__PURE__ */ t(
             S,
             {
-              id: `${h}-value`,
-              value: g,
+              id: `${x}-value`,
+              value: b,
               onChange: (e) => v(e.target.value),
               className: "h-8 text-[12px]"
             }
@@ -169,7 +175,7 @@ function de({
           /* @__PURE__ */ t(
             "label",
             {
-              htmlFor: `${h}-at`,
+              htmlFor: `${x}-at`,
               className: "mb-1 block text-[11px] font-medium text-muted-foreground",
               children: "When"
             }
@@ -177,10 +183,10 @@ function de({
           /* @__PURE__ */ t(
             S,
             {
-              id: `${h}-at`,
+              id: `${x}-at`,
               type: "datetime-local",
-              value: p,
-              onChange: (e) => C(e.target.value),
+              value: f,
+              onChange: (e) => k(e.target.value),
               className: "h-8 text-[12px]"
             }
           )
@@ -191,9 +197,9 @@ function de({
             type: "button",
             size: "sm",
             className: "h-8 w-full bg-nvr-cyan text-[12px] text-white hover:bg-nvr-cyan/90",
-            disabled: !a || !g || !T || y.isPending,
-            onClick: () => y.mutate(),
-            children: y.isPending ? "Scheduling…" : "Schedule change"
+            disabled: !u || !b || !T || N.isPending,
+            onClick: () => N.mutate(),
+            children: N.isPending ? "Scheduling…" : "Schedule change"
           }
         )
       ] })
@@ -201,6 +207,7 @@ function de({
   ] });
 }
 export {
-  ce as PickerExclusionToggle,
-  de as ScheduleChangeButton
+  de as PickerExclusionToggle,
+  ue as ScheduleChangeButton,
+  X as usePickerExclusion
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nivaro/react",
-  "version": "0.3.37",
+  "version": "0.3.39",
   "description": "React hooks and components for Nivaro CMS forms",
   "type": "module",
   "main": "./dist/index.js",