@object-ui/plugin-aggrid 0.5.0 → 2.0.0

package/dist/GeolocationField-Df3yYcM9.js

@@ -0,0 +1,141 @@
+import { j as t } from "./index-B87wd1E0.js";
+import f from "react";
+import { Button as n, Label as m, Input as x } from "@object-ui/components";
+import { c as h } from "./ObjectAgGridImpl-EjifM4aY.js";
+const b = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "22", x2: "18", y1: "12", y2: "12", key: "l9bcsi" }],
+  ["line", { x1: "6", x2: "2", y1: "12", y2: "12", key: "13hhkx" }],
+  ["line", { x1: "12", x2: "12", y1: "6", y2: "2", key: "10w3f3" }],
+  ["line", { x1: "12", x2: "12", y1: "22", y2: "18", key: "15g9kq" }]
+], N = h("crosshair", b);
+const v = [
+  [
+    "path",
+    {
+      d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
+      key: "1r0f0z"
+    }
+  ],
+  ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
+], g = h("map-pin", v);
+function _({ value: p, onChange: c, field: k, readonly: a, ...s }) {
+  const [l, o] = f.useState(!1), i = p || {}, r = (e, u) => {
+    c({
+      ...i,
+      [e]: u ? Number(u) : void 0
+    });
+  }, y = () => {
+    if (!navigator.geolocation) {
+      console.error("Geolocation is not supported by this browser");
+      return;
+    }
+    o(!0), navigator.geolocation.getCurrentPosition(
+      (e) => {
+        c({
+          latitude: e.coords.latitude,
+          longitude: e.coords.longitude,
+          accuracy: e.coords.accuracy
+        }), o(!1);
+      },
+      (e) => {
+        console.error("Error getting location:", e.message), o(!1);
+      },
+      {
+        enableHighAccuracy: !0,
+        timeout: 5e3,
+        maximumAge: 0
+      }
+    );
+  }, j = (e) => !e.latitude || !e.longitude ? "-" : `${e.latitude.toFixed(6)}, ${e.longitude.toFixed(6)}`, d = () => {
+    if (!i.latitude || !i.longitude) return;
+    const e = `https://www.google.com/maps?q=${i.latitude},${i.longitude}`;
+    window.open(e, "_blank");
+  };
+  return a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx(g, { className: "w-4 h-4 text-muted-foreground" }),
+    /* @__PURE__ */ t.jsx("span", { className: "text-sm", children: j(i) }),
+    i.latitude && i.longitude && /* @__PURE__ */ t.jsx(
+      n,
+      {
+        type: "button",
+        variant: "link",
+        size: "sm",
+        onClick: d,
+        className: "p-0 h-auto",
+        children: "View on map"
+      }
+    )
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t.jsxs(
+        n,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: y,
+          disabled: a || l,
+          children: [
+            /* @__PURE__ */ t.jsx(N, { className: "w-4 h-4 mr-2" }),
+            l ? "Getting location..." : "Use Current Location"
+          ]
+        }
+      ),
+      i.latitude && i.longitude && /* @__PURE__ */ t.jsxs(
+        n,
+        {
+          type: "button",
+          variant: "link",
+          size: "sm",
+          onClick: d,
+          children: [
+            /* @__PURE__ */ t.jsx(g, { className: "w-4 h-4 mr-2" }),
+            "View on map"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(m, { htmlFor: "latitude", className: "text-xs", children: "Latitude" }),
+        /* @__PURE__ */ t.jsx(
+          x,
+          {
+            id: "latitude",
+            type: "number",
+            value: i.latitude ?? "",
+            onChange: (e) => r("latitude", e.target.value),
+            placeholder: "37.7749",
+            disabled: a || s.disabled,
+            step: "any",
+            className: s.className
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { children: [
+        /* @__PURE__ */ t.jsx(m, { htmlFor: "longitude", className: "text-xs", children: "Longitude" }),
+        /* @__PURE__ */ t.jsx(
+          x,
+          {
+            id: "longitude",
+            type: "number",
+            value: i.longitude ?? "",
+            onChange: (e) => r("longitude", e.target.value),
+            placeholder: "-122.4194",
+            disabled: a || s.disabled,
+            step: "any"
+          }
+        )
+      ] })
+    ] }),
+    i.accuracy && /* @__PURE__ */ t.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      "Accuracy: ±",
+      i.accuracy.toFixed(0),
+      "m"
+    ] })
+  ] });
+}
+export {
+  _ as GeolocationField
+};

package/dist/GridField-CcjQp4WM.js

