@nivaro/react 0.3.30 → 0.3.31

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

@@ -1,30 +1,30 @@
-import { jsx as i, Fragment as w, jsxs as f } from "react/jsx-runtime";
-import { useQuery as v, useQueryClient as q, useMutation as R } from "@tanstack/react-query";
+import { jsx as i, Fragment as x, jsxs as f } from "react/jsx-runtime";
+import { useQuery as w, useQueryClient as q, useMutation as R } from "@tanstack/react-query";
 import { Play as C, Pause as N, Zap as $ } from "lucide-react";
-import { useMemo as b, useState as F } from "react";
+import { useMemo as y, useState as F } from "react";
 import { toast as p } from "sonner";
-import { useNivaroClient as x } from "../../context.js";
-import { get as j, post as y } from "../../lib/commands.js";
+import { useNivaroClient as v } from "../../context.js";
+import { get as j, post as k } from "../../lib/commands.js";
 import { userErrorMessage as A } from "../../lib/safe-error.js";
 import { cn as S } from "../../lib/utils.js";
 import { useAvailableBulkActions as B, guardMatches as P } from "../bulk/BulkActionButtons.js";
-import { Button as k } from "../ui/button.js";
+import { Button as b } from "../ui/button.js";
 import { Dialog as T, DialogContent as D, DialogHeader as H, DialogTitle as M, DialogDescription as Q, DialogBody as _, DialogFooter as E } from "../ui/dialog.js";
 import { Textarea as J } from "../ui/textarea.js";
 import { invalidateRecordQueries as K } from "./RecordLiveSync.js";
 function ie(e, n, t) {
-  const h = x(), m = !!n && n !== "new", { data: u } = B(m ? [e] : []), d = b(
+  const h = v(), m = !!n && n !== "new", { data: u } = B(m ? [e] : []), d = y(
     () => ((u == null ? void 0 : u[e]) ?? []).filter(
       (o) => o.header === !0 && (o.kind === "update_fields" || o.kind === "transition")
     ),
     [u, e]
-  ), s = b(() => {
+  ), s = y(() => {
     const o = /* @__PURE__ */ new Set();
     for (const a of d)
       for (const r of a.guard ?? [])
         r && typeof r.field == "string" && !(t && r.field in t) && o.add(r.field);
     return [...o].sort();
-  }, [d, t]), { data: l } = v({
+  }, [d, t]), { data: l } = w({
     queryKey: ["record-header-action-guard", e, String(n), s.join(",")],
     queryFn: () => h.request(
       j(`/items/${encodeURIComponent(e)}/${encodeURIComponent(String(n))}`, {
@@ -34,7 +34,7 @@ function ie(e, n, t) {
     enabled: m && s.length > 0,
     staleTime: 0
   });
-  return b(() => {
+  return y(() => {
     if (s.length > 0 && !l) return d.filter((a) => {
       var r;
       return !((r = a.guard) != null && r.length);
@@ -54,23 +54,28 @@ function ae({
   actions: e,
   onPick: n
 }) {
-  return e.length === 0 ? null : /* @__PURE__ */ i(w, { children: e.map((t) => /* @__PURE__ */ f(
-    "button",
-    {
-      type: "button",
-      "data-record-header-action": t.key,
-      "data-tip": W(t),
-      onClick: () => n(t),
-      className: S(
-        "inline-flex h-9 shrink-0 items-center gap-1.5 whitespace-nowrap rounded-md border px-3 text-[13px] font-medium shadow-sm transition-colors",
-        t.variant === "danger" ? "border-red-300 text-red-600 hover:bg-red-50 dark:border-red-500/40 dark:text-red-400 dark:hover:bg-red-500/10" : "border-slate-300 bg-background text-slate-700 hover:bg-accent dark:border-border dark:text-slate-200"
-      ),
-      children: [
-        U(t),
-        t.label
-      ]
-    },
-    `${t.source}:${t.key}`
+  return e.length === 0 ? null : /* @__PURE__ */ i(x, { children: e.map((t) => (
+    // Same Button, size and type as the pipeline's transition buttons beside them.
+    /* @__PURE__ */ f(
+      b,
+      {
+        type: "button",
+        size: "sm",
+        variant: "outline",
+        "data-record-header-action": t.key,
+        "data-tip": W(t),
+        onClick: () => n(t),
+        className: S(
+          "shrink-0 gap-1.5 text-[12px]",
+          t.variant === "danger" && "border-red-300 text-red-600 hover:bg-red-50 hover:text-red-700 dark:border-red-500/40 dark:text-red-400 dark:hover:bg-red-500/10"
+        ),
+        children: [
+          U(t),
+          t.label
+        ]
+      },
+      `${t.source}:${t.key}`
+    )
   )) });
 }
 function se({
@@ -80,9 +85,9 @@ function se({
   onClose: h,
   onDone: m
 }) {
-  const u = x(), d = q(), [s, l] = F(""), o = !!(e != null && e.require_reason), a = R({
+  const u = v(), d = q(), [s, l] = F(""), o = !!(e != null && e.require_reason), a = R({
     mutationFn: async (r) => {
-      const c = { collection: n, ids: [t], reason: s.trim() || null }, g = r.source === "db" ? await u.request(y("/bulk-actions/run", { ...c, key: r.key })) : await u.request(y(`/bulk-actions/${r.key}/execute`, c));
+      const c = { collection: n, ids: [t], reason: s.trim() || null }, g = r.source === "db" ? await u.request(k("/bulk-actions/run", { ...c, key: r.key })) : await u.request(k(`/bulk-actions/${r.key}/execute`, c));
       return { a: r, result: g.data ?? {} };
     },
     onSuccess: ({ a: r, result: c }) => {
@@ -118,9 +123,9 @@ function se({
           )
         ] }),
         /* @__PURE__ */ f(E, { children: [
-          /* @__PURE__ */ i(k, { variant: "outline", onClick: h, disabled: a.isPending, children: "Cancel" }),
+          /* @__PURE__ */ i(b, { variant: "outline", onClick: h, disabled: a.isPending, children: "Cancel" }),
           /* @__PURE__ */ i(
-            k,
+            b,
             {
               onClick: () => e && a.mutate(e),
               disabled: !e || a.isPending || o && !s.trim(),

package/package.json

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