@object-ui/plugin-aggrid 0.4.1 → 2.0.0

package/dist/ObjectField-BpkQpIF-.js

@@ -0,0 +1,51 @@
+import { j as t } from "./index-B87wd1E0.js";
+import { useState as m, useEffect as h } from "react";
+import { cn as u, Textarea as y } from "@object-ui/components";
+function p({ value: r, onChange: c, field: x, readonly: a, ...s }) {
+  const g = x || s.schema, N = () => r == null ? "" : JSON.stringify(r, null, 2), [e, n] = m(N), [i, d] = m(null);
+  if (h(() => {
+    try {
+      if (r == null) {
+        n("");
+        return;
+      }
+      const l = e ? JSON.parse(e) : null;
+      JSON.stringify(l) !== JSON.stringify(r) && n(JSON.stringify(r, null, 2));
+    } catch {
+      n(JSON.stringify(r, null, 2));
+    }
+  }, [r, e]), a)
+    return r ? /* @__PURE__ */ t.jsx("pre", { className: u("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", s.className), children: JSON.stringify(r, null, 2) }) : /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: "-" });
+  const S = (l) => {
+    const o = l.target.value;
+    if (n(o), d(null), !o.trim()) {
+      c(null);
+      return;
+    }
+    try {
+      const f = JSON.parse(o);
+      c(f);
+    } catch {
+      d("Invalid JSON");
+    }
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ t.jsx(
+      y,
+      {
+        value: e,
+        onChange: S,
+        placeholder: g?.placeholder || `{
+  "key": "value"
+}`,
+        disabled: a || s.disabled,
+        className: u("font-mono text-xs", i ? "border-red-500 focus-visible:ring-red-500" : "", s.className),
+        rows: 6
+      }
+    ),
+    i && /* @__PURE__ */ t.jsx("p", { className: "text-xs text-red-500", children: i })
+  ] });
+}
+export {
+  p as ObjectField
+};

package/dist/QRCodeField-VCBewTDG.js