@@ -0,0 +1,29 @@
+import { j as e } from "./index-B87wd1E0.js";
+import { cn as l } from "@object-ui/components";
+function g({ value: r, field: n, readonly: m, ...a }) {
+  const d = (n || a.schema)?.columns || [];
+  return !r || !Array.isArray(r) ? /* @__PURE__ */ e.jsx("span", { className: "text-sm text-gray-500", children: "-" }) : m ? /* @__PURE__ */ e.jsx("div", { className: l("text-sm", a.className), children: /* @__PURE__ */ e.jsxs("span", { className: "text-gray-700", children: [
+    r.length,
+    " rows"
+  ] }) }) : /* @__PURE__ */ e.jsxs("div", { className: l("border border-gray-200 rounded-md overflow-hidden", a.className), children: [
+    /* @__PURE__ */ e.jsx("div", { className: "overflow-auto max-h-60", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full text-sm", children: [
+      /* @__PURE__ */ e.jsx("thead", { className: "bg-gray-50 border-b border-gray-200", children: /* @__PURE__ */ e.jsx("tr", { children: d.map((s, t) => /* @__PURE__ */ e.jsx(
+        "th",
+        {
+          className: "px-3 py-2 text-left text-xs font-medium text-gray-700",
+          children: s.label || s.name
+        },
+        t
+      )) }) }),
+      /* @__PURE__ */ e.jsx("tbody", { className: "divide-y divide-gray-200", children: r.slice(0, 5).map((s, t) => /* @__PURE__ */ e.jsx("tr", { className: "hover:bg-gray-50", children: d.map((i, c) => /* @__PURE__ */ e.jsx("td", { className: "px-3 py-2 text-gray-900", children: s[i.name] != null ? String(s[i.name]) : "-" }, c)) }, t)) })
+    ] }) }),
+    r.length > 5 && /* @__PURE__ */ e.jsxs("div", { className: "bg-gray-50 px-3 py-2 text-xs text-gray-500 border-t border-gray-200", children: [
+      "Showing 5 of ",
+      r.length,
+      " rows"
+    ] })
+  ] });
+}
+export {
+  g as GridField
+};

package/dist/LocationField-BIfN5QIq.js

@@ -0,0 +1,33 @@
+import { j as r } from "./index-B87wd1E0.js";
+import { Input as f } from "@object-ui/components";
+function x({ value: t, onChange: l, field: d, readonly: i, ...a }) {
+  const m = d || a.schema, n = t && typeof t == "object" ? `${t.latitude || 0}, ${t.longitude || 0}` : "";
+  if (i)
+    return /* @__PURE__ */ r.jsx("span", { className: "text-sm", children: n || "-" });
+  const u = (p) => {
+    const o = p.target.value;
+    if (!o.trim()) {
+      l(null);
+      return;
+    }
+    const s = o.split(",").map((e) => e.trim());
+    if (s.length === 2) {
+      const e = parseFloat(s[0]), c = parseFloat(s[1]);
+      !isNaN(e) && !isNaN(c) && l({ latitude: e, longitude: c });
+    }
+  };
+  return /* @__PURE__ */ r.jsx(
+    f,
+    {
+      type: "text",
+      value: n,
+      onChange: u,
+      placeholder: m?.placeholder || "latitude, longitude",
+      disabled: i || a.disabled,
+      className: a.className
+    }
+  );
+}
+export {
+  x as LocationField
+};

package/dist/MasterDetailField-CAEmxbIT.js

@@ -0,0 +1,117 @@
+import { j as e } from "./index-B87wd1E0.js";
+import { Button as a, cn as c, Badge as N } from "@object-ui/components";
+import { c as o, X as f } from "./ObjectAgGridImpl-EjifM4aY.js";
+const g = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+], i = o("external-link", g);
+const v = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "M12 5v14", key: "s699le" }]
+], y = o("plus", v);
+function R({
+  value: h,
+  onChange: l,
+  field: x,
+  readonly: m,
+  className: n,
+  ...d
+}) {
+  const t = h || [], u = x || d.schema, p = () => {
+    const s = {
+      id: `new-${Date.now()}`,
+      label: "New Related Record"
+    };
+    l([...t, s]);
+  }, j = (s) => {
+    l(t.filter((b) => b.id !== s));
+  }, r = (s) => {
+    console.log("View detail:", s);
+  };
+  return m ? /* @__PURE__ */ e.jsxs("div", { className: c("space-y-2", n), children: [
+    t.length === 0 ? /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "No related records" }) : t.map((s) => /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "flex items-center justify-between p-2 border rounded hover:bg-muted/50",
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: s.label }),
+          /* @__PURE__ */ e.jsx(
+            a,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "sm",
+              onClick: () => r(s),
+              children: /* @__PURE__ */ e.jsx(i, { className: "w-4 h-4" })
+            }
+          )
+        ]
+      },
+      s.id
+    )),
+    /* @__PURE__ */ e.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+      t.length,
+      " ",
+      t.length === 1 ? "record" : "records"
+    ] })
+  ] }) : /* @__PURE__ */ e.jsxs("div", { className: c("space-y-3", n), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      t.map((s) => /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: "flex items-center justify-between gap-2 p-2 border rounded hover:bg-muted/50",
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
+              /* @__PURE__ */ e.jsx(N, { variant: "outline", children: s.id }),
+              /* @__PURE__ */ e.jsx("span", { className: "text-sm flex-1", children: s.label })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e.jsx(
+                a,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => r(s),
+                  children: /* @__PURE__ */ e.jsx(i, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                a,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: () => j(s.id),
+                  disabled: d.disabled,
+                  children: /* @__PURE__ */ e.jsx(f, { className: "w-4 h-4" })
+                }
+              )
+            ] })
+          ]
+        },
+        s.id
+      )),
+      t.length === 0 && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground text-center py-4 border border-dashed rounded bg-muted/20", children: "No related records" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      a,
+      {
+        type: "button",
+        variant: "outline",
+        className: "w-full",
+        onClick: p,
+        disabled: d.disabled,
+        children: [
+          /* @__PURE__ */ e.jsx(y, { className: "w-4 h-4 mr-2" }),
+          "Add ",
+          u?.label || "Record"
+        ]
+      }
+    )
+  ] });
+}
+export {
+  R as MasterDetailField
+};