@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/components/panels/LegalHoldBanner.js

@@ -0,0 +1,38 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { useQuery as d } from "@tanstack/react-query";
+import { useNivaroClient as i } from "../../context.js";
+import { get as c } from "../../lib/commands.js";
+import { useAfterIdle as m } from "../../lib/defer.js";
+import { formatRelative as p } from "../../lib/utils.js";
+function b({ collection: t, itemId: r }) {
+  const l = i(), n = m(1500), { data: e } = d({
+    queryKey: ["legal-hold", t, r],
+    enabled: n && !!t && !!r,
+    queryFn: () => l.request(
+      c(`/legal-holds/check/${encodeURIComponent(t)}/${encodeURIComponent(r)}`)
+    ).then((s) => s.data ?? null).catch(() => null),
+    staleTime: 5 * 6e4,
+    refetchOnWindowFocus: !1
+  });
+  return e ? /* @__PURE__ */ o(
+    "div",
+    {
+      "data-legal-hold-banner": !0,
+      role: "status",
+      className: "nvr-expand-in flex flex-wrap items-center gap-2 rounded-md border border-violet-200 bg-violet-50 px-3 py-2 dark:border-violet-500/30 dark:bg-violet-500/10",
+      children: /* @__PURE__ */ a("p", { className: "min-w-0 flex-1 text-[12.5px] text-violet-900 dark:text-violet-200", children: [
+        /* @__PURE__ */ o("span", { className: "font-semibold", children: "On legal hold" }),
+        e.created_at && ` · since ${p(e.created_at)}`,
+        " · its history, trash copy and linked files are kept through every purge",
+        e.reason && /* @__PURE__ */ a("span", { className: "block truncate text-[11.5px] text-violet-800/80 dark:text-violet-300/80", children: [
+          "“",
+          e.reason,
+          "”"
+        ] })
+      ] })
+    }
+  ) : null;
+}
+export {
+  b as LegalHoldBanner
+};