@nivaro/react 0.3.39 → 0.3.41

package/dist/shared/components/PickerExcludedRows.js

@@ -0,0 +1,55 @@
+import { useQueries as _ } from "@tanstack/react-query";
+import { useMemo as c, useCallback as x } from "react";
+import { useNivaroClient as f } from "../context.js";
+import { post as g } from "../lib/commands.js";
+const m = "picker-exclusions-page";
+function S(a, d) {
+  const l = f(), o = c(() => {
+    const e = /* @__PURE__ */ new Map();
+    for (const t of a) {
+      if (!t.collection || t.id == null) continue;
+      const n = e.get(t.collection) ?? [];
+      n.push(String(t.id)), e.set(t.collection, n);
+    }
+    return [...e.entries()].map(([t, n]) => ({
+      collection: t,
+      ids: [...new Set(n)].sort()
+    }));
+  }, [a]), s = _({
+    queries: o.map(({ collection: e, ids: t }) => ({
+      queryKey: [m, e, t.join(",")],
+      queryFn: () => l.request(
+        g("/picker-exclusions/batch-status", { collection: e, ids: t })
+      ).then((n) => {
+        var r;
+        return ((r = n.data) == null ? void 0 : r.excluded) ?? [];
+      }),
+      enabled: d && t.length > 0,
+      staleTime: 6e4,
+      retry: !1
+    }))
+  }), p = s.map((e) => (e.data ?? []).join(",")).join("|"), i = c(() => {
+    const e = /* @__PURE__ */ new Set();
+    return o.forEach(({ collection: t }, n) => {
+      var r;
+      for (const u of ((r = s[n]) == null ? void 0 : r.data) ?? []) e.add(`${t}|${String(u).toUpperCase()}`);
+    }), e;
+  }, [o, p]);
+  return x(
+    (e, t) => i.has(`${e}|${String(t).toUpperCase()}`),
+    [i]
+  );
+}
+const h = "Hidden from pickers — not offered in any dropdown. Actions → Show in pickers to offer it again.", y = [
+  "[&>td]:italic [&>td_*]:italic",
+  "[&>td]:!text-slate-500 [&>td_a]:!text-slate-500 [&>td_button]:!text-slate-500",
+  "dark:[&>td]:!text-slate-400 dark:[&>td_a]:!text-slate-400 dark:[&>td_button]:!text-slate-400",
+  "[&>td]:bg-[repeating-linear-gradient(135deg,rgb(100_116_139/0.09)_0_1px,transparent_1px_6px)]",
+  "dark:[&>td]:bg-[repeating-linear-gradient(135deg,rgb(148_163_184/0.10)_0_1px,transparent_1px_6px)]"
+].join(" ");
+export {
+  y as PICKER_EXCLUDED_ROW_CLASS,
+  h as PICKER_EXCLUDED_TITLE,
+  m as PICKER_EXCLUSIONS_PAGE_KEY,
+  S as usePickerExcludedRows
+};

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

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

package/dist/shared/components/layout-editor/settings/settings-registry.js

@@ -203,7 +203,7 @@ const y = [
   {
     key: "layout.allow_disable_pickers",
     section: "buttons",
-    label: "Hide-from-pickers button for everyone",
+    label: "Hide from pickers button for everyone",
     effect: "Everyone who can edit may hide a record from pickers, not only admins.",
     types: t
   },