@object-ui/plugin-aggrid 3.3.0 → 3.3.2

package/dist/GeolocationField-BfhC7QLw.js

@@ -0,0 +1,161 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./createLucideIcon-C_5JZ35b.js";
+import r from "react";
+import { Button as i, EmptyValue as a, Input as o, Label as s } from "@object-ui/components";
+var c = n("crosshair", [
+	["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"
+	}]
+]), l = n("map-pin", [["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"
+}]]), u = /* @__PURE__ */ e({ GeolocationField: () => f }), d = t();
+function f({ value: e, onChange: t, field: n, readonly: u, ...f }) {
+	let [p, m] = r.useState(!1), h = e || {}, g = (e, n) => {
+		t({
+			...h,
+			[e]: n ? Number(n) : void 0
+		});
+	}, _ = () => {
+		if (!navigator.geolocation) {
+			console.error("Geolocation is not supported by this browser");
+			return;
+		}
+		m(!0), navigator.geolocation.getCurrentPosition((e) => {
+			t({
+				latitude: e.coords.latitude,
+				longitude: e.coords.longitude,
+				accuracy: e.coords.accuracy
+			}), m(!1);
+		}, (e) => {
+			console.error("Error getting location:", e.message), m(!1);
+		}, {
+			enableHighAccuracy: !0,
+			timeout: 5e3,
+			maximumAge: 0
+		});
+	}, v = (e) => !e.latitude || !e.longitude ? "" : `${e.latitude.toFixed(6)}, ${e.longitude.toFixed(6)}`, y = () => {
+		if (!h.latitude || !h.longitude) return;
+		let e = `https://www.google.com/maps?q=${h.latitude},${h.longitude}`;
+		window.open(e, "_blank");
+	};
+	if (u) {
+		let e = v(h);
+		return /* @__PURE__ */ (0, d.jsxs)("div", {
+			className: "flex items-center gap-2",
+			children: [
+				/* @__PURE__ */ (0, d.jsx)(l, { className: "w-4 h-4 text-muted-foreground" }),
+				e ? /* @__PURE__ */ (0, d.jsx)("span", {
+					className: "text-sm",
+					children: e
+				}) : /* @__PURE__ */ (0, d.jsx)(a, {}),
+				h.latitude && h.longitude && /* @__PURE__ */ (0, d.jsx)(i, {
+					type: "button",
+					variant: "link",
+					size: "sm",
+					onClick: y,
+					className: "p-0 h-auto",
+					children: "View on map"
+				})
+			]
+		});
+	}
+	return /* @__PURE__ */ (0, d.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, d.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, d.jsxs)(i, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: _,
+					disabled: u || p,
+					children: [/* @__PURE__ */ (0, d.jsx)(c, { className: "w-4 h-4 mr-2" }), p ? "Getting location..." : "Use Current Location"]
+				}), h.latitude && h.longitude && /* @__PURE__ */ (0, d.jsxs)(i, {
+					type: "button",
+					variant: "link",
+					size: "sm",
+					onClick: y,
+					children: [/* @__PURE__ */ (0, d.jsx)(l, { className: "w-4 h-4 mr-2" }), "View on map"]
+				})]
+			}),
+			/* @__PURE__ */ (0, d.jsxs)("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ (0, d.jsxs)("div", { children: [/* @__PURE__ */ (0, d.jsx)(s, {
+					htmlFor: "latitude",
+					className: "text-xs",
+					children: "Latitude"
+				}), /* @__PURE__ */ (0, d.jsx)(o, {
+					id: "latitude",
+					type: "number",
+					value: h.latitude ?? "",
+					onChange: (e) => g("latitude", e.target.value),
+					placeholder: "37.7749",
+					disabled: u || f.disabled,
+					step: "any",
+					className: f.className
+				})] }), /* @__PURE__ */ (0, d.jsxs)("div", { children: [/* @__PURE__ */ (0, d.jsx)(s, {
+					htmlFor: "longitude",
+					className: "text-xs",
+					children: "Longitude"
+				}), /* @__PURE__ */ (0, d.jsx)(o, {
+					id: "longitude",
+					type: "number",
+					value: h.longitude ?? "",
+					onChange: (e) => g("longitude", e.target.value),
+					placeholder: "-122.4194",
+					disabled: u || f.disabled,
+					step: "any"
+				})] })]
+			}),
+			h.accuracy && /* @__PURE__ */ (0, d.jsxs)("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"Accuracy: ±",
+					h.accuracy.toFixed(0),
+					"m"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { u as t };

package/dist/GridField-gN34gk4b.js

@@ -0,0 +1,49 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import "react";
+import { EmptyValue as n, cn as r } from "@object-ui/components";
+//#region ../fields/src/widgets/GridField.tsx
+var i = /* @__PURE__ */ e({ GridField: () => o }), a = t();
+function o({ value: e, field: t, readonly: i, ...o }) {
+	let s = (t || o.schema)?.columns || [];
+	return !e || !Array.isArray(e) ? /* @__PURE__ */ (0, a.jsx)(n, {}) : i ? /* @__PURE__ */ (0, a.jsx)("div", {
+		className: r("text-sm", o.className),
+		children: /* @__PURE__ */ (0, a.jsxs)("span", {
+			className: "text-foreground",
+			children: [e.length, " rows"]
+		})
+	}) : /* @__PURE__ */ (0, a.jsxs)("div", {
+		className: r("border border-border rounded-lg overflow-hidden", o.className),
+		children: [/* @__PURE__ */ (0, a.jsx)("div", {
+			className: "overflow-auto max-h-60",
+			children: /* @__PURE__ */ (0, a.jsxs)("table", {
+				className: "w-full text-sm",
+				children: [/* @__PURE__ */ (0, a.jsx)("thead", {
+					className: "bg-muted border-b border-border",
+					children: /* @__PURE__ */ (0, a.jsx)("tr", { children: s.map((e, t) => /* @__PURE__ */ (0, a.jsx)("th", {
+						className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+						children: e.label || e.name
+					}, t)) })
+				}), /* @__PURE__ */ (0, a.jsx)("tbody", {
+					className: "divide-y divide-border",
+					children: e.slice(0, 5).map((e, t) => /* @__PURE__ */ (0, a.jsx)("tr", {
+						className: "hover:bg-muted/50 transition-colors",
+						children: s.map((t, r) => /* @__PURE__ */ (0, a.jsx)("td", {
+							className: "px-3 py-2 text-foreground",
+							children: e[t.name] == null ? /* @__PURE__ */ (0, a.jsx)(n, {}) : String(e[t.name])
+						}, r))
+					}, t))
+				})]
+			})
+		}), e.length > 5 && /* @__PURE__ */ (0, a.jsxs)("div", {
+			className: "bg-muted px-3 py-2 text-xs text-muted-foreground border-t border-border",
+			children: [
+				"Showing 5 of ",
+				e.length,
+				" rows"
+			]
+		})]
+	});
+}
+//#endregion
+export { i as t };

package/dist/ImageField-BZfSFwmJ.js

@@ -0,0 +1,75 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./image-DmzU2ETO.js";
+import { t as r } from "./x-98xe-fYG.js";
+import { useRef as i } from "react";
+import { Button as a, EmptyValue as o } from "@object-ui/components";
+//#region ../fields/src/widgets/ImageField.tsx
+var s = /* @__PURE__ */ e({ ImageField: () => l }), c = t();
+function l({ value: e, onChange: t, field: s, readonly: l, ...u }) {
+	let d = i(null), f = s || u.schema, p = f?.multiple || !1, m = f?.accept ? f.accept.join(",") : "image/*";
+	if (l) return e ? /* @__PURE__ */ (0, c.jsx)("div", {
+		className: "flex flex-wrap gap-2",
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, c.jsx)("img", {
+			src: e.url || "",
+			alt: e.name || `Image ${t + 1}`,
+			className: "size-20 rounded-md object-cover border border-gray-200"
+		}, t))
+	}) : /* @__PURE__ */ (0, c.jsx)(o, {});
+	let h = e ? Array.isArray(e) ? e : [e] : [], g = (e) => {
+		let n = Array.from(e.target.files || []);
+		if (n.length === 0) return;
+		let r = n.map((e) => ({
+			name: e.name,
+			original_name: e.name,
+			size: e.size,
+			mime_type: e.type,
+			url: URL.createObjectURL(e)
+		}));
+		t(p ? [...h, ...r] : r[0]);
+	}, _ = (e) => {
+		if (p) {
+			let n = h.filter((t, n) => n !== e);
+			t(n.length > 0 ? n : null);
+		} else t(null);
+	};
+	return /* @__PURE__ */ (0, c.jsxs)("div", {
+		className: u.className,
+		children: [/* @__PURE__ */ (0, c.jsx)("input", {
+			ref: d,
+			type: "file",
+			multiple: p,
+			accept: m,
+			onChange: g,
+			className: "hidden"
+		}), /* @__PURE__ */ (0, c.jsxs)("div", {
+			className: "space-y-2",
+			children: [h.length > 0 && /* @__PURE__ */ (0, c.jsx)("div", {
+				className: "grid grid-cols-4 gap-2",
+				children: h.map((e, t) => /* @__PURE__ */ (0, c.jsxs)("div", {
+					className: "relative group",
+					children: [/* @__PURE__ */ (0, c.jsx)("img", {
+						src: e.url || "",
+						alt: e.name || `Image ${t + 1}`,
+						className: "size-20 rounded-md object-cover border border-gray-200"
+					}), /* @__PURE__ */ (0, c.jsx)(a, {
+						type: "button",
+						variant: "destructive",
+						size: "sm",
+						onClick: () => _(t),
+						className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ (0, c.jsx)(r, { className: "size-3" })
+					})]
+				}, t))
+			}), /* @__PURE__ */ (0, c.jsxs)(a, {
+				type: "button",
+				variant: "outline",
+				onClick: () => d.current?.click(),
+				className: "w-full",
+				children: [/* @__PURE__ */ (0, c.jsx)(n, { className: "size-4 mr-2" }), h.length > 0 ? "Add More Images" : "Upload Image"]
+			})]
+		})]
+	});
+}
+//#endregion
+export { s as n, l as t };