@@ -0,0 +1,96 @@
+import { j as e } from "./index-B87wd1E0.js";
+import y from "react";
+import { Button as a, Input as j } from "@object-ui/components";
+import { c as d } from "./ObjectAgGridImpl-EjifM4aY.js";
+const g = [
+  ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
+  ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
+], k = d("copy", g);
+const f = [
+  ["rect", { width: "5", height: "5", x: "3", y: "3", rx: "1", key: "1tu5fj" }],
+  ["rect", { width: "5", height: "5", x: "16", y: "3", rx: "1", key: "1v8r4q" }],
+  ["rect", { width: "5", height: "5", x: "3", y: "16", rx: "1", key: "1x03jg" }],
+  ["path", { d: "M21 16h-3a2 2 0 0 0-2 2v3", key: "177gqh" }],
+  ["path", { d: "M21 21v.01", key: "ents32" }],
+  ["path", { d: "M12 7v3a2 2 0 0 1-2 2H7", key: "8crl2c" }],
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M12 3h.01", key: "n36tog" }],
+  ["path", { d: "M12 16v.01", key: "133mhm" }],
+  ["path", { d: "M16 12h1", key: "1slzba" }],
+  ["path", { d: "M21 12v.01", key: "1lwtk9" }],
+  ["path", { d: "M12 21v-1", key: "1880an" }]
+], n = d("qr-code", f);
+function R({ value: t, onChange: h, field: l, readonly: o, ...c }) {
+  const [s, i] = y.useState(!1), x = l || c.schema, m = (r) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(r)}`, p = () => {
+    t && navigator.clipboard.writeText(t);
+  };
+  return o ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e.jsx("span", { className: "text-sm flex-1 truncate", children: t || "-" }),
+    t && /* @__PURE__ */ e.jsxs(
+      a,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: () => i(!s),
+        children: [
+          /* @__PURE__ */ e.jsx(n, { className: "w-4 h-4 mr-2" }),
+          s ? "Hide" : "Show",
+          " QR"
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e.jsx(
+        j,
+        {
+          type: "text",
+          value: t || "",
+          onChange: (r) => h(r.target.value),
+          placeholder: x?.placeholder || "Enter text for QR code",
+          disabled: o || c.disabled,
+          className: c.className
+        }
+      ),
+      t && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          a,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: p,
+            children: /* @__PURE__ */ e.jsx(k, { className: "w-4 h-4" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          a,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => i(!s),
+            children: /* @__PURE__ */ e.jsx(n, { className: "w-4 h-4" })
+          }
+        )
+      ] })
+    ] }),
+    s && t && /* @__PURE__ */ e.jsx("div", { className: "border rounded p-4 bg-white flex justify-center", children: /* @__PURE__ */ e.jsx(
+      "img",
+      {
+        src: m(t),
+        alt: "QR Code",
+        className: "w-48 h-48"
+      }
+    ) }),
+    t && /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "QR code contains: ",
+      t.length,
+      " characters"
+    ] })
+  ] });
+}
+export {
+  R as QRCodeField
+};

package/dist/RichTextField-CyQwSi2C.js

@@ -0,0 +1,37 @@
+import { j as e } from "./index-B87wd1E0.js";
+import { Textarea as x } from "@object-ui/components";
+function f({ value: a, onChange: i, field: c, readonly: r, errorMessage: n, ...s }) {
+  if (r)
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "text-sm prose prose-sm max-w-none",
+        children: a || "-"
+      }
+    );
+  const t = c || s.schema, o = t?.rows || 8, l = t?.format || "markdown";
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between text-xs text-gray-500", children: [
+      /* @__PURE__ */ e.jsxs("span", { children: [
+        "Format: ",
+        l
+      ] }),
+      /* @__PURE__ */ e.jsx("span", { className: "italic", children: "Rich text editor (basic)" })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      x,
+      {
+        value: a || "",
+        onChange: (m) => i(m.target.value),
+        placeholder: t?.placeholder || "Enter text...",
+        disabled: r || s.disabled,
+        rows: o,
+        className: `font-mono text-sm ${s.className || ""}`,
+        "aria-invalid": !!n
+      }
+    )
+  ] });
+}
+export {
+  f as RichTextField
+};

package/dist/SignatureField-Cr4tsEbj.js

@@ -0,0 +1,96 @@
+import { j as s } from "./index-B87wd1E0.js";
+import w, { useRef as v, useEffect as N } from "react";
+import { Button as b } from "@object-ui/components";
+import { c as S } from "./ObjectAgGridImpl-EjifM4aY.js";
+const C = [
+  [
+    "path",
+    {
+      d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21",
+      key: "g5wo59"
+    }
+  ],
+  ["path", { d: "m5.082 11.09 8.828 8.828", key: "1wx5vj" }]
+], R = S("eraser", C);
+function k({ value: o, onChange: f, readonly: i }) {
+  const r = v(null), [m, h] = w.useState(!1), [g, a] = w.useState(!o);
+  N(() => {
+    if (o && r.current) {
+      const e = r.current.getContext("2d");
+      if (e) {
+        const n = new Image();
+        n.onload = () => {
+          e.drawImage(n, 0, 0), a(!1);
+        }, n.src = o;
+      }
+    }
+  }, [o]);
+  const x = (t) => {
+    if (i) return;
+    h(!0), a(!1);
+    const e = r.current;
+    if (!e) return;
+    const n = e.getContext("2d");
+    if (!n) return;
+    const c = e.getBoundingClientRect(), l = "touches" in t ? t.touches[0].clientX - c.left : t.clientX - c.left, d = "touches" in t ? t.touches[0].clientY - c.top : t.clientY - c.top;
+    n.beginPath(), n.moveTo(l, d);
+  }, p = (t) => {
+    if (!m || i) return;
+    const e = r.current;
+    if (!e) return;
+    const n = e.getContext("2d");
+    if (!n) return;
+    const c = e.getBoundingClientRect(), l = "touches" in t ? t.touches[0].clientX - c.left : t.clientX - c.left, d = "touches" in t ? t.touches[0].clientY - c.top : t.clientY - c.top;
+    n.lineTo(l, d), n.strokeStyle = "#000", n.lineWidth = 2, n.lineCap = "round", n.lineJoin = "round", n.stroke();
+  }, u = () => {
+    if (!m) return;
+    h(!1);
+    const t = r.current;
+    if (!t) return;
+    const e = t.toDataURL("image/png");
+    f(e);
+  }, j = () => {
+    const t = r.current;
+    if (!t) return;
+    const e = t.getContext("2d");
+    e && (e.clearRect(0, 0, t.width, t.height), a(!0), f(""));
+  };
+  return i && o ? /* @__PURE__ */ s.jsx("div", { className: "border rounded p-2 bg-white", children: /* @__PURE__ */ s.jsx("img", { src: o, alt: "Signature", className: "max-w-full h-auto" }) }) : i && !o ? /* @__PURE__ */ s.jsx("span", { className: "text-sm text-muted-foreground", children: "No signature" }) : /* @__PURE__ */ s.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "border rounded bg-white", children: /* @__PURE__ */ s.jsx(
+      "canvas",
+      {
+        ref: r,
+        width: 400,
+        height: 200,
+        className: "w-full touch-none cursor-crosshair",
+        onMouseDown: x,
+        onMouseMove: p,
+        onMouseUp: u,
+        onMouseLeave: u,
+        onTouchStart: x,
+        onTouchMove: p,
+        onTouchEnd: u
+      }
+    ) }),
+    /* @__PURE__ */ s.jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ s.jsx("p", { className: "text-xs text-muted-foreground", children: g ? "Sign above" : "Signature captured" }),
+      /* @__PURE__ */ s.jsxs(
+        b,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: j,
+          disabled: i || g,
+          children: [
+            /* @__PURE__ */ s.jsx(R, { className: "w-4 h-4 mr-2" }),
+            "Clear"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  k as SignatureField
+};

package/dist/SummaryField-CnEJ_GZI.js

@@ -0,0 +1,9 @@
+import { j as i } from "./index-B87wd1E0.js";
+function u({ value: m, field: n, ...s }) {
+  const e = (n || s.schema)?.summary_type || "count";
+  let t = "-";
+  return m != null && (e === "count" ? t = String(m) : ["sum", "avg", "min", "max"].includes(e) ? t = typeof m == "number" ? m.toFixed(2) : String(m) : t = String(m)), /* @__PURE__ */ i.jsx("span", { className: `text-sm font-medium tabular-nums text-gray-700 ${s.className || ""}`, children: t });
+}
+export {
+  u as SummaryField
+};

package/dist/UserField-DJjaVyrV.js

@@ -0,0 +1,49 @@
+import { j as e } from "./index-B87wd1E0.js";
+import { Avatar as c, AvatarFallback as m, Badge as g } from "@object-ui/components";
+import { X as N } from "./ObjectAgGridImpl-EjifM4aY.js";
+function U({ value: s, onChange: o, field: d, readonly: h, ...x }) {
+  const p = (d || x.schema)?.multiple || !1;
+  if (h) {
+    if (!s) return /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "-" });
+    const t = Array.isArray(s) ? s : [s];
+    return /* @__PURE__ */ e.jsxs("div", { className: "flex -space-x-2", children: [
+      t.slice(0, 3).map((r, i) => {
+        const a = r.name || r.username || "User", n = a.split(" ").map((u) => u[0]).join("").toUpperCase().slice(0, 2);
+        return /* @__PURE__ */ e.jsx(c, { className: "size-8 border-2 border-white", title: a, children: /* @__PURE__ */ e.jsx(m, { className: "bg-blue-500 text-white text-xs", children: n }) }, i);
+      }),
+      t.length > 3 && /* @__PURE__ */ e.jsx(c, { className: "size-8 border-2 border-white", children: /* @__PURE__ */ e.jsxs(m, { className: "bg-gray-200 text-gray-600 text-xs", children: [
+        "+",
+        t.length - 3
+      ] }) })
+    ] });
+  }
+  const l = s ? Array.isArray(s) ? s : [s] : [], j = (t) => {
+    if (p) {
+      const r = l.filter((i, a) => a !== t);
+      o(r.length > 0 ? r : null);
+    } else
+      o(null);
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: x.className, children: [
+    l.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-2 mb-2", children: l.map((t, r) => {
+      const i = t.name || t.username || "User", a = i.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2);
+      return /* @__PURE__ */ e.jsxs(g, { variant: "outline", className: "gap-2 pr-1", children: [
+        /* @__PURE__ */ e.jsx(c, { className: "size-5", children: /* @__PURE__ */ e.jsx(m, { className: "bg-blue-500 text-white text-xs", children: a }) }),
+        /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: i }),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => j(r),
+            className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
+            children: /* @__PURE__ */ e.jsx(N, { className: "size-3" })
+          }
+        )
+      ] }, r);
+    }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "text-sm text-gray-500 italic", children: "User selection component requires integration with user management system" })
+  ] });
+}
+export {
+  U as UserField
+};

package/dist/VectorField-cPYmcKnV.js

@@ -0,0 +1,25 @@
+import { j as e } from "./index-B87wd1E0.js";
+function x({ value: s, field: n, ...r }) {
+  const i = (n || r.schema)?.dimensions || (Array.isArray(s) ? s.length : 0);
+  if (!s || !Array.isArray(s))
+    return /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-500", children: "-" });
+  const a = s.slice(0, 3).map((c) => {
+    const t = Number(c);
+    return isNaN(t) ? "0" : t.toFixed(4);
+  }).join(", ");
+  return /* @__PURE__ */ e.jsxs("div", { className: `text-sm ${r.className || ""}`, children: [
+    /* @__PURE__ */ e.jsxs("span", { className: "font-mono text-gray-700", children: [
+      "[",
+      a,
+      "...]"
+    ] }),
+    /* @__PURE__ */ e.jsxs("span", { className: "text-gray-500 ml-2", children: [
+      "(",
+      i,
+      "D)"
+    ] })
+  ] });
+}
+export {
+  x as VectorField
+};