@nivaro/react 0.3.41 → 0.3.43

package/dist/shared/components/integrations/console/ErrorExplanation.js

@@ -0,0 +1,121 @@
+import { jsx as i, jsxs as o } from "react/jsx-runtime";
+import { Wrench as b, ChevronRight as N } from "lucide-react";
+import { useState as k, useId as y } from "react";
+import { useNavigation as _, useItemNavigation as E } from "../../../context.js";
+import { cn as a } from "../../../lib/utils.js";
+import { TONE_TEXT as f, TONE_SOFT as x } from "./tone.js";
+function O({
+  explanation: t,
+  raw: l,
+  compact: g = !1,
+  className: c
+}) {
+  const m = _(), u = E(), [d, v] = k(!1), p = y();
+  if (!t)
+    return l ? /* @__PURE__ */ i(
+      "p",
+      {
+        className: a(
+          "whitespace-pre-wrap break-words rounded px-2 py-1.5 text-[11.5px]",
+          x.negative,
+          f.negative,
+          c
+        ),
+        children: l
+      }
+    ) : null;
+  const r = t.fix;
+  let s = null, n = null;
+  if ((r == null ? void 0 : r.kind) === "record") {
+    const e = {
+      collection: r.collection,
+      itemId: r.item,
+      query: r.field ? { focus: r.field } : null
+    };
+    s = u.urlFor(e), n = () => u.open(e);
+  } else if (t.fix_link) {
+    s = m.consoleUrl ? m.consoleUrl(t.fix_link) : t.fix_link;
+    const e = s;
+    n = e ? () => m.navigate(e) : null;
+  }
+  const h = s && n ? /* @__PURE__ */ o(
+    "a",
+    {
+      href: s,
+      onClick: (e) => {
+        e.metaKey || e.ctrlKey || e.shiftKey || e.button !== 0 || (e.preventDefault(), e.stopPropagation(), n == null || n());
+      },
+      "data-integration-fix": t.cause,
+      className: "inline-flex shrink-0 items-center gap-1 rounded-md border border-border bg-card px-2 py-0.5 text-[11px] font-medium text-foreground hover:bg-muted",
+      children: [
+        /* @__PURE__ */ i(b, { className: "h-3 w-3", "aria-hidden": !0 }),
+        t.fix_label ?? "Fix it"
+      ]
+    }
+  ) : null;
+  return g ? /* @__PURE__ */ o(
+    "span",
+    {
+      className: a("flex min-w-0 items-center gap-2", c),
+      "data-integration-explanation": t.rule,
+      children: [
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: a("min-w-0 truncate text-[11.5px]", f.negative),
+            "data-tip": t.sentence.length > 70 ? t.sentence : void 0,
+            children: t.sentence
+          }
+        ),
+        h
+      ]
+    }
+  ) : /* @__PURE__ */ o(
+    "div",
+    {
+      className: a("space-y-1.5 rounded px-2 py-1.5", x.negative, c),
+      "data-integration-explanation": t.rule,
+      children: [
+        /* @__PURE__ */ o("div", { className: "flex flex-wrap items-start gap-2", children: [
+          /* @__PURE__ */ i("p", { className: a("min-w-0 flex-1 text-[12px] font-medium", f.negative), children: t.sentence }),
+          h
+        ] }),
+        l && /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              "aria-expanded": d,
+              "aria-controls": p,
+              onClick: (e) => {
+                e.stopPropagation(), v((w) => !w);
+              },
+              className: "inline-flex items-center gap-0.5 text-[11px] text-muted-foreground hover:text-foreground",
+              children: [
+                /* @__PURE__ */ i(
+                  N,
+                  {
+                    className: a("h-3 w-3 transition-transform", d && "rotate-90"),
+                    "aria-hidden": !0
+                  }
+                ),
+                d ? "Hide raw" : "Show raw"
+              ]
+            }
+          ),
+          d && /* @__PURE__ */ i(
+            "pre",
+            {
+              id: p,
+              className: "mt-1 max-h-48 overflow-auto whitespace-pre-wrap break-all rounded border border-border bg-card p-2 font-mono text-[11px] text-foreground",
+              children: l
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  O as ErrorExplanation
+};