package/dist/LocationField-B-zwfw3h.js

@@ -0,0 +1,36 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import "react";
+import { EmptyValue as n, Input as r } from "@object-ui/components";
+//#region ../fields/src/widgets/LocationField.tsx
+var i = /* @__PURE__ */ e({ LocationField: () => o }), a = t();
+function o({ value: e, onChange: t, field: i, readonly: o, ...s }) {
+	let c = i || s.schema, l = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
+	return o ? /* @__PURE__ */ (0, a.jsx)("span", {
+		className: "text-sm",
+		children: l || /* @__PURE__ */ (0, a.jsx)(n, {})
+	}) : /* @__PURE__ */ (0, a.jsx)(r, {
+		type: "text",
+		value: l,
+		onChange: (e) => {
+			let n = e.target.value;
+			if (!n.trim()) {
+				t(null);
+				return;
+			}
+			let r = n.split(",").map((e) => e.trim());
+			if (r.length === 2) {
+				let e = parseFloat(r[0]), n = parseFloat(r[1]);
+				!isNaN(e) && !isNaN(n) && t({
+					latitude: e,
+					longitude: n
+				});
+			}
+		},
+		placeholder: c?.placeholder || "latitude, longitude",
+		disabled: o || s.disabled,
+		className: s.className
+	});
+}
+//#endregion
+export { i as t